WordPress.org

Ready to get started?Download WordPress

Forums

post formatting HELP!! (8 posts)

  1. josephgene
    Member
    Posted 2 years ago #

    Hi!
    I am currently creating a wordpress for my wife and i cant figure out how i can make her posts look like this:
    http://gyazo.com/05763738aeb8256a00d35701760dc6f0
    i created this format in photoshop to see if she liked it and now i need to figure out how to make it wordpress! OOPS!
    The pictures i figured i can just created a table for them and then have the words on the right side of the table in a different cell. If i can do it in a <div> i would be okay with that too!
    if one of you intelligent people can help me i would appreciate it.

    you can check out what ive done so far @ http://www.tickledpink.be

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

    are there always images in a post?
    - if not, should the design automatically adapt?
    are these images always inserted as a gallery?
    - if not, are the images without link, or with link, or with caption?
    - do you want the design to adapt to the number of images?
    are the images always the same size?
    - if not is it ok to scale them all to the same width?
    are you ok with styling the title area?

    here are some ideas on how to separate images from content in a post:
    (edit: full links inserted)

    http://wordpress.org/support/topic/separating-post-text-from-images?replies=10
    http://www.snilesh.com/resources/wordpress/extract-images-from-wordpress-post/
    http://stackoverflow.com/questions/2294595/extract-image-from-the-content

  3. josephgene
    Member
    Posted 2 years ago #

    Thank you for the reply. There are not always images in the post. sometimes it is just text that would be centered in paragraphs. I never thought of a gallery but if a gallery can insert like this and format the text on the side that would be wonderful!

    to answer the question: Yes, Yes yes!

    I dont know what you mean by "styling the title area"

  4. josephgene
    Member
    Posted 2 years ago #

    the links above do not work for me because they are truncated.

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

  6. josephgene
    Member
    Posted 2 years ago #

    @Alchymyth,
    thank you for the reply. Ive read through the articles and unfortunetly i believe it doesnt show me what im looking for.

    First, i am just wondering how to edit the title in a different <DIV> so it looks like:
    DATE|title
    DATE|author, time, Category

    can you point me to a place where i can format the DIV like a table?
    I guess i could just make a table and place the DIV inside of it?

  7. Michael Mann
    Member
    Posted 2 years ago #

    You might take a look at the Easy Columns plugin. I use it here:
    http://manndtp.com/help-center/

    I did a two column setup, but 3, 4, 5 or even six can be done with this plugin. It adds a button in visual mode and gives you plenty of layout options to choose from. Works great under both pages and posts.

  8. imikedesigns
    Member
    Posted 2 years ago #

    So you want her posts to look like your design? You'll need to edit the code of single.php in your themes folder. Single.php will control the layout of all posts. Look at the file and compare it to the HTML output you see in your browser. Use Firebug for Firefox if you arent already. This will allow you to make the connection between what PHP and WordPress tags are generating the date, title, and content. Title will be something like
    <?php the_title(); ?>
    maybe surrounded by a heading tag like
    <h2><?php the_title(); ?></h2>
    You can wrap your date in a something like
    <div class="post-date"><?php the_date();?></div>
    then style in CSS with something like

    .post-date{
    background: #e9e9e9;
    font-color: #000;
    }

    Something like that. Hope that gets going in the right direction. Links below.

    http://codex.wordpress.org/Theme_Development#Single_Post_.28single.php.29
    http://codex.wordpress.org/Function_Reference/the_date

Topic Closed

This topic has been closed to new replies.

About this Topic