Not quite 'work', seeing as my new second blog, Fat Pants, is a personal self-initiated project, documenting my food life in the DC area. I modified the free Shaken Grid theme and added a couple extra functionalities (ie: comments). Check it out for mouthwatering pics and great DC area restaurant recommendations.
Archive for the ‘Wordpress’ Category
New Work: CINE Blog
By Karey in Web, Wordpress, byKToday launched CINE.org's new blog. Built in Wordpress and designed to look like a film script - with sticky notes and tabs to give a 'work in progress' feel - the blog will feature loads of information relating to the film industry while also serving as another platform for CINE to engage in social media. You can also find CINE on Twitter and Facebook!
Check out their full site, which I was also responsible for the redesign, and learn more about the design process and background here.
Nextgen Gallery Plugin + Stitched Panoramas
By Karey in Photography, Travel, WordpressTesting out the Nextgen Gallery Plugin for Wordpress by Alex Rabe with a collection of stitched panoramas from trips to Australia, Indonesia, Thailand, and Nepal in 2008.
A couple problems I came across while implementing the plugin for the first time included thumbnails not being generated due to large image uploads, and the thumbnails being pushed to the bottom of the post with a large amount of white space above. After a little research, I found out the first issue is a problem with php4 and its image size loading limit (fyi 1and1.com is my host). Instead of editing my .htaccess file to install php5 (didn't want to), I uploaded the images at low quality, let WP create the thumbnails, than just replaced the large images with the high res version after. Worked like a charm.
The second issue I found a hint in this forum, and consequently deleted 'clear:both' in the Gallery section of the style sheet. Hope those two solutions help any other new Nextgen users!
Wordpress as a CMS
By Karey in Design, Resource, Web, WordpressLately I have been doing research for a few potential projects regarding using Wordpress as a CMS (and either without a blog all together, or using it as an extra maintained 'within' the site).
Below are useful links and resources I have gathered while explorer this topic:
Graphic Design Blog: Wordpress as a CMS - Content Management System
Extremely useful article providing examples of WP being used as a CMS, tips from design Jennifer Farly, and a great list of links furthering the topic.
Noupe: 101 Techniques for a Powerful CMS using WordPress
Excellent collection of hacks and tricks. This article covers basics like creating a static home page to more complicated topics like setting up custom page templates. Also contains useful links and resources at the bottom of the post.
Tech Spikes: 20+ Plugins That Convert WordPress Into A Full Fledged CMS
Useful list of plugins. I'm especially interested in Simple CMS WordPress Plugin (removes complicated blogging functionalities from the WP admin interface), BM Custom Login Plugin (helps create a custom WP login screen for clients), and Maintenance Mode Plugin (adds a splash page while blog is down for maintainence).
Blogsessive: 10 Beautiful Non-Blog Websites Powered by WordPress
Blogsessive: 10 More beautiful websites using WordPress as CMS
Onextrapixel: The Autopsy Of WordPress As CMS With 25 Great WP Plugins & Designs
I find the gallery of WP as a CMS designs at the bottom of the post the most useful yet. Definitely worth a look for inspiration and an idea of WP capabilities.
LoopPress: A Showcase of Beautiful Wordpress Websites, Blogs & Themes
Slayerment: Drupal VS Joomla VS Wordpress
Since majority of my Wordpress experience is from this past year, I found Slayerment's article a helpful interpretation of the strengths and weaknesses of the web's three most popular content management systems. Though the article is 2+ years old, its clean organization of a wide variety of comparisons is a good base for grasping a beginning knowledge on all three. That begin said, a lot can be changed/updated in 2 years.
As I continue my research (and work on projects revolving around the content), I'll continue to post more resources and inspiration.
Wordpress: Latest Post per Category Homepage
By Karey in Design, PHP, Web, Wordpress, byKAs mentioned in a previous post, on a recent project I was asked to create a customized home.php file to display the latest post for three particular categories on the home page. The first one containing a larger image than the other two. In addition, below the home page recent posts, the client wanted an array of thumbnails displaying only images in a grid of ALL the most recent posts. The block graphic below displays the proposed homepage content outline:
Below is selected code used to construct this page:
LARGE IMAGE - MOST RECENT POST FROM SELECTED CATEGORY
<?php
for ($i = 1; $i <= 1; $i++) {
if ($i==1) {$oi_cat = "category01";}
?>
<?php
$query= 'category_name='.$oi_cat.'&showposts=1';
$recent = new WP_Query($query); while($recent->have_posts()) : $recent->the_post(); ?>
<div class="fix">
<div class="title">
<h2 class="posttitle"><a href="<?php the_permalink() ?> "> <?php the_title(); ?> </a></h2>
<div class="postdata"><span class="category"><a href="/category/<? echo $oi_cat; ?>/">More <?php the_category(', ') ?> </a></span> <span class="comments-home"><?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></span></div>
</div>
<div class="entry-home">
<? $thumb = get_post_meta($post->ID, "large-image", true);
if ($thumb != "")
{ ?>
<img src=" <?php $values = get_post_custom_values("large-image"); echo $values[0]; ?> " alt="<?php the_title(); ?> class="post-image"/>
<?php }
the_excerpt(); endwhile; ?>
</div>
</div>
<?
}
?>
TWO MEDIUM IMAGES - MOST RECENT POST FROM SELECTED CATEGORIES
<?php
for ($i = 1; $i <= 2; $i++) {
if ($i==1) {$oi_cat = "category02";}
if ($i==2) {$oi_cat = "category03";}
?>
<?php
$query= 'category_name='.$oi_cat.'&showposts=1';
$recent = new WP_Query($query); while($recent->have_posts()) : $recent->the_post(); ?>
<div class="fix">
<div class="title">
<h2 class="posttitle"><a href="<?php the_permalink() ?> "> <?php the_title(); ?> </a></h2>
<div class="postdata"><span class="category"><a href="/category/<? echo $oi_cat; ?>/">More <?php the_category(', ') ?> </a></span> <span class="comments-home"><?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></span></div>
</div>
<div class="home">
<? $thumb = get_post_meta($post->ID, "med-image", true);
if ($thumb != "")
{ ?>
<img src=" <?php $values = get_post_custom_values("med-image"); echo $values[0]; ?> " alt="<?php the_title(); ?> align="left" class="post-image"/>
<?php }
the_excerpt(); endwhile; ?>
</div>
</div>
<?
}
?>
ARRAY OF THUMBNAIL IMAGES FROM ALL CATEGORIES
<div class="thumbs">
<?php
$query= 'showposts=15';
$recent= new WP_Query($query); while($recent->have_posts()) : $recent->the_post();
?>
<? $thumb = get_post_meta($post->ID, "thumb-image", true);
if ($thumb != "") {
?>
<a href="<?php the_permalink() ?> "><img src="<?php $values = get_post_custom_values("thumb-image"); echo $values[0]; ?> " alt="<?php the_title(); ?> " class="thumbnail" title="<?php the_title(); ?>"/></a>
<?php }
endwhile; ?>
</div>
I apologize if the code is a bit messy, but I took me awhile to code this so I hope it will be useful to anyone looking for a similar build!
Lastly, below are some links I found useful relating to this post:
(this first link was especially useful thanks to c64glen)
http://wordpress.org/support/topic/222993
http://codex.wordpress.org/Template_Tags
http://www.aaronrussell.co.uk/blog/improving-wordpress-the_excerpt/
http://wpguru.co.za/page/creating-a-static-wordpress-front-page/
Warning: Cannot modify header information
By Karey in Resource, Web, WordpressWhile working on a Wordpress project this weekend, came across this error message as I was implementing a custom home.php file into a template built by my client's previous developer:
"Warning: Cannot modify header information - headers already sent by (output started at D:wp-includesgeneral-template.php:269) in D:wp-includespluggable.php on line 861"
After doing quite a bit of research, most of which turned out not helpful, I thought I would post my solution and what I found to be causing the problem for my specific case. Despite what anyone who has done just a bit of research with the "Warning: Cannot modify header information . . . ' error might think, it was NOT unnecessary white space in the referenced PHP file. Nor was it an issue I could resolve by altering the 'output-buffering' in the php.ini file because I do not have permission to do so with the host. Therefore, it took a bit more investigation to get to the source.
There were two specific details I noticed that helped me narrow down the problem. First, the error message was received on ALL browsers and operating systems EXCEPT the one browser on my iMac in which I was using to log into the Wordpress account. Second, if I removed any mention of '&showpost' from my 'query_post' in the home.php file, I no longer received the error message. Also, when I removed the custom home.php file and only used the index.php file, the error once again disappeared.
After a significant chuck of time reading through all the initial settings established by the previous developer, I found the error to be a result of the Member Access Plugin that is installed. Under Post Settings, 'By default, only members can view posts' had been enabled (even though the client decided to not require memberships to view the site). By disabling this setting, my problem disappeared and the custom home page works as expected. Perhaps the biggest clue was in fact the ability for the code to function with the browser in which I was logged into Wordpress.
While I have not further experimented with the combination of the Member Access Plugin with custom showpost settings, if my client were to require memberships for select posts, my first idea would be exclude the category (or posts) requiring membership from the home.php query.
Hope this helps anyone else with the same or similar error message!



