Menyisipkan Script Pada Header and Footer dari Child Theme Wordpress

Bagi kamu yg kebingungan bagaimana cara menyisipkan script pada header ataupun footer Child Theme kamu perlu menyimak artikel dibawah ini.


Apa itu Child Theme Wordpress? 

Logo Wordpress


Child Theme pada Wordpress adalah Template atau Theme duplikasi yang merujuk pada Theme asli yg terinstal di Wordpress namun dapat dirubah tanpa khawatir Theme asli nya berubah. Terlebih, jika nanti terdapat update pada Theme aslinya, script yg sudah kita buat pada Child Theme tidak akan merubah tampilan yg sudah ada.

Penggunaan Child Theme pada SEO sangat dianjurkan dikarenakan perubahan-perubahan yg terjadi pada Child-Theme nantinya tidak akan berpengaruh besar pada Theme aslinya sehingga google akan tetap melihat template yg sama meski Theme aslinya sudah diupdate.


Bagaimana Menyisipkan Script Pada Header and Footer dari Child Theme Wordpress?

Pada folder Child Theme hanya terdapat 2 buah file yaitu: Style.css dan functions.php yg dapat kamu manfaatkan untuk merubah ataupun menyisipkan script pada Theme Wordpress kamu. Kamu dapat menyisipkan stylesheet  pada style.css untuk merubah style Theme ataupun kamu juga dapat menggunakan functions.php untuk menyisipkan script php ataupun JS.

Namun, bagaimana kalau mau menyisipkan script di bagian yg sudah ditentukan, semisal header ataupun footer dari Theme Wordpress ini? Nah, bagi kamu yg ingin melakukan hal tersebut sangat lah mudah, hanya dengan menggunakan satu baris fungsi default yg disediakan oleh Wordpress kamu sudah dapat menyisipkan script kamu baik itu di dalam tag <head></head> ataupun di footer dari wordpress kamu.


Menyisipkan Script pada Header

Berikut adalah contoh penyisipan script pada tag <head></head> di file functions.php Child Theme Wordpress:

<?php
/* Script default untuk menyisipkan fungsi ShowMessages */
add_action('wp_head', 'ShowMessages ');
function ShowMessages () {
    ?>
        <script>
            console.log("Hasil dari menyisipkan script pada header di Theme Child Wordpress");
        </script>
    <?php
}

Menyisipkan Script pada Footer

Berikut adalah contoh penyisipan script pada footer di file functions.php Child Theme Wordpress:

<?php
/* Script default untuk menyisipkan fungsi ShowMessages */
add_action('wp_footer', 'ShowMessages ');
function ShowMessages () {
    ?>
        <script>
            console.log("Hasil dari menyisipkan script pada footer di Theme Child Wordpress");
        </script>
    <?php
}

Nah, itulah cara menyisipkan script pada header dan footer dari Child Theme Wordpress yg perlu kamu ketahui untuk memudahkan kamu untuk meningkatkan performa SEO dengan Theme Wordpress kamu.
Next Post Previous Post
No Comment
Add Comment
comment url