Bagaimana untuk menyesuaikan Kejadian Theme WordPress

Pada artikel ini, kami akan berbagi berbagai potongan kode untuk menyesuaikan berbagai bidang di tema Kejadian anak. Memodifikasi Kejadian tema yang relatif sederhana.

A+ A-

Kejadian adalah premium WordPress kerangka tema yang menyediakan mesin pencari dioptimalkan dan aman dasar untuk blog WordPress Anda. Keuntungan dari tema premium adalah bahwa Anda mendapatkan dukungan. Untuk setiap tema anak Kejadian ada forum di mana Anda dapat meminta keraguan, potongan kode Anda untuk memodifikasi Kejadian tema, apa pun yang Anda inginkan! Ini adalah alasan utama di balik banyak blogger memilih Kejadian tema karena adanya blog WordPress . Pada artikel ini, kami akan berbagi dengan Anda cara dengan mana Anda dapat menyesuaikan berbagai bidang di tema Kejadian anak . Memodifikasi Kejadian anak tema yang relatif sederhana.

Sesuaikan Kejadian Theme WordPress

Catatan: Untuk mengubah Kejadian tema Anda harus memodifikasi terutama dua file - style.css dan functions.php. Anda dapat memodifikasi file tersebut melalui dashboard WordPress -> Appearance -> Editor.

# 1 Bagaimana Tambahkan Pengarang Akhir Pos

Anda dapat menambahkan kotak penulis di akhir setiap posting tanpa menyentuh kode baris. Di bawah WordPress Dashboard -> Pengguna -> Profil Anda -> Kejadian Pengguna Pengaturan. Memeriksa kotak "Enable Pengarang pada Pengguna ini Posts".
Tetapi jika blog Anda adalah sebuah situs multi-penulis kemudian bukan mengedit setiap profil pengguna Anda dapat menggunakan kode berikut untuk menampilkan kotak penulis di akhir setiap posting. Menambahkan kode dalam functions.php berikut.

/** Add author box to end of posts **/
function abr_author_box () {
  $html = '<div class="author-box">';
  $html .=  get_avatar(get_the_author_meta('user_email'), 75); 
  $html .= '<strong>About <a href="'.get_author_posts_url(get_the_author_meta( 'ID' )).'">'.get_the_author_meta('user_firstname').' '.get_the_author_meta('user_lastname').'</a></strong><br />';
  $html .= wpautop(get_the_author_meta('description'));
  $html .= '</div>';
  echo $html;
}
add_action ( 'genesis_before_comments', 'abr_author_box', 10, 1);

Kode di atas akan menambahkan kotak penulis di bawah setiap posting seperti yang ditunjukkan pada gambar di bawah:

Author Box

LIHAT JUGA: Cara Menambahkan Terakhir Pendaftaran Box Setelah Posting Anda di Genesis Kerangka .

# 2 Bagaimana Tampilan Penulis Social Media Link di Halaman Profil

Untuk menambahkan penulis Twitter, Google+, Facebook, LinkedIn profil link pada halaman profil penulis pertama Anda harus membuat author.php di folder tema anak Anda dan menambahkan kode ke dalamnya berikut:

<?php
/**
 *
 * Author template.
 *
 */
 
add_action( 'genesis_before_loop', 'tw_custom_auth_info' );
 
function tw_custom_auth_info() {
 
    if (is_author()) {
        $curauth = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));?>
        <div class="author-box"><?php echo get_avatar( $curauth->ID, $size = '76');?>
        <h1><?php echo $curauth->display_name;?></h1>
        <p>
        <?php
         if($curauth->user_description<>''): echo $curauth->user_description;
         else: _e("This user hasn't shared any biographical information","nomadic");
         endif;
        ?>
        </p>
        <br />
        <?php
          if(($curauth->user_url<>'http://') && ($curauth->user_url<>'')) echo '<p class="im www">'.__('Homepage:','nomadic').' <a href="'.$curauth->user_url.'">'.$curauth->user_url.'</a></p>';
          if($curauth->yim<>'') echo '<p class="im yahoo">'.__('Yahoo Messenger:','nomadic').' <a href="ymsgr:sendIM?'.$curauth->yim.'">'.$curauth->yim.'</a></p>';
          if($curauth->jabber<>'') echo '<p class="im gtalk">'.__('Jabber/GTalk:','nomadic').' <a href="gtalk:chat?jid='.$curauth->jabber.'">'.$curauth->jabber.'</a></p>';
          if($curauth->aim<>'') echo '<p class="im aim">'.__('AIM:','nomadic').' <a href="aim:goIM?screenname='.$curauth->aim.'">'.$curauth->aim.'</a></p>';
        ?>

        <ul><?php
 
        $google_profile = get_the_author_meta( 'google_profile', $curauth->ID );
        $facebook_id = get_the_author_meta( 'facebook_id', $curauth->ID );
        $twitter_id = get_the_author_meta( 'twitter_id', $curauth->ID );
        $linkedin_id = get_the_author_meta( 'linkedin_id', $curauth->ID );
 
        /* Create Google Profile and Other Links */
        
        if ( $google_profile || $facebook_id || $twitter_id || $linkedin_id) {
            ?><br /><p>Find me on:</p><?php
        }

        if ( $google_profile ) {
            ?><li><?php echo '<a href="' . $google_profile . '">Google Profile';?></li><?php
        }
        if ( $facebook_id ) {
            ?><li class="social_profile_facebook"><?php echo '<a href=http://www.facebook.com/' . $facebook_id . '>Facebook';?></li><?php
        }
        if ( $twitter_id ) {
            ?><li><?php echo '<a href=http://twitter.com/intent/user?screen_name=' . $twitter_id . '>Twitter';?></li><?php
        }
        if ( $linkedin_id ) {
            ?><li><?php echo '<a href=http://www.linkedin.com/in/' . $linkedin_id . '>LinkedIn';?></li><?php
        }
        ?></ul></div><h2 style="margin: 0 0 40px; overflow: hidden; padding: 10px 0;"><?php printf(__('Posts by %s', 'nomadic'), $curauth->display_name); ?></h2><?php
    }
}
 
