Mengatur Widget Footer di Tema Anak Genesis Framework

Dondom Artikel – Membuat website dengan CMS WordPress dan di kelola dengan menggunakan Genesis Framework itu memang menyenangkan. Karena kita bisa secara mudah untuk mengkostumisasi template yang di pakai sesuai dengan keinginan kita. Tanpa perlu banyak pengetahuan koding karena ada banyak di luar sana yang memberikan pengalaman tentang Genesis Framework. Kali ini Dondom mau sedikit berbagi tentang bagaimana caranya mengatur widget footer di tema anak Genesis Framework.

Seperti kita ketahui Genesis framework tidak gratis alias kita harus keluarin duit buat bisa memiliki framework satu ini. Tapi dengan membelinya juga tidak akan rugi karena ada banyak manfaat yang akan kita dapatkan. Salah satu manfaat yang akan kita dapatkan adalah kemudahan dalam mendesain tampilan website dengan sangat mudah. Seperti yang Dondom akan bagikan ini tentang caranya mengatur widget footer di tema anak Genesis Framework.

Baca Juga : Cara Mudah Memasang Google AMP pada Blog WordPress

Pada Tema anak Genesis Framework itu hanya terdiri dari beberapa Halaman Template saja. Di antaranya adalah Frontpage, Default Theme, Landing Page dan CSS serta Function yang berguna untuk menghandel semua fungsi Tema Anak tersebut. Untuk bisa mengatur widget footer di tema anak genesis framework ini kita hanya membutuhkan sedikit kode. Dimana kode tersebut yang nantinya akan bekerja sesuai dengan keinginan kita.

Ini dia Caranya Mengatur widget Footer di Tema Anak Genesis Framework

Hal pertama yang harus di lakukan adalah dengan masuk ke akun admin Blog WordPressmu terlebih dahulu. Setelah kamu masuk cari menu Tampilan >> Edit CSS . Setelah itu scrool kebawah sekali sampai mentok dan tambahkan kode css berikut ini, silahkan di copy paste saja. Kode css berikut ini ada beberapa tampilan widget footer, dari mulai satu hingga enam widget pada footer. Jadi kalian bisa mencoba satu satu mana yang paling cocok dan pas sesuai keinginan. ( Khusus yang akses Postingan ini via Mobile kode tidak bisa di tampilkan karena Googe AMP belum mendukung embed kode higlighter)

[css title=”stylesheet untuk satu kolom footer”].footer-widgets-1 {
width: 100%;
padding: 1%;
}

.footer-widgets-1 {
float: left;
}[/css]

[css title=”stylesheet untuk dua kolom footer”].footer-widgets-1,
.footer-widgets-2 {
width: 50%;
padding: 1%;
}

.footer-widgets-1 {
float: left;
}

.footer-widgets-2 {
float: right;
}[/css]

[css title=”stylesheet untuk tiga kolom footer”].footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 33%;
padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2 {
float: left;
}

.footer-widgets-3 {
float: right;
}[/css]

[css title=”stylesheet untuk empat kolom footer”].footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
width: 25%;
padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
float: left;
}

.footer-widgets-4 {
float: right;
}[/css]

[css title=”stylesheet untuk lima kolom footer”].footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
width: 19.5%;
padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
float: left;
}

.footer-widgets-5 {
float: right;
}[/css]

[css title=”stylesheet untuk enam kolom footer”].footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
width: 16.5%;
padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
float: left;
}

.footer-widgets-6 {
float: right;
}[/css]

Baca Juga :Merubah Ukuran dan Ganti Judul Post Terkait di Plugin Jetpack

Kode CSS di atas bisa kalian pilih salah satu sesuai dengan keinginan kalian mau di buat berapa kolom footer pada Blog atau Websitenya. Agar Kode CSS di atas bisa berfungsi untuk mengatur Widget Footer di Tema Anak Genesis Framework silahkan merubah kode functions.php yang berkaitan langsung dengan footer widget Blog atau Website kamu. Biasanya kodenya terlihat seperti Gambar berikut ini.

 

Mengatur Widget Footer di Tema Anak Genesis Framework

 

Pada bagian ini :

[php]// Add Support for 3-column footer widgets

add_theme_support( ‘genesis-footer-widgets’, 3 );[/php]

Nah, Pada angka 3 tersebut silahkan sesuaikan dengan jumlah kolom footer yang akan kalian buat. Misalnya 5 kolom ya di tulis 5 dan begitu seterusnya. Baiklah, sepertinya sudah lengkap ya tutorialnya dan semoga bisa di coba pada Blog kalian. Jika belum punya Genesis Framework silahkan berikan komentar di bawah ini nanti Dondom kasih gratis.

Last Modified : 2017-03-7


Dondom Merch