Freelance Web Designer - CIPPO Design » Blog http://cippodesign.com Custom Web Design – WordPress Design – CMS Design, Web Development – PSD to xHTML – PSD to WordPress, SEO plus other services Thu, 22 Jul 2010 07:33:01 +0000 en hourly 1 http://wordpress.org/?v=3.0 WordPress 3.0 custom taxonomies http://cippodesign.com/tutorials/wordpress3/custom-taxonomies.html http://cippodesign.com/tutorials/wordpress3/custom-taxonomies.html#comments Mon, 19 Jul 2010 19:51:46 +0000 Cippo http://cippodesign.com/?p=457 Find out more →]]> You have to build a website for a restaurant and you have chosen WordPress to do the job. It’s time to add restaurant’s products but you have to classify them. Well there’s a very easy way to do that.

What products does a restaurant have? Well, I think a regular restaurant has Breakfast, Launch, Dinner, Beverage and Dessert.

Open functions.php from your wordpress theme directory and add the following code:

function create_menu_categories() {
 register_taxonomy('menu_type', 'post', array('hierarchical'=>false, 'label'=>'Menu type', 'query_var'=>true, 'rewrite'=>true));
}
add_action('init', 'create_menu_categories', 0);

Query for posts, using custom tag

To display only posts that have a specific tag from your custom taxonomies, place the code before the loop:

<?php query_posts(array('menu_type' => 'dessert', 'showposts' => 10)); ?>

You can change dessert to any other tag listed in the custom taxonomies and you can change, of course, how many posts to show by changing the number 10 to your number.

]]> http://cippodesign.com/tutorials/wordpress3/custom-taxonomies.html/feed 0 Custom WordPress 3.0 theme (p1) http://cippodesign.com/tutorials/custom-wordpress-3-theme-development-part-1.html http://cippodesign.com/tutorials/custom-wordpress-3-theme-development-part-1.html#comments Thu, 15 Jul 2010 22:08:11 +0000 Cippo http://cippodesign.com/?p=380 Find out more →]]> I was thinking to give some help regarding WordPress 3.0 theme development using custom post types and other cool new features so I will show you how to create a custom Wordperss 3.0 portfolio theme.

You will be able to add and manage portfolio items, testimonials, posts thumbnail and more to come.

Warning, design is not included :D

How to create a WordPress portfolio theme

To do this, you have to get your hands dirty :)

Alright, what do we need to accomplish this? For the beginning we will need to create the following files:

  • header.php
  • footer.php
  • index.php
  • loop-index.php
  • style.css
  • functions.php
  • front-page.php
  • page.php
  • single.php
  • comments.php
  • sidebar.php

All these files must be placed in a theme directory.

let’s name our theme.. portfolish

Create a folder in wp-content/themes directory, name it portfolish and place there all the files listed above.

create the header.php file

<?php
/**
 * The Header for our theme.
 *
 * @package WordPress
 * @subpackage Portfolish
 * @since Portfolish version 0.1
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
 <meta charset="<?php bloginfo( 'charset' ); ?>" />
 <title>
<?php // Returns the title based on what is being viewed
 if ( is_single() ) { // single posts
 single_post_title(); echo ' | '; bloginfo( 'name' );
 // The home page or, if using a static front page, the blog posts page.
 } elseif ( is_home() || is_front_page() ) {
 bloginfo( 'name' );
 if( get_bloginfo( 'description' ) )
 echo ' | ' ; bloginfo( 'description' );

 } elseif ( is_page() ) { // WordPress Pages
 single_post_title( '' ); echo ' | '; bloginfo( 'name' );
 } elseif ( is_search() ) { // Search results
 printf( __( 'Search results for %s', 'portfolish' ), '"'.get_search_query().'"' ); echo ' | '; bloginfo( 'name' );
 } elseif ( is_404() ) {  // 404 (Not Found)
 _e( 'Not Found', 'portfolish' ); echo ' | '; bloginfo( 'name' );
 } else if (is_author()) { // author posts
 get_the_author(); echo "Author archives "; echo ' | '; bloginfo( 'name' );
 // The home page or, if using a static front page, the blog posts page.
 } else { // Otherwise:
 wp_title( ' ' ); echo ' | '; bloginfo( 'name' );
 }
 ?>
 </title>
 <link rel="profile" href="http://gmpg.org/xfn/11" />
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
// Use our own css file for customization
 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/theme.css" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
 /* We add some JavaScript to pages with the comment form
 * to support sites with threaded comments (when in use).
 */
 if ( is_singular() && get_option( 'thread_comments' ) )
 wp_enqueue_script( 'comment-reply' );

 /* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

 wp_head();
?>
<body <?php body_class(); ?>>
<a href="<?php echo site_url(); ?>" id="web-portfolio">
<?php // Returns the title based on what is being viewed
 if ( is_single() ) { // single posts
 single_post_title(); echo ' | '; bloginfo( 'name' );
 // The home page or, if using a static front page, the blog posts page.
 } elseif ( is_home() || is_front_page() ) {
 bloginfo( 'name' );
 if( get_bloginfo( 'description' ) )
 echo ' | ' ; bloginfo( 'description' );

 } elseif ( is_page() ) { // WordPress Pages
 single_post_title( '' ); echo ' | '; bloginfo( 'name' );
 } elseif ( is_search() ) { // Search results
 printf( __( 'Search results for %s', 'portfolish' ), '"'.get_search_query().'"' ); echo ' | '; bloginfo( 'name' );
 } elseif ( is_404() ) {  // 404 (Not Found)
 _e( 'Not Found', 'portfolish' ); echo ' | '; bloginfo( 'name' );
 } else { // Otherwise:
 wp_title( ' ' ); echo ' | '; bloginfo( 'name' );
 }
 ?>
</a>
<ul id="wrapper">
 <li>
 <a href="<?php echo site_url(); ?>"><img src="<?php echo bloginfo('template_url'); ?>/images/logo.png" alt="My Web Portfolio"/></a>
 </li>
 <li>
 <?php wp_nav_menu(array('menu'=>'Main Menu','container'=>'', 'menu_class'=>'absolute')); ?>
 </li>

create the footer.php file

<?php
/**
 * The template for displaying the footer.
 *
 * @package WordPress
 * @subpackage Portfolish
 * @since Portfolish version 0.1
 */
