Wordpress

Cara Menambahkan Footer Widget 3 Kolom di Tema Genesis.

Catatan:
Versi terbaru dari tema Genesis hadir dengan widget 3 kolom, jadi tidak perlu menambahkan kode tambahan.

Genesis adalah salah satu kerangka kerja tema paling populer di industri WordPress.  Sekitar setengah dari situs saya berjalan pada kerangka Genesis termasuk bangArif.  Jika Anda ingin mempelajari lebih lanjut tentang Genesis dan kerangka kerja, secara umum, Anda harus melihat posting mendalam kami tentang kerangka kerja tema.

Secara default Genesis tidak datang dengan footer widget, untuk menambahkan footer Anda harus memasukkan kode secara manual ke dalam tema anak.

Dalam posting ini saya akan menunjukkan cara menambahkan footer widget di tema anak Genesis Anda.  Tutorial ini hanya akan berfungsi jika situs Anda berjalan pada tema Genesis oleh StudioPress.

Footer widget memberi operator situs bagian pemeliharaan widget footer-area yang rendah yang dapat dikelola dari dalam antarmuka WordPress.

Tambahkan satu set widget tiga kolom di Footer

Anda perlu mengedit 2 file:

Langkah 1: Tambahkan kode berikut di Anda functions.php file (di bagian bawah).  Anda dapat menambah jumlah kolom yang ingin ditampilkan dengan mengubah angka 3 menjadi 4 atau 5 dalam kode.  Padahal, umumnya widget 3 kolom berfungsi paling baik.


    
    //* Add support for 3-column footer widgets
    add_theme_support( 'genesis-footer-widgets', 3 );
    

PHP di atas mendaftarkan tiga area widget baru di area footer.

Langkah 2: Sekarang Anda ingin menambahkan beberapa gaya atau css khusus ke widget, sehingga terlihat dirancang dengan baik dan cocok dengan gaya utama tema Anda.  Tambahkan kode berikut di style.css mengajukan.


    
    /* ---
    Footer Widgets --- */
    
    .footer-widgets {
    	background: #333;
    	color: #999;
    	clear: both;
    	font-size: 14px;
    	font-size: 1.4rem;
    	padding: 40px 0 16px;
    	padding: 4rem 0 1.6rem;
    }
    
    .footer-widgets-1,
    .footer-widgets-3 {
    	width: 350px;
    }
    
    .footer-widgets-2 {
    	width: 360px;
    }
    
    .footer-widgets-1 {
    	margin-right: 40px;
    }
    
    .footer-widgets-1,
    .footer-widgets-2 {
    	float: left;
    }
    
    .footer-widgets-3 {
    	float: right;
    }
    
    .footer-widgets a {
    	border-bottom: 1px solid #666;
    	color: #999;
    }
    
    .footer-widgets a:hover {
    	color: #ccc;
    }
    
    .footer-widgets .widget {
    	margin-bottom: 24px;
    	margin-bottom: 2.4rem;
    }
    
    .footer-widgets .widgettitle {
    	color: #fff;
    }
    
    .footer-widgets li {
    	list-style-type: none;
    	margin-bottom: 6px;
    	margin-bottom: 0.6rem;
    	word-wrap: break-word;
    }
    
    .footer-widgets .search-form {
    	width: 100%;
    }
    

Langkah 3: Bagian kode selesai.  Sekarang kunjungi Dashboard WordPress > Appearance > Widgets dan tambahkan beberapa widget ke area baru yang telah Anda buat.  Widget/bagian baru akan terlihat seperti ini:

widget footer

Itu saja.  Jika Anda memiliki pertanyaan atau komentar, beri tahu kami di bagian komentar di bawah.

Demikanlah tulisan tentang Cara Menambahkan Footer Widget 3 Kolom di Tema Genesis . Semoga dapat menjadi manfaat bagi kita semua.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button