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://ww.wp.xz.cn/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
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”
the links above do not work for me because they are truncated.
@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?
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.
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.ww.wp.xz.cn/Theme_Development#Single_Post_.28single.php.29
http://codex.ww.wp.xz.cn/Function_Reference/the_date