?>
 <li>
 <ul>
 <li id="copy-design"><span>Copyright &copy; <a href="<?php echo site_url(); ?>">Portfolish</a> 2010 - <?php echo date('Y'); ?>  | <a href="<?php echo esc_url( __('http://wordpress.org/', 'portfolish') ); ?>"
 title="<?php esc_attr_e('Semantic Personal Publishing Platform', 'portfolish'); ?>" rel="generator">
 <?php printf( __('Proudly powered by %s.', portfolish'), 'WordPress' ); ?>
 </a></span>
 <li>
 <?php get_sidebar( 'footer' ); ?>
 </li>
 </ul>
 </li>
</ul>

<?php
 /* Always have wp_footer() just before the closing </body>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to reference JavaScript files.
 */

 wp_footer();
?>

</body>
</html>

I will show you in the next chapter how to create the loop for index and how to create custom post types.

]]> http://cippodesign.com/tutorials/custom-wordpress-3-theme-development-part-1.html/feed 0 Web design firm vs Freelancer http://cippodesign.com/cippo-design/web-design-firm-vs-freelancer.html http://cippodesign.com/cippo-design/web-design-firm-vs-freelancer.html#comments Tue, 13 Jul 2010 09:18:21 +0000 Cippo http://cippodesign.com/?p=300 Find out more →]]> Why should you choose a freelancer over a web design company?

Here are some reasons:

Price

You would like to pay less for a website? Usually a freelance web designer charges less than a web design firm because he doesn’t have employees or subcontractors. Usually the freelancer’s workplace is at home but there are situations where a freelancer rents a place to do his job.

Quality and services

Freelancers as well as companies want to attract clients offering high-quality services. Everyone has to build its own name on the internet so you can find high-quality work on both sides.

Freelancers tend to specialize in fewer domains so they don’t have a wide-range of services while a company has to have more services to offer to the clients.

When to say YES to a web design firm

When you have a very complex project or you can’t find the right freelancer to handle your project.

]]> http://cippodesign.com/cippo-design/web-design-firm-vs-freelancer.html/feed 0 Simply Profitable website release http://cippodesign.com/cippo-design/simply-profitable-website-release.html http://cippodesign.com/cippo-design/simply-profitable-website-release.html#comments Thu, 01 Jul 2010 19:04:57 +0000 Cippo http://cippodesign.com/blog/?p=40 Monday, 28th June the website www.simplyprofitable.co.uk was released. What’s it all about?

Simply Profitable is a boutique consultancy which enables successful business owners understand their business’ finances and easily increase profits in their business.

]]> http://cippodesign.com/cippo-design/simply-profitable-website-release.html/feed 0 WordPress Vs MODx http://cippodesign.com/cippo-design/wordpress-vs-modx.html http://cippodesign.com/cippo-design/wordpress-vs-modx.html#comments Thu, 01 Jul 2010 14:50:19 +0000 Cippo http://cippodesign.com/blog/?p=14 Find out more →]]> I am waiting for the MODx CMS to release the revolution version. The MODx CMS sounds very promising. You can check the road map at http://svn.modxcms.com/docs/display/revolution/Roadmap
There are many saying that wordpress is mainly for blogs while MODx is better for building web pages.
So I downloaded the MODx Revolution 2.0.0-rc-2 and played around a bit. At a first glance it seems complicated but if you spend few minutes with it, things get clearer.
I will keep you updated.

]]> http://cippodesign.com/cippo-design/wordpress-vs-modx.html/feed 0 CIPPO Design got redesigned http://cippodesign.com/cippo-design/cippo-design-got-redesigned.html http://cippodesign.com/cippo-design/cippo-design-got-redesigned.html#comments Wed, 30 Jun 2010 22:15:42 +0000 Cippo http://cippodesign.com/blog/?p=29 Find out more →]]> Hello fellows. After a long wile I finally redesigned my website ( well I started just with the blog ). In my free-time I try to work on my website and upgrade it.

The old design was too flat and simple. Well I don’t think it could be better as long as it was designed and developed in under 3 hours. If I have a copy of the old website design? Uhm, you can see it live on www.cippo.ro/blog – my personal blog which is in Romanian language.

Keep in touch, gotta go to work. I’ll keep you updated regarding any changes / updates for this blog and not only ;)

Cheers,

Ciprian

]]> http://cippodesign.com/cippo-design/cippo-design-got-redesigned.html/feed 1