Blog post full width page « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » CleanCut

Blog post full width page

21 posts from 6 voices

Started 2 years ago by jlsclarity
Latest reply from Dude
This topic is resolved

Tags:

No tags yet.

jlsclarity
Member

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!!

Posted 2 years ago #
extru-d
Member

Hi jlslarity,
I use 'Custom Post Templates' plugin and it works just fine...

Posted 2 years ago #
jlsclarity
Member

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

Posted 2 years ago #
Dude
Dude
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
Posted 2 years ago #
jlsclarity
Member

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!

Posted 2 years ago #

Dude
Dude

Change following code in single.php:

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

	<div class="center">

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

	<div class="center">

and delete following:

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

The Dude

Posted 2 years ago #

jlsclarity
Member

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

Posted 2 years ago #

bmiraflo
Member

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();  ?>

Posted 2 years ago #

bmiraflo
Member

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!

Posted 2 years ago #

Dude
Dude

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

Posted 2 years ago #

bmiraflo
Member

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.

Posted 2 years ago #
Dude
Dude
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
Posted 2 years ago #

Dude
Dude

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

Posted 2 years ago #

cjkeeme
Member

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.

Posted 2 years ago #
Dude
Dude

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

Posted 2 years ago #
cjkeeme
Member

Here is the link to the template code:

http://pastie.org/1247513

Posted 2 years ago #
Dude
Dude

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

Posted 2 years ago #
cjkeeme
Member

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.

Posted 2 years ago #
Dude
Dude

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.

Posted 2 years ago #
mbettersworth
Member

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.

Posted 2 years ago #
Dude
Dude
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;
}
```
Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Blog post full width page

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…