genesis(); // <- everything important: make sure to include this.
?>

Kemudian tambahkan kode di functions.php berikut.

/** Add Custom Contact Profile Fields **/ 
function add_custom_contact_profilefields( $contactmethods ) {
    $contactmethods['google_profile'] = 'Google Profile URL';
    $contactmethods['facebook_id'] = 'Facebook ID';
    $contactmethods['twitter_id'] = 'Twitter UserName';
    $contactmethods['linkedin_id'] = 'LinkedIn UserName';
    return $contactmethods;
}
add_filter('user_contactmethods','add_custom_contact_profilefields',10,1);

Kemudian Under Pengguna -> Profil Anda akan terlihat seperti ini:

Author Settings

Tambahkan informasi Anda di sana dan Anda telah melakukannya. Anda profil penulis akan terlihat seperti ini:

Author Profile

# 3 Bagaimana menambahkan Box Kebijakan Komentar Sebelum Form Komentar

Banyak orang ingin menambahkan kebijakan komentar sebelum formulir komentar, untuk menampilkan komentar add kebijakan kode di functions.php berikut

/** Add a comment policy box */
add_action( 'genesis_before_comment_form', 'single_post_comment_policy' );
function single_post_comment_policy() {
    if ( is_single() && !is_user_logged_in() && comments_open() ) {
    ?>
    <div class="comment-policy-box">
        <p class="comment-policy"><small><h4>Comment Policy:</h4> Your words are your own, so be nice and helpful if you can. Please, only use your <strong>real name</strong>, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.</small></p>
    </div>
    <?php
    }
}

Keluaran:

Comment Policy

# 4 Edit Form Komentar

Kode berikut akan mengubah judul formulir komentar Anda dan akan menambahkan beberapa teks di bawahnya. Mengubah teks sesuai kebutuhan Anda. Menambahkan kode dalam functions.php berikut.

/** Edit comments form text **/
function modified_comment_form_args($args) {
    $args['title_reply'] = 'Tell us what you\'re thinking...';
    $args['comment_notes_before'] = ' <p class="comment-policy">All comments are moderated.</p>
    <p class="required"><small>* Denotes required field.</small></p>';
    $args['comment_field'] = '<p class="comment-form-comment">' .
    '<textarea id="comment" name="comment" cols="45" rows="8" tabindex="4" aria-required="true"></textarea>' .
    '</p><!-- #form-section-comment .form-section -->';
     return $args;
    }
    add_filter('genesis_comment_form_args', 'modified_comment_form_args');

Keluaran:
Modified Comment Form

# 5 Display Sebelumnya dan Berikutnya Links Setelah Form Komentar

Untuk navigasi yang lebih baik Anda harus menambahkan posting dan posting berikutnya link sebelumnya, sehingga pengguna dapat dengan mudah beralih di antara posting. Juga akan membantu mengurangi tingkat bouncing. Untuk menampilkan link posting sebelumnya dan berikutnya menambahkan kode di functions.php berikut

/** Previous and Next Links **/
add_action('genesis_after_comment_form', 'custom_post_nav');
function custom_post_nav(){?>
    <div style="font-size:13px; padding:2px;">
           <?php previous_post_link('<b>Previous Post: %link') ?><br />
           <?php next_post_link('<b>Next Post: %link') ?>
     </div>
<?php }

Keluaran:
Previous and Next Links

# 6 Cara Tambah Atau Hapus Navigation Menu

Jika Anda ingin memindahkan menu navigasi Primer setelah sundulan tema anak Anda kemudian menambahkan kode berikut di functions.php

/** Moving Your Primary Navigation after Header **/
add_action('genesis_after_header', 'genesis_do_nav');
remove_action('genesis_before_header', 'genesis_do_nav');

Jika Anda ingin memindahkan menu navigasi Primer sebelum sundulan tema anak Anda kemudian menambahkan kode berikut di functions.php

