Jump to content


Photo
- - - - -

Would Like Custom Archive to Have Same Look as Category Archives

views plugin views custom post types archive display layout

  • Please log in to reply
3 replies to this topic

#1 wendyweb

wendyweb

    Member

  • Members
  • 19 posts
  • Country: Country Flag

Posted 11 February 2013 - 07:16 PM

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

Please Login or Register to see this Hidden Content

 

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.

 

Please Login or Register to see this Hidden Content

 

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="

Please Login or Register to see this Hidden Content

"
>
<span class="c_img">
<img class="attachment-large wp-post-image" width="450" height="373" alt="FULL" src="

Please Login or Register to see this Hidden Content

"
>

 

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!


  • AalikeImmalpbax likes this

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 February 2013 - 09:22 PM

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.



#3 wendyweb

wendyweb

    Member

  • Members
  • 19 posts
  • Country: Country Flag

Posted 11 February 2013 - 10:28 PM

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....



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 12 February 2013 - 02:37 AM

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

 

Please Login or Register to see this Hidden Content

And this is for magazine mode posts:

Please Login or Register to see this Hidden Content

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: 

Please Login or Register to see this Hidden Content