However it still displays the entire section of pages under the class. Whatever is now .page-content
< ?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
< ?php the_content(); ?>
< ?php endwhile; ?>
That is the current loop in my index php file that gets all of my pages made. The site is one long website and I used custom links in the menu section to link to an anchor inside the page content.
Few issues I need help with would be – 1. The pages, while ordered, seemingly don’t care. They are in the exact opposite of what I want the order to be and can’t seem to find how to change that. 2 – I’d like each page to have its own wrap so I can put margin on each to divide the sections.
If anyone can give me some insight, would be very helpful. Thanks.
@Jeager I’m sort of confused still. You want each page to have a different wrap? Surely there could be a better way than to do that.
What do you mean you ordered the pages and they are listing in the opposite way? Are you talking about the main nav? If so, the loop above has no involvement with that. You can set how you want the pages to appear by going to ‘Pages’, select a page and then edit the ‘Page Attribute’ order: http://cloud.chrisburton.me/KYCq
No, I am currently using my nav bar to link to anchors inside the content of each page. I had to create each anchor inside the page content and a custom nav link inside the menu option to link to said anchor.
That said, the loop I posted above populates the main page with each page I have created. However when the pages are listed, they do not have their own unique or global class/ID, rather they are all under the div.content rather then all under div.content with a class of .page or .(whatever)
I need each page posted to have a class of .whatever so I can style it. Then I need some way of ordering the pages that are shown.
That is an older version, as I am currently working locally, but it should give the idea of how the pages are being listed verse what the navigation shows.
Trying to make this easier to understand, as I know I am probably not perfectly describing it.
In the link it has the first 3 posts displayed through a custom query followed by the twitter, and then starts to display the pages (which I made through the dashboard – pages). I can find/work with normal post loops easier then the page loop, hence where the trouble is kicking in.
After twitter, the pages are displayed but without a wrapper around each individual page. I would like to add that, similiar to my post loop.
< ?php $custom_query = new WP_Query('posts_per_page=3');
while($custom_query->have_posts()) : $custom_query->the_post(); ?>
< ?php the_content('Continue Reading..'); ?>
< ?php endwhile; ?>
< ?php wp_reset_postdata(); // reset the query ?>
Mainly so I can create a division in between each of the pages without adding the margin to the headings.
The other issue is that they are displaying in the incorrect order. If there is some way to display them ASC or DESC (forget what is default) then it would display in the correct order.
Hope that clears things up a tad more.
Edit: Changed the page loop to display headings as h3’s and adding a margin to that. It creates the division I want to do, but would rather each page have a wrap instead if possible.
Don’t use `body_class` for this, just get the post’s slug:
As for the ordering, you should be able to fiddle with `query_posts` to your liking.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".