Multi-column Archive Pages

[lisabee]

Is there a setting that will allow all archive pages to be multi-column like the blog page. I thought I had found the setting but it doesn’t seem to apply to the archive pages. It works great on the blog page but I can set the 3 column in the Per Page settings … I can’t figure out how to have the archives page also use a 3 column. It would make it more consistent in ‘design’ if the archive/category pages were the same layout as the blog page.

Can this be done?

[Weaver]

This is an interesting comment / question. Probably been asked before, but the “light” never came on before.

This cannot be done now, but your comment about consistency makes a lot of sense.

So for the next version of Weaver Xtreme, I could add an option under Post Specifics : Post Layout something like:

Column on Archive Pages [checkbox] – Also use multiple columns on Archive-like pages (Archive, Author, Category, Tags)

I’m not sure if searches should be included or not. And I don’t want to compliate things with allowing each archive like page to have a separate option – all or nothing, I think.

This is not that hard to do, and I’m surprised that there hasn’t be a lot of demand for this.

Any comments? (search pages or not?)

[scrambler]

There are no options for styling archive pages (I always though that was a missing thing from @weaver theme 🙂 )

But we can do some with Custom CSS.

If it is just to show the posts in 3 columns on Archive page, you can extrapolate the information I gave in in Item #3 of the thread below

http://forum.weavertheme.com/discussion/12527/weaver-xtreme-tips-and-tutorial-part-7

If you want 3 columns on desktop and 2 on mobile you can add the rules below in Main Options > Fonts & Custom > Custom CSS Rule box

.is-desktop.archive article {float:left;width:32.66%;margin-right:1%;clear:none;}
.is-desktop.archive article:nth-of-type(3n) {margin-right:0;}
.is-desktop.archive article:nth-of-type(3n+1) {clear:both;}

.is-mobile.archive article {float:left;width:49.5%;margin-right:1%;clear:none;}
.is-mobile.archive  article:nth-of-type(2n) {margin-right:0;}
.is-mobile.archive article:nth-of-type(2n+1) {clear:both;}

If not, or if it needs tuning, give us a link to your site both blog page and archive page and explain what you want to do.

[scrambler]

@weaver, we cross posted.

Glad to see you are willing to add more styling options for archive pages 🙂

While I am at it, I noticed that post archive pages do not wrap the posts in the wvrx-posts  div, which could cause problem with columns rules like above.

Unless you see a reason why, it should probably be added there too.

[lisabee]

I don’t think the search pages need to look the same as the blog or archive pages. They would be fine staying the way they are because they resemble what people are used to seeing in the search engines.

I agree with the all or nothing. If a programmer wants to be specific then they would address it the way it can be addressed now, by using a custom/child archive.php and test for the taxonomy or use a custom/child templates/content-<taxonomy slug>.php program.

If we can have the option for our archive/category/tag pages to display using columns then it would be good as well to include the Display Post As setting that is currently on the Page with Posts template.

I am currently using a custom post type with two taxonomies but am relying on the default archive.php to display the taxonomy archive pages. I suppose I could have used a catalog plugin but am reluctant to add too many plugins since each one increases possible conflicts and security breaches (and I wouldn’t get the custom fields I needed). You are right, it doesn’t seem like it would be too difficult to add some testing of settings in the archive.php program to alter the format of the post listing. I hope you can do this! 🙂

[Weaver]

I’ve pretty much finished this addition.

I think the search page looks better one column.

It turns out the all-or-nothing approach is fairly necessary because of Masonry. Currently, the Masonry number of columns overrides the standard number of columns. So allowing archive pages to match the columns settings means it works for both regular columns or Masonry columns.

I  think this is a nice new feature.

I am close to releasing the next version – need to add just one more little detail – but one that is proving to be somewhat difficult to do. First step in moving to the Customizer version.

[lisabee]

Yay! I see the new option for columns on archive pages and it works great! Thank you.

The only thing I think would be nice is another option for the columns on the archive pages that would let us pick the layout of the content. Right now on our main blog page we are only showing the featured image and post title in the column format. We’d like the same on the archive page but, although it is showing columns now, it shows the featured image, title and a portion of the text content … I can block the display of the text content using CSS but would love to see the option to choose (like we do on the page with posts options).

[scrambler]

This is why I suggested a full set of styling options for the Archive pages 🙂

In the mean time, we can get rid of the text with custom CSS. Place the rule below in Main Options > Fonts & Custom > Custom CSS Rule Box

.archive .entry-summary p {display:none;}

If it does not work, leave the rule in and post a link to the page where it should

[lisabee]

Thank you scrambler … that is exactly what I did and it worked 🙂

[Author]

Posts