Footer adalah bagian paling bawah dari blog wordpress (ya iyalah, namanya juga footer). Bagian footer biasanya berisi informasi hak cipta, Link, tags cloud, blogroll, bahkan bisa juga berisi menu. Nah, bagaimana kalo ternyata theme kamu hanya berisi satu kolom footer saja padahal kamu ingin memasukkan berbagai macam informasi di footer itu? Tentu saja kamu harus menambah kolom pada footer itu. Contoh paling tepat adalah wordpress theme Twenty Fifteen. Theme tersebut tidak mempunyai area widget untuk footer. Yuk disimak tutorial bagaimana cara menambah kolom widget pada footer. Kita akan mencoba menambah kolom footer pada theme standar wordpress yaitu Twenty Fifteen menjadi seperti gambar dibawah ini.

Sebelumnya, dikomputer kamu harus sudah terinstall Notepad++ yang bisa di download di sini. Oke, langsung saja kita mulai cara menambah kolom footer pada theme wordpress Twenty Fifteen seperti gambar diatas

Kondisi Area Widget Pada Theme Twenty Fifteen

Masuklah pada Dashboard > Appereance > Widgets. Ternyata widget area untuk footer belum ada (lihat gambar dibawah), jadi kamu harus mendaftarkan dulu widget area untuk footer.

Mendaftarkan Area Widget Baru

Langkah pertama adalah kamu harus mengedit file function.php untuk mendaftarkan area widget yang baru. Pada baris 132 – 140 kamu akan menemukan kode berikut ini.

register_sidebar( array(
'name'          => __( 'Widget Area', 'twentyfifteen' ),
'id'            => 'sidebar-1',
'description'   => __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget'  => '</aside>',
'before_title'  => '<h2 class="widget-title">',
'after_title'   => '</h2>',
) );

Tambahkan kode berikut ini tepat dibawahnya

    register_sidebar( array(
        'name'          => __( 'Footer 1', 'twentyfifteen' ),
        'id'            => 'footer-1',
        'description'   => __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h2 class="widget-title">',
        'after_title'   => '</h2>',
    ) );
    register_sidebar( array(
        'name'          => __( 'Footer 2', 'twentyfifteen' ),
        'id'            => 'footer-2',
        'description'   => __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h2 class="widget-title">',
        'after_title'   => '</h2>',
    ) );
    register_sidebar( array(
        'name'          => __( 'Footer 3', 'twentyfifteen' ),
        'id'            => 'footer-3',
        'description'   => __( 'Add widgets here to appear in your sidebar.', 'twentyfifteen' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget'  => '</aside>',
        'before_title'  => '<h2 class="widget-title">',
        'after_title'   => '</h2>',
    ) );

Klik save untuk menyimpan perubahan pada function.php

Buka Dashboard > Appereance > Widgets dan kamu akan melihat tambahan area widget seperti gambar dibawah ini

Sekarang kamu bisa menambahkan widget yang kamu inginkan pada Area Footer yang telah dibuat.

Menampilkan Tambahan Widget Pada Theme WordPress

Setelah kamu menambahkan widget sesuai dengan kebutuhan, sekarang saatnya kamu perlu menampilkan perubahan itu pada theme.

1. Edit file footer.php pada folder wp-contentthemestwentyfifteen
2. Hapus kode berikut ini mulai dari baris 17 – 25

               <?php
                   /**
                    * Fires before the Twenty Fifteen footer text for footer customization.
                    *
                    * @since Twenty Fifteen 1.0
                    */
                   do_action( 'twentyfifteen_credits' );
               ?>
               <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyfifteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyfifteen' ), 'WordPress' ); ?></a>
   
   

3. Masukkan kode berikut sehingga kode footer menjadi seperti ini

       <footer id="colophon" class="site-footer" role="contentinfo">
           <div class="site-info">
               <?php if (is_active_sidebar ('footer-1')) : ?>
                   <?php dynamic_sidebar ('footer-1'); ?>
               <?php endif ?>
           </div><!-- .site-info -->
           <div class="site-info">
               <?php if (is_active_sidebar ('footer-2')) : ?>
                   <?php dynamic_sidebar ('footer-2'); ?>
               <?php endif ?>
           </div><!-- .site-info -->
           <div class="site-info">
               <?php if (is_active_sidebar ('footer-3')) : ?>
                   <?php dynamic_sidebar ('footer-3'); ?>
               <?php endif ?>
           </div><!-- .site-info -->
       </footer><!-- .site-footer -->
   

4. Refresh kembali halaman depan blog wordpress hasilnya akan seperti gambar dibawah ini

   

Memperbaiki Tampilan Footer Melalui CSS

Dari gambar diatas, tampilan footer ternyata belum rapi karena footer tersusun secara vertikal. Untuk memperbaiki agar footer ditampilkan secara horizontal maka kamu harus mengutak atik file css. Caranya :

1. Buka file style.css pada folder wp-contentthemestwentyfifteen
2. Pada baris 4.532 tambahkan kode sehingga kodenya menjadi seperti ini

   .site-info {
   padding: 5% 10%;
   width:30%;
   display: block;
   float: left;
   width: 30%;
   }
   

3. Save untuk menyimpan perubahan pada style.css.
4. Refresh kembali halaman depan blog wordpress, maka tampilannya akan menjadi seperti ini

   

Saya Tidak Menemukan File footer.php

Beberapa theme wordpress premium biasanya tidak mempunyai file footer.php. Walaupun file tersebut tidak ada, pengaturan footer biasanya bisa dilakukan langsung melalui dashboard tanpa perlu melakukan edit file. Theme premium biasanya dilengkapi manual untuk melakukan pengaturan tertentu, bacalah dengan seksama. Jika kamu tidak bisa menemukan caranya, Hubungi developer theme tersebut.