Best solution for layout (text and images)

  • Hi

    I′m going to use WP as a CMS for a new project.
    Erlier i have used WP as a blogging platform but now i am going to use it as a CMS.

    Current project status is that i have mockups and are now going to choose a Theme to adapt.
    The goal is that editors can, in a simple way, edit text and images.

    Here is the mockups.
    Homepage:
    https://picasaweb.google.com/lh/photo/jHZ2slpCB1_P63aSU6XN_w?feat=directlink”

    Page with two columns, one with text and one with images:
    https://picasaweb.google.com/lh/photo/DDJbl93G3DYJG-lm0qO0Dg?feat=directlink

    Questions:

    What is the best solution for the ‘two column page’?
    When editing the page (edit page xx) the best function would be if the editor could edit both text and images at the same time.
    Found and tested this plugin:
    https://www.martinish.com/blog/2008/12/wp-columnize/

    But i′m thinking “There must be a simpler way to do this two culumn layout”
    Is it???

    Theme as a starting point
    I have looked around quite a bit to find a free theme (WP 2.7 supported) and CMS ready that i can have as a starting point.
    Any tips would be appreciated!

    I would be very grateful for any help in this matter

    /Torbj?rn (from Sweden)

Viewing 4 replies - 1 through 4 (of 4 total)

  • I found it to be easier to create a theme from scratch than take an existing theme and modifying it. If the modifications are extensive … a different Logo is quickly implemented.

    So, I suggest you google for how-tos.

    What is the best solution for the ‘two column page’?

    Depends … are the images going to be related to the post?
    Basically you do it all with DIVs and floats, define the necessary stuff in a single.php or page.php, or if you’re more comfortable with if then elses, put it all inside the index.php.
    You might want to do some searching on this forum for post image, postimage or post_image. You will learn how to extract images from posts and display them.
    Or you use my plugin called EasyPermGals which makes all that much easier. Just write a post, upload the images and the plugin displays them wherever you want to display them. (read readme), no need to manually insert into the editor.

    Your design looks nice, and does not seem difficult to create. If you can create the HTML yourself, turning it into a theme is a piece of cake.

    Thread Starter t.sjogren

    (@tsjogren)

    Thanks for the reply.

    I have done html+css with dreamweaver before, so maybe creating from scratch is the best way to go.
    I do want to have support for widgets… Tips for a howto?

    About images and text in two columns:
    The images are not going to be related to the text. The can be just i little bit of text and a small amount of images first. Later more images are going to be displayed on the page.
    What i had in mind was not to have postings of text at all on this page. Instead i intended to use a page template (‘page.php’) to display text and images.
    I checked EasyPermGals.
    Question 1: If i have a page with one column of text and one column of images. Is it possible to add one more image on the page with no text using EasyPermGals?
    Question 2:
    Is i possible to edit text and images at the same time.

    /Torbj?rn

    Question 1: If i have a page with one column of text and one column of images. Is it possible to add one more image on the page with no text using EasyPermGals?

    The way EasyPermGals works is like this:
    1) you write a post. Blabla, the text you see on your site.
    2) you upload images using the “add images” button.
    3) because you are uploading these images while editing/writing a post, the images are associated with this post.
    4) easypermgals just displays all related images of this post.

    What this means is, you just need to edit your post, upload another image, and that’s it.
    In your case you need to
    1) install the plugin
    2) activate it, but deactivate full-auto mode (where images are just appended to a post. Which is then UNDER the text, not where YOU want it)
    3) create/edit a page.php, do all the CSSing etc and prepare the DIV container that will house the images, then just put <?php easypermgals_thumbs(); ?> where the images are going to be.
    Be sure to adjust WordPress’ image settings so that your thumnails are the proper size. I also suggest you install lightbox to get that nice image-layer effect.

    Question 2: Is i possible to edit text and images at the same time.

    Yes, since you’re editing the post to get to the associated images, you can edit the text along with it.

    I do want to have support for widgets… Tips for a howto?

    Hmmm, I have yet to create a widget-ready theme ??
    But I bookmarked some info:
    https://automattic.com/code/widgets/themes/ (the bare basics to get comfortable)
    https://www.themelab.com/2008/04/18/see-how-easy-it-is-to-widgetize-wordpress-themes/

    Your first self-made theme will require some work, but just take it step by step.
    Prepare the HTML, then check the codex on how you insert the navigation. Then insert the basic loop to get content, then twiddle the loop to make your content look just how you want it. Format the timestamps, tag list, category display etc.

    Let me show you an example of a really basic theme I made:
    https://www.paiaero.com/

    Here you have a navigation, a main content area, and a thumbnail area next to it.
    a container DIV contains it all, the content DIV floats left, the images DIV floats right.
    Nothin’ to it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Best solution for layout (text and images)’ is closed to new replies.