/** Moving Your Primary Navigation before Header **/
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

Jika Anda ingin memindahkan Secondary Navigation Menu di bawah tajuk tema anak Anda kemudian menambahkan kode berikut di functions.php

/** Moving Your Secondary Navigation After Header **/
Remove_action('genesis_after_header','genesis_do_subnav');
Add_action('genesis_before_header','genesis_do_subnav');

# 7 Cara Mengubah "Read More ..." teks ke "Continue Reading ..."

Banyak orang ingin mengubah default "Read More ..." teks ke teks yang berbeda seperti "More ...", "Lanjutkan ...", "Continue Reading ...", dll saya selalu lebih suka "[Continue Reading ...]" teks. Juga kita dapat menambahkan gaya untuk teks ini sehingga terlihat lebih baik. Tambahkan berikut di functions.php untuk mencapai hal ini.

/** Read More changed to Continue Reading... **/
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
 return '&#x2026; <a class="more-link" href="' . get_permalink() . '" rel="nofollow">Continue Reading &#x2026;</a>';}

Kemudian tambahkan kode di style.css berikut.

/** Customization for Read More Link... **/
.more-link {
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin: 4px 0;
  padding: 1px 6px;
  text-transform: none;
  border-radius:4px;
  background-color:#DDDDDD;
  border:0;font-family:Arial, sans-serif;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -moz-box-shadow:0 1px 1px #AAAAAA;
  -webkit-box-shadow:0 1px 1px #AAAAAA;
}

.entry-content a {
   text-decoration: none;
}

.entry-content a:hover {
   text-decoration: underline;
}

Sekarang Anda "Continue Reading" tombol akan terlihat lebih profesional, lebih bergaya.

Continue Reading

# 8 Tambahkan Dukungan untuk Custom Background

Jika Anda ingin latar belakang kustom kemudian menambahkan kode di functions.php berikut.

/** Add support for Custom Background **/
add_custom_background();

# 9 Tambahkan Dukungan untuk Custom Header

Jika Anda ingin latar belakang kustom kemudian menambahkan kode di functions.php berikut.

/** Add support for Custom Header **/
add_theme_support( 'genesis-custom-header', array( 'width' => 920, 'height' => 150, 'textcolor' => 'ffffff', 'admin_header_callback' => 'nomadic_admin_style' ) );

Jangan lupa untuk mengubah anak nama tema, di sini misalnya kita telah menggunakan "nomaden" sebagai nama tema anak. Anda dapat menyesuaikan lebar, tinggi dan nilai-nilai textcolor. Menyesuaikan mereka sesuai dengan kebutuhan Anda.

# 10 Hapus atau Ubah Judul dan Deskripsi

Jika Anda ingin menghapus Judul dan Deskripsi kemudian tambahkan kode di functions.php berikut. Hal ini berguna ketika Anda memutuskan untuk menggunakan logo situs, bukan teks untuk judul situs.

/** Remove Title and Description **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

Tambahkan kode berikut di functions.php untuk menambahkan judul situs kustom.

/** Remove default site title and add custom site title **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
function custom_site_title() { 
     echo '<h1 id="title">Tips and Tricks</h1>';
}
add_action( 'genesis_site_title', 'custom_site_title' );

# 11 Hapus Judul Posting

Tambahkan kode berikut di functions.php untuk mengirim judul.

/** Remove post titles **/
remove_action( 'genesis_post_title','genesis_do_post_title' );

# 12 Cara mengubah Footer Text

Jika Anda ingin menghapus footer teks default dan ingin menambahkan teks Anda kemudian menambahkan kode di functions.php berikut.

/** Customize the entire footer */
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'child_do_footer' );
function child_do_footer() {
    ?>
    <p><!-- Your Custom Text OR Code --></p>
    <?php
}

# 13 Sesuaikan Kejadian Komentar Tombol Teks

Jika Anda ingin mengubah "Post Comment" teks dalam bentuk komentar dari website Anda kemudian tambahkan kode berikut functions.php. Kode berikut akan mengubah "Post Comment" teks ke "Kirim Komentar".

function change_comment_form_submit_button_text( $defaults ) {
    $defaults['label_submit'] = 'Submit Comment';
    return $defaults;
}
add_filter( 'comment_form_defaults', 'change_comment_form_submit_button_text' );

# 14 Ukuran Modify dari Komentar Gravatar

Jika Anda ingin mengubah ukuran Gravatar dalam komentar kemudian tambahkan kode berikut functions.php. Mengubah 65 nomor sesuai dengan kebutuhan Anda.

function child_comment_list_args( $args ) {
return array( 'type' => 'comment', 'avatar_size' => 65, 'callback' => 'genesis_comment_callback' );
}
add_filter( 'genesis_comment_list_args', 'child_comment_list_args' );

Jika Anda memiliki pertanyaan, maka jangan ragu untuk bertanya di komentar di bawah. Juga jangan lupa untuk berbagi artikel ini di Twitter, Google+ dan Facebook. Kami benar-benar menghargai dukungan Anda.