Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #455

    Is there a way that i can make my blog posts a full width page? I would love to be able to choose to use or not to use this option on each individual post-the way you can for a page, but if that isnt possible, I would like to change it for the entire blog. Thanks for your time!!

    #31442

    Hi jlslarity,

    I use ‘Custom Post Templates’ plugin and it works just fine…

    #31443

    @Extru thanks! But it says “This theme doesnt have any custom post templates” – how do I go about creating one?

    #31444

    You need to read the description ;-)

    http://wordpress.org/extend/plugins/custom-post-template/

    So just make a copy of single.php edit it a bit, then rename it and paste the following code before the first code line.

    <?php
    /*
    Template Name Posts: Fullwidth
    */
    ?>

    The Dude

    #31445

    oh ok, I must have missed it..sorry about that. …Its the “edit it a bit” that has me stuck right now..I found the “show sidebar” part of the code but I dont know if I just change that to “hide” or what else may need done. Is this something you would be willing to help with in anyway? Thanks for your time!

    #31446

    Change following code in single.php:

    <div class="wrapper" id='wrapper_main'>

    <div class="center">

    to

    <div class="wrapper fullwidth" id='wrapper_main'>

    <div class="center">

    and delete following:

    <?php
    $k_option['showSidebar'] = 'blog';
    get_sidebar(); ?>

    The Dude

    #31447

    This is great I really appreciate you taking the time to help! God bless!

    #31448

    hello, I tried to follow these instructions but it seems as thought my single.php file does not have the “<div class=”wrapper” id=’wrapper_main’> line

    <?php
    global $k_option;
    $k_option['custom']['bodyclass'] = ""; // $k_option['custom']['bodyclass'] = "class='fullwidth'";

    get_header();
    ?>
    <div id="main">
    <div id="content">
    <?php
    if (have_posts()) :
    while (have_posts()) : the_post();
    // check if we got a previe picture, and which one should be taken
    // (image resizing with "tim thumb" on? then we can take the big one and resize it)
    $preview_small = get_post_meta($post->ID, "_preview_small", true);
    $preview_medium = get_post_meta($post->ID, "_preview_medium", true);
    $preview_big = get_post_meta($post->ID, "_preview_big", true);

    //defaults:
    $preview = $preview_medium;
    $link_url = $preview_big;
    $lightbox = 'singlepost';
    $link = true;
    //change if necessary:

    // resizing? => take next sized picture
    if ($k_option['general']['tim'] == "1" && $preview_medium == "")
    {
    $preview = $preview_big;
    }

    // no bigpicture? => no lightbox
    if ($preview_big == "") { $lightbox = ''; $link = true; $link_url = get_permalink(); }
    // the kriesi_build_image function used here checks if the image should be resized.
    // the function is located in framework/helper_functions

    $preview = kriesi_build_image(array('url'=>$preview,
    'height'=> '273',
    'width'=> '610',
    'lightbox'=>$lightbox,
    'link'=>$link,
    'link_url'=>$link_url
    ));

    ?>

    <div class='entry blogentry'>

    <div class="date">
    <span class='day'><?php the_time('d') ?></span>
    <span class='month'><?php the_time('M') ?></span>
    <span class='year'><?php the_time('Y') ?></span>
    </div><!-- end date -->
    <h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>

    <div class='post_data'>
    <span class='categories'><?php the_category(', ') ?><?php edit_post_link('Edit', ', ', ''); ?></span>
    <span class='author'><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></span>
    </div><!--end post data-->

    <?php
    echo $preview; // echo the preview image
    the_content('Read more');
    ?>

    </div><!--end entry-->
    <div class='entry commententry'>
    <?php comments_template(); ?>
    </div>
    <?php endwhile;

    kriesi_pagination($query_string);
    else:
    ?>
    <div class="entry">
    <h2>Nothing Found</h2>
    <p>Sorry, no posts matched your criteria.</p>
    </div>
    <?php
    endif;
    ?>
    </div><!-- end content -->

    <?php get_sidebar(); ?>

    </div><!--end main-->

    <?php get_footer(); ?>

    #31449

    this is what my page looks like: http://www.brymphotography.com/blog/

    I would love it if I could somehow make pages and blog posts full width.

    Hope any of you out there can help.

    Thanks!

    #31450

    The answer was given for the theme Cleancut and you’re using Display – so the source code is a bit different :-)

    Please replace

    $k_option['custom']['bodyclass'] = ""; // $k_option['custom']['bodyclass'] = "class='fullwidth'";

    with:

    $k_option['custom']['bodyclass'] = "class='fullwidth'"; //$k_option['custom']['bodyclass'] = "";

    and remove:

    <?php get_sidebar(); ?>

    The Dude

    #31451

    thanks for the help! just one more question… now that i’ve done that i tired to play around with the single.php but I have no idea how to make the lightbox preview full width and have the text go below that. is that even a possibility? if having the lightbox preview full width isn’t a possibility then I’d just like to know how I would make the text go below the lightbox preview.

    Thanks again.

    #31452

    Ok we make it easier for you – just make a copy of template_fullwidth.php and replace:

    /*
    Template Name: Full Width
    */

    with:

    /*
    Template Name Posts: Fullwidth
    */

    That’s all – there are no further changes needed.

    The Dude

    #31453

    If you want to use comments and the blog style – it’s easier to modify single.php itself.

    Just replace:

    $k_option['custom']['bodyclass'] = ""; // $k_option['custom']['bodyclass'] = "class='fullwidth'";

    get_header();
    ?>
    <div id="main">
    <div id="content">
    <?php
    if (have_posts()) :
    while (have_posts()) : the_post();
    // check if we got a previe picture, and which one should be taken
    // (image resizing with "tim thumb" on? then we can take the big one and resize it)
    $preview_small = get_post_meta($post->ID, "_preview_small", true);
    $preview_medium = get_post_meta($post->ID, "_preview_medium", true);
    $preview_big = get_post_meta($post->ID, "_preview_big", true);

    //defaults:
    $preview = $preview_medium;
    $link_url = $preview_big;
    $lightbox = 'singlepost';
    $link = true;
    //change if necessary:

    // resizing? => take next sized picture
    if ($k_option['general']['tim'] == "1" && $preview_medium == "")
    {
    $preview = $preview_big;
    }

    // no bigpicture? => no lightbox
    if ($preview_big == "") { $lightbox = ''; $link = true; $link_url = get_permalink(); }
    // the kriesi_build_image function used here checks if the image should be resized.
    // the function is located in framework/helper_functions

    $preview = kriesi_build_image(array('url'=>$preview,
    'height'=> '273',
    'width'=> '610',
    'lightbox'=>$lightbox,
    'link'=>$link,
    'link_url'=>$link_url
    ));

    ?>

    with:

    $k_option['custom']['bodyclass'] = "class='fullwidth'"; //$k_option['custom']['bodyclass'] = "";
    get_header(); ?>

    <div id="main">
    <div id="content">

    <?php if (have_posts()) : while (have_posts()) : the_post(); // start loop
    // THIS PAGE CAN ONLY DISPLAY FULLWIDTH PREVIEW PICTURES (940px * 420px)

    //check if we got a previe picture, and which one should be taken (image resizing with "tim thumb" on? then we can take the big one and resize it)
    $preview_big = get_post_meta($post->ID, "_preview_big", true);
    $preview_medium = get_post_meta($post->ID, "_preview_medium", true);

    //defaults:
    $preview = $preview_big;
    $lightbox = '';
    $link = false;
    $link_url = $preview_big;

    if (!kriesi_is_file($preview_big,'image')) {$preview = $preview_medium;}

    // the kriesi_build_image function used here checks if the image should be resized.
    // the function is located in framework/helper_functions
    $preview = kriesi_build_image(array('url'=>$preview,'height'=>'420','width'=>'940','lightbox'=>$lightbox,'link'=>$link));
    ?>

    The Dude

    #31454

    I have followed these steps and I have no dropdown menu. I have done the following:

    1. Installed the Custom-Post-Template plugin

    2. Created a new template with proper header and placed it in theme folder.

    3. Edit the Post. (No Drop Down exists)

    Is this my problem or a problem with this plugin. Using WordPress 3.0.1 with latest plugin version and Display theme.

    #31455

    Can you post your template code here – use i.e. http://pastie.org for it.

    #31456

    Here is the link to the template code:

    http://pastie.org/1247513

    #31457

    I tested your code and it works fine for me here – I’m using Display 2.0, WP 3.0.1, latest custom post template plugin and I’ve created my menu via menu manager/editor

    #31458

    What do you mean when you say “and I’ve created my menu via menu manager/editor”?

    I must be missing something as this should be easy.

    #31459

    You can create your menu under Appearance > Menu. Since WP3 it’s possible to create your custom menu there. You can include links, pages, posts and categories and mix them together as you like.

    #31460

    Dude, First and foremost, thank you for an excellent template and starting point. In addition, your code, comments and support forum are all very helpful. I’ve managed to follow this thread, create a new template file, and apply it to a post successfully. There seem to be two issues remaining on the resulting page:

    1) The author line breaks. I tried tweaking the entry-head class, but this had no effect.

    2) The comment section spans two columns with a check box below the text box. This one has me quite puzzled.

    Sample Page: http://tinyurl.com/23m5o6l

    Template: Newscast

    Wordpress: 3.0.2

    I greatly appreciate your help.

    #31461

    Hey,

    to fix the author box you need to change the width of .entry-head span in style.css:

    i.e.

    .entry-head span{
    width:90px;
    padding-left:26px;
    float: left;
    display: block;
    }

    to

    .entry-head span{
    width:120px;
    padding-left:26px;
    float: left;
    display: block;
    }

    The checkbox under your comments form is used for comment notification. Users can check this box if they want to receive notification emails when someone answers their comments.

    You can display the label text by deleting following code from style.css:

    #commentform label{
    display:none;
    }

Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘Blog post full width page’ is closed to new replies.