• Resolved josh9787

    (@josh9787)


    hi all.

    im currently using the catlist plugin to list category posts on pages.

    im trying to get it to look like.

    can anyone provide some assistance on how to get it to look like this blog.

    also how is it possible to change the page into 2 columns and have the articles layed out the same.

    thank you ??
    wordpress newbie ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    To do this, you can do something like this :

    <div class="posts" style="display: block;">
    
        <div class="left-posts" {{{style="clear: left; float: left; width: 50%;"}}}>
            <h3 style="..."><?php the_title ?></h3>
            <div class="post-content" {{{style="float: left; vertical-align: top; border: 0px solid silver; margin-right: 5px;"}}}>
                <?php if (has_post_thumbnail()) {
        				echo '<div class="attachment-thumbnail">';
        				the_post_thumbnail('post-thumb', array('title' => trim(strip_tags( $attachment->post_title ))));
        				echo '</div>';
        				the_excerpt('Lire la suite de cet article &raquo;');
        				}
        				else
        				{
        				the_content('Lire la suite de cet article &raquo;');
        				}
        				?>
            </div>
    
        <div class="right-posts" {{{style="clear: none; float: right; width: 50%;"}}}>
            <h3 style="..."><?php the_title ?></h3>
            <div class="post-content" {{{style="float: left; vertical-align: top; border: 0px solid silver; margin-right: 5px;"}}}>
                <?php if (has_post_thumbnail()) {
        				echo '<div class="attachment-thumbnail">';
        				the_post_thumbnail('post-thumb', array('title' => trim(strip_tags( $attachment->post_title ))));
        				echo '</div>';
        				the_excerpt('Read more &raquo;');
        				}
        				else
        				{
        				the_content('Read more &raquo;');
        				}
        				?>
            </div>
    
    </div>

    As you can see, you have to truncate the 2 columns with 2 CSS rules (1 for the posts on the left and 1 for the posts on the right)
    You will see which CSS attribute to create/update between the {{{…}}}

    Thread Starter josh9787

    (@josh9787)

    thanks for that ??

    and this may be a stupid question, as im still new to WP. where do i insert this code or what page do i edit?

    Thanks in advance again ??

    This depends where you want to see this…

    Home = in index.php
    Single Post = in single.php
    Single Category = in category.php
    Page = in page.php

    are you referring to this plugin?
    https://www.ads-software.com/extend/plugins/list-category-posts/

    if the linked site is not yours, please post a link to your own site to illustrate what you have so far.

    Thread Starter josh9787

    (@josh9787)

    yes that is the plugin:
    the page im experimenting on is at the following link:
    https://roxompoker.com/trading-articles/

    When i go into editor:
    the only options that i have to edit which you listed above is home.php
    the other pages are not there?

    would this be due to the theme that i have installed?

    Thread Starter josh9787

    (@josh9787)

    just realised this old thread was still open, apologies in advance.
    my new site is all up and functioning fine. i appreciate all the help from wordpress community, and will continue to use this site further.

    cheers

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to organize category pages into excerpt and thumbnail’ is closed to new replies.