We're growing into something new. Read More

Johnny Woo

5 Excellent WordPress Grid Themes on Themeforest

I would like to collect 10 excellent WordPress Grid Themes from ThemeForest. Maybe friends you want to create a gallery website for picture showing like pinterest.com, for so many becautiful grid themes, probably you don’t know which is your best option, so I will introduce you the following themes and tell you their strengths that you can refer to.


WordPress Design is not web design?

Hey, just want to discuss a question, someone said WordPress is not web design.. its skinning, however, I'm not agree, because WordPress is just a platform which can help you to fast developing a website, if you want it have a good look, you must be good at web design, isn't it? What do you think about it? Credit Article souce: http://wplofter.com/wordpress-design-is-not-web-design/

Use BackWPup plugin and Dropbox to backup your WordPress

Frankly speaking, I’m a lazy man, I often forget to backup my WordPress and I hate to manual backup the data and all the images files at intervals,once my VPS is crash so that I have lost all my data and image files of my personal one page site, it made me crack up, until I found BackWPup plugin. :) The most important is I can backup not only mysql but also all files(uploaded files, WordPress themes, plugins,etc..). Now I use BackWPup plugin and Dropbox to backup all my WordPress sites, that’s so great! The plugin will auto backup the data and files and upload the file to my dropbox, then, the dropbox will auto-sync all the backup files to my local computer! Now I would like to share my experience to you. Preparatory work Intalling the BackWPup plugin and sign up the dropbox. The plugin page: http://wordpress.org/extend/plugins/backwpup/ Dropbox: http://dropbox.com It’s neccessary to install the dropbox application on your local computer (You can download it here: https://www.dropbox.com/downloading) Configure the plugin settings First of all, after you installed the BackWPup plugin, you will see the plugin option appeared at the bottom of the left side, just go to setting page, you can change the default setting according to your needs. Connect to the dropbox This is the most important step, go to add new job, and under general tab, you will find “Job Destination”, there are many backup method options, check “dropbox” and save it.

class description_walker extends Walker_Nav_Menu{
      function start_el(&$output, $item, $depth, $args){
           global $wp_query;
           $indent = ( $depth ) ? str_repeat( "	", $depth ) : '';
           $class_names = $value = '';
           $classes = empty( $item->classes ) ? array() : (array) $item->classes;
           $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
           $class_names = ' class="'. esc_attr( $class_names ) . '"';
           $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';
           $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
           $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
           $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
           if($item->object == 'page')
                $varpost = get_post($item->object_id);
                  $attributes .= ' href="#' . $varpost->post_name . '"';
                  $attributes .= ' href="'.home_url().'/#' . $varpost->post_name . '"';
                $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
            $item_output = $args->before;
            $item_output .= '<a'. $attributes .'>';
            $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID );
            $item_output .= $args->link_after;
            $item_output .= '</a>';
            $item_output .= $args->after;
            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );

Build an one page portfolio website with WordPress

No doubt that the one page portfolio website is more and more popular in this year. It seems that it’s simple and clean, however, it’s not very easy to intergrate the one page system in WordPress, because you must think about how to sync the navigation menu and each page sections, this is one of a big nodus, and the other nodus is how to call the loop of each page sections on the home page. I will discuss how to make an one page portfolio WordPress Theme in the following tutorials, I’m emphasizing the most important steps. First of all, nothing will make it easier than using a Ready One Page WordPress Theme, actually, we only need the one page framework, so whatever how about the appearance of this theme. For example, you can looking for a free or premium One Page WordPress Theme on google or Themeforest. All codes in this tutorials are from SimpleKey Theme. Well, let’s get down to bussiness! First step: Sync the navigation and each page sections We must improve the navigation, change all menu hyperlink to anchors, for example, change “domain.com/about” to “domain.com/#about”, so please put the following codes in functions.php