Mangsa seterusnya untuk dibedah dan di’godek’ oleh saya untuk melepasi ujian Google Snippets. Tema ini juga dikategorikan sebagai ‘framework’ sama seperti tema ‘Thesis’. Ramai juga dikalangan rakan-rakan blogger yang menggunakkannya dan salah satu diantaranya ialah Puteri Kasih. Berbeza dengan entri sebelum ini, tema Chip Life memerlukan kita untuk mengubahsuai fail CSS untuk memberikan kesan yang sama sebelum diubahsuai. Ia tidaklah sukar dan tidak memerlukan CSS yang baru kerana ia hanyalah salinan asal ‘class’ yang lama kepada ‘class’ yang baru. Rakan-rakan blogger digalakkan menggunakan Google Plus Author Information in Search Result (GPAISR) kerana ianya mudah dan senang untuk menghubungkan profil Google Plus dan blog kita.

Updated Error
Terdapat beberapa amaran setelah ujian Google Snippets dijalankan. Amaran ‘Updated’ dan ‘Hcard’ dipaparkan didalam keptusan ujian. Berikut merupakan langkah-langah yang boleh diambil untuk menyelesaikan maslaah ‘updated’ dan mematuhi standard ‘microdata’ Google Snippets.

  1. Login ke WP Admin -> Appearance -> Editor -> edit fail stylesheet.css
  2. Cari .post-time dan copy.
  3. Scroll stylesheet.css paling bawah dan paste. Ubah .post-time kepada .updated seperti dibawah.
  4. Cari .post-author dan copy paste dibawah .updated. Tukar kepada .vcard

.updated {
background: url(images/icon-time.png) no-repeat top left;
margin: 0 3px 0 3px;
padding: 1px 0 1px 20px;
}

.vcard{
background: url(images/icon-author.png) no-repeat top left;
margin: 0 3px 0 3px;
padding: 1px 0 1px 20px;

  1. Login Cpanel dan terus ke folder theme Chip Life
  2. Pilih folder chip -> folder functions -> edit fail shortcodes.php
  3. Cari kod seperti dibawah.

/** * Post Shortcodes */

/** Output */

{

$output = sprintf( '<span class="post-date post-published post-time" title="%4$s"><a title="%6$s" href="%5$s" rel="bookmark">%1$s%3$s%4$s%2$s</a></span> ', $atts['before'], $atts['after'], $atts['label'], $post_date, get_permalink(), the_title_attribute( 'echo=0' ) ); return apply_filters( 'chip_life_post_date_shortcode_output', $output, $atts ); 

}

Tukar kepada kod dibawah.

/**
* Post Shortcodes
*/

/** Output */
{

$output = sprintf( '<span class="updated" title="%4$s"><a href="%5$s" title="%6$s" rel="bookmark">%1$s%3$s%4$s%2$s</a></span> ', $atts['before'], $atts['after'], $atts['label'], $post_date, get_permalink(), the_title_attribute( 'echo=0' ) );
return apply_filters( 'chip_life_post_date_shortcode_output', $output, $atts );

}

Hcard Error

  1. Cari kod berikut didalam shortcodes.php
/**
* Author Shortcodes
*/

{

/** Output */
$output = sprintf( '<span class="post-author post-vcard">%2$s<span class="fn">%1$s</span>%3$s</span>', $author, $atts['before'], $atts['after'] );
return apply_filters( 'chip_life_post_author_posts_link_shortcode_output', $output, $atts );

}

Dan tukar kepada kod seperti berikut.

/**
* Author Shortcodes
*/
{

/** Output */
$output = sprintf( '<span class="vcard">%2$s<span class="url fn">%1$s</span>%3$s</span>', $author, $atts['before'], $atts['after'] );
return apply_filters( 'chip_life_post_author_posts_link_shortcode_output', $output, $atts );

}
Jebeng Otaiβ„’

36 Replies to “Google Snippets : Ubahsuai Tema Chip Life

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge