Jump to content
wendyweb

Would Like Custom Archive to Have Same Look as Category Archives

Recommended Posts

wendyweb    1
wendyweb

I've been trying to work this out for two days and am just baffled. 
I would like my custom post type archives to display using the same style as categories. 

 

Here's what a category listing looks like on my site.  This display is also working for all
http://www.village-art-antiques.com/mapregions/europe/

 

However the listing for the archive of all posts that belong to the custom post type "antique maps" - looks like this:  I'd really like it to use the same style as the category and custom taxonomires.  In particular, although I'm pulling featured images which are large, they are getting resized.

 

http://www.village-art-antiques.com/antiquemap/

 

I'm using the Views plugin, and this is what the view code looks like.  Featured images should be displaying larger. I can't figure out how to get that.  Is there a way to tell this to use same style as the other page.

 

 

[wpv-layout-start]
[wpv-posts-found]
<!-- wpv-loop-start -->
   <table width="100%">
      <wpv-loop wrap="2" pad="true">
         [wpv-item index=1]
            <tr><td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td>
         [wpv-item index=other]
            <td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td>
         [wpv-item index=2]
            <td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td></tr>
         [wpv-item index=pad]
            <td></td>
         [wpv-item index=pad-last]
            <td></td></tr>
      </wpv-loop>
   </table>

 

----------

 

And this is what Firebug is showing me on the pages where the images are sized correctly:

 

<div class="full_img fix">

<a class="post-thumb img fix" style="width: 100%" title="Link To The Port of Calais" rel="bookmark" href="http://www.village-art-antiques.com/antiquemap/the-port-of-calais/">
<span class="c_img">
<img class="attachment-large wp-post-image" width="450" height="373" alt="FULL" src="http://www.village-art-antiques.com/wp-content/uploads/2013/02/bhcalaisfull.jpg">

 

I think I need to use one of those classes somehow, but I can't figure out where and how.

I tried it like this - but that didn't work:
            <tr><td><div class="full_img fix">[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</class></td>

 

I realize this is a mix match of Views and Pagelines queries, but would be very grateful for your  help!

  • Like 1

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I'm moving this topic to Customizations, where it belongs as this isn't technical support for Framework, but for your custom post type.

 

If you look in Dashboard > PageLines > Site Options > Header and Footer, and you'll find the shortcodes for the meta information found in the category model.  That's one thing you can incorporate into your custom post type.

 

The key thing would be to simply use Firebug to find the elements surrounding titles, images, text, etc. and use those in your coding.  If not, you can always create unique classes and id's for each element, and craft custom CSS to have them do exactly the things you'd like to see.

 

Since most of the basics are already there, as you point out, it's really just a matter of styling.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
wendyweb    1
wendyweb

THANKS.  Sorry for the misplacement. I'm new to the forums and actually saw the customization area just after writing this and realized it should be there, but I couldn't see a way to move it.

 

I looked at the Dashboard where you indidcated, but I don't see the shortcodes for the meta information - or perhaps I'm not understanding what that means.

 

I did try Firebug, but I'm kind of lost as to how to get that to work or understanding exactly where I am supposed to put those tags in the view.  I was hoping there was an overall div tag for the whole categories display that I could just put around the View codes for the archive display....

Share this post


Link to post
Share on other sites
Rob    547
Rob

This is the default meta code for full-width posts:

 

By [post_author_posts_link] On [post_date] &middot; [post_comments] &middot; In [post_categories] [post_edit]

And this is for magazine mode posts:

On [post_date] By [post_author_posts_link] [post_edit]

The shortcodes, in [] are the things you may want to use in customizing the meta information in your custom post types.  Those are shortcodes.

 

As I mentioned earlier, CSS will let you resize the thumbnails, the title fonts, the excerpt fonts, etc.  Admittedly, Firebug does take a little getting used to. Perhaps an afternoon of testing.  There's some great customization information for CSS here, including some guidance about using Firebug:  http://support.pagelines.me/docs/customization/custom-css/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Anthony King
      By Anthony King+
      I have to say that I like the Layout and the Template based sections. Some of them are really impressive.
      One of the things that I would like to request though is the possibility of being able to dynamically rearrange the layout.
      An example of what I am talking about is take the Agency Section. It's current layout starts with the
      Splash Module then the Portfolio Module then the Service Module and so on and so forth.
      What would be great is if we were able to move these modules around. I.e have the Service Module first
      then maybe the Splash, and then the portfolio.
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      Is it possible, and if so, how, to change the layout of the archive pages? For example, I would like to use a smaller and more compact image size for featured images and shorten the amount of text that's displayed for each post without also changing how featured images are displayed on single post pages.
      I am talking about https://michaelkummer.com/apple/ vs How to extend the storage of your iPhone or iPad.
      Thanks
      Michael
       
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • huskers2011
      By huskers2011+
      Although my layout in edit view is correct, when I look at the page the layout is wrong. I have moved the sections around and the layout remains the same when I view it. Im using 
       PageLines Platform 5 - v5.0.162 running a Pageline theme &  Wordpress version 4.6.1
      The page is http://kwamedawes.com/speak-from-here-to-there-the-dialogue/ the section order is incorrect. and
      http://kwamedawes.com/speak-from-here-to-there-the-poems/ top section is laid out like the bottom section, but displays as shown.
       
      Thanks for any help.
      Lorna
    • tforasiepi
      By tforasiepi+
      My client is asking for a new blog layout similar to the one found here:  http://blog.perkinswill.com/pokemon-augmented-reality-and-the-future-of-urban-design/ 
      They have a splashy full-width background image overlaid with part of the blog and one sidebar.  The navigation arrows send you to the next post.
      Does anyone know if this is even possible using Framework 5?  If so, can you send me some advice on how to get here?
      Totally stuck!
      Thanks.
×