Archived

This topic is now archived and is closed to further replies.

  • 0

Moving Content Around - Changing Layout


Question

Posted · Report post

I am wondering how I might be able to move different content around and add different elements to the post loop and sing post.

for instance I want to move the metabar above the post title.

I also want to put the categories and comments down at the bottom of the post loop.

Anyone have ideas on how to achieve this. It seems to me that loops would be the easiest way, I'm just not sure where to start.

Any help would be greatly appreciated.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Rob, thanks for your answer. some of it was very helpful. i was able to add some of the component i needed via the drag and drop.

the issue i am currently running into is in the post excerpts.

i think i will need to actually move some of the content structure around but still can't figure out what file that is in.

any clue what php file or files create the actually html layout for the posts and post excerpts ?

thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

From you initial message it sounds like you'd have to add a filter to the blog posts section in order to add the extra sections to the bottom.

You can find a list of the Pagelines Hooks/filters and actions here http://api.pagelines.com/hooks

Share this post


Link to post
Share on other sites

Posted · Report post

Some of this may be done in simple ways, others are more complex. For example, you can handle the comments and some other bits being moved to the bottom via Dashboard > PageLines > Drag & Drop > Content Area > Blog Post.

The categories and meta bar can be added to the bottom by adding Content Box in the Blog Post's Drag & Drop under the PostLoop (next item down). On your static page, you'll see Content Box. In the Content Box Class , type metabar and add nothing else. Save. View your post.

In Dashboard > PageLines > Site Options > Custom Code > CSS Rules, add:


em {

    display: none;

}

Share this post


Link to post
Share on other sites