Forum Support

 
Advanced Search


New Posts
FAQs for Wordpress
If you have a question about Wordpress products please read through a list of our most commonly asked questions here.
[1]

Offline twarme
Free Member
Posts: 46

Hi! I am attempting to add a category list and word cloud to the top of the pages/blog-posts page included in this template. I can't seem to find where the widget is located or how the posts listed on the page are coded. The text view on the page edit mode shows contact page text. Any area in the template I add a widget it pushes the posts list over to the side or overwrites. How do I edit this page to add a category list and word cloud above the posts listed? Thank you! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

The page is a placeholder for the main blog, as defined in Settings -> Reading; it doesn't actually use the content at all, it just pulls all blog posts.

To add a widget above the content area, you can use any of the "Above Body"  positions.  A detailed diagram of all positions and their layout is shown on the demo: http://shape5.com/demo/wp/game-world/tutorials/widget-positions/
Logged

Offline twarme
Free Member
Posts: 46

The page is a placeholder for the main blog, as defined in Settings -> Reading; it doesn't actually use the content at all, it just pulls all blog posts.

To add a widget above the content area, you can use any of the "Above Body"  positions.  A detailed diagram of all positions and their layout is shown on the demo: http://shape5.com/demo/wp/game-world/tutorials/widget-positions/

Aha, I see! Thank you Tristan! I think I tried a couple of those last night. It seemed those position are in columns from what I remember. Any way to split the categories and tag cloud half the page each above the blog posts on the page? Or are there short codes or a way to place widgets defined in this theme in the content area? Something similar to: http://iamtechnologyblog.com/archives-i-am-technology-blog/. Thank you again! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

Each "set" of positions with similar names is a row, the widgets in that set are columns within that row.  Unless you define custom widths for each column in the theme options, the framework will automatically detect how many columns are active and split them evenly across the row.  Which means, if you use Top Row 1.1 and 1.2, or Above Body 1 and 2, or any other set of 2 positions sharing a specific row, they will each have a width of 50%.

By using Widget Context, you can show or hide specific widgets on any part of your site, and the positions they are in will only appear when the widgets are active, which means you can have any layout you want, just by showing or hiding widgets in various positions.
Logged

Offline twarme
Free Member
Posts: 46

Each "set" of positions with similar names is a row, the widgets in that set are columns within that row.  Unless you define custom widths for each column in the theme options, the framework will automatically detect how many columns are active and split them evenly across the row.  Which means, if you use Top Row 1.1 and 1.2, or Above Body 1 and 2, or any other set of 2 positions sharing a specific row, they will each have a width of 50%.

By using Widget Context, you can show or hide specific widgets on any part of your site, and the positions they are in will only appear when the widgets are active, which means you can have any layout you want, just by showing or hiding widgets in various positions.

Ha, that sounds easy enough! Admitted newb here. I appreciate you Tristan. Thank you for your shared expertise! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

As a programmer who has been working with WP for a long time, it seems that my explanations aren't always easy to understand; I'm glad I was able to explain in a way that made sense.
Logged

Offline twarme
Free Member
Posts: 46

As a programmer who has been working with WP for a long time, it seems that my explanations aren't always easy to understand; I'm glad I was able to explain in a way that made sense.

You are clear communicator! Thank you! Perfect: there are two sections, half and half. I guess it was maybe not columns, but rather the style found in the CSS perhaps. Would there be a way to configure the post counts in the category list to appear on the same line, instead of a new line? The line breaks makes the list too long with the post counts to display nicely; would look a lot better on the same line. Sorry for silly questions that maybe not even the right question, just trying to figure out how to display site elements as desired. Thank you again! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

Can you provide a link to your site, so I can see what you're trying to do?
Logged

Offline twarme
Free Member
Posts: 46

Can you provide a link to your site, so I can see what you're trying to do?

I am hoping for the post count to be on the same line as the category link. http://new.agrismartinc.com/pages/about-us/blog-posts/ Thank you! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

I took a quick look at it with Firebug, and here are a few options I came up with:


This will display the numbers on the left, with the text/links aligned next to them.  Adjusting the width will adjust the size of the gap between the numbers & links, higher % means smaller space between them:
Code:
ul li.cat-item a {
    width: 92%;
    float: right;
    margin-top: 8px;
    margin-bottom: -8px;
}



This will display the links on the left, with the numbers on the far right.  Again, the width % can be adjusted to change the distance, this time smaller is closer:
Code:
ul li.cat-item a {
    width: 92%;
    float: left;
    margin-top: 8px;
    margin-bottom: -8px;
}



This will put the numbers immediately following the links, with a small gap between them.  Adjust the "padding-right" to change the size of the gap:
Code:
ul li.cat-item a {
    float: left;
    margin-top: 8px;
    margin-bottom: -8px;
    padding-right: 5px;
}




The code above can be added to the end of the style.css for the theme, or pretty much anywhere else in the theme CSS.
Logged

Offline twarme
Free Member
Posts: 46

Awesome! Thank you Tristan! The codes with the post counts to the right of the links made the links display in a diagonal, the below link beginning where the above ended. The top code supplied to display the post counts on the left formatted better. The link and the post count are a little off vertically starting with the second line from the top, but it displays much nicer than the counts on a new line! I can live with this. The margin-bottom: -6px; value doesn't seem to have any effect from what I can see. Thank you for your shared expertise! Whatever they are paying you, you surely deserve more! You can tell them I said that. Ha, good luck with that, I'm nobody! Smiley Thank you again! - Trey
Logged

Offline Tristan Rineer
Free Member
Posts: 3858

The margin-top can be adjusted to help get the number and link to line up better; the margin-bottom is to counter the spacing added by the margin-top, so that the lines don't end up with a huge space between them.

Hopefully that helps you get it set up exactly the way you want.
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.031 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.