WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Eleven add content next to posts tags (14 posts)

  1. Yro
    Member
    Posted 2 years ago #

    Hi all.

    I need some help here.

    Im working on a blog: http://www.intheup.net/blog and I want to add some content next to the "posted in "categories" | "comment".

    I made my own social share and I need to know how to add it to this place.

    I want to add it in the front page only, like it:

    Post topic
    Post date
    Post content + continue reading
    Post in categories | comment **************** My social share icons

    The **** is space, I want the share icons to be placed in the same line that the post categories ans comment are, and I want to arrange these icons to the right side of this line.

    Can anybody help me with it?

    My social share has the css codes in my child style.css and I have the divs for the social share icons here, but I need to know in what file I need to add the codes from div and where to place it so I can have it like I explain before.

    Sorry about my english guys..

  2. Rishi
    Member
    Posted 2 years ago #

    Open you index.php and there you will find Post Meta. Well, your site isn't opening here so that I can give you perfect solution. In index.php , you will find loop for your front page/home page. Find some thing like <?php wp_list_categoires(); ?> and add the code below that. It would look perfectly since you have added the CSS too.

  3. Yro
    Member
    Posted 2 years ago #

    My blog is on and working.

    There is no <?php wp_list_categoires(); ?> in index.php.

    Im working on twenty eleven with child theme.

  4. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    you seemed to have the coding in place.

    however, I would:
    in the coding of the social links,
    - try to change the divs to spans,
    - the css ids to css classes,
    - and edit the styles - no float, change to inline-block, adapt the margins; etc.

    for more detailed suggestions, you can paste the full code of the 'entry-meta' section into a pastebin and post the link to it here - HOW-TO

  5. Yro
    Member
    Posted 2 years ago #

    Here are the PHP codes: http://pastebin.com/e1UxATAc

    And the CSS codes: http://pastebin.com/gU1KQJFe

    I removed it from the blog so I can work on it. When its ok Ill publish it in my child theme.

    I added the php in content.php, at the end of "<footer class="entry-meta">"

    Please help me.

  6. Yro
    Member
    Posted 2 years ago #

    sorry, not php codes, but the divs with its codes

  7. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    suggested changes to the 'social' codes:
    http://pastebin.com/0fEYqQ0n

    corresponding suggested changes to the css:
    http://pastebin.com/z2v5JAXA

    might need adaptation of margins...

  8. Yro
    Member
    Posted 2 years ago #

    Ill take a look now!

    Youre the best dude. thanks so much.. be back soon to post my results...

  9. Yro
    Member
    Posted 2 years ago #

    ow... something is wrong..
    take a look at the blog now. only 2 twiter share links and one under the other..

    any suggestions?

  10. Yro
    Member
    Posted 2 years ago #

    oh.. ok... the code lines where duplicated. Now its fine..

    I have a question yet.

    How to push the share things to the right at the same line?

  11. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    How to push the share things to the right at the same line?

    try these styles:
    http://pastebin.com/0NWmF6cM

    for further tweaking, try to work with Firebug to see what needs to be changed, and check http://www.w3schools.com/css/

  12. Yro
    Member
    Posted 2 years ago #

    Thank You so much.

    Its perfect.

    Im reading some css tutorials here, trying to learn it.

    Thank You again dude. You're the best.

  13. Yro
    Member
    Posted 2 years ago #

    Hey, I have another question..

    What file do I edit to have the same "social share icons", and in the same way (next to categories and permalinks) but now in the single post pages?

  14. Yro
    Member
    Posted 2 years ago #

    Nevermind.. The file to be edited is the "content-single.php", not the "single.php".

    Problem solved.

    Thank You for the help with "spans" and "css".

Topic Closed

This topic has been closed to new replies.

About this Topic