Tema Flavita

Flavita merupakan salah satu tema yang tersedia secara gratis untuk platform wordpress dan sampai saat ini masih mendapat update. Untuk mendapatkannya bisa mengunjungi wordpress.org. Flivita adalah sebuah tema generasi masa kini yang kuat untuk generasi mendatang dan antarmuka pengguna tradisional yang berfokus pada kombinasi warna solid dan gradasi, dilengkapi dengan animasi keren dan fitur menarik. Sangat cocok untuk segala jenis bisnis. Tema ini adalah turunan dari tema Gradiant. 

Oprek Homepage

Untuk versi gratis dari tema Flavita kita tidak bisa menambahkan item-item di bagian "Homepage Sections", karena saya rasa masih ada yang kurang maka saya mencari cara agar bisa menambah item yang saya inginkan. Akhirnya saya memiliki ide untuk memunculkan isi dari halaman homepage yang tema ini sembunyikan. Kemudian saya membuka file tema Gradiant /templates/template-homepage.php

<?php 
/**
Template Name: Homepage
*/
get_header(); 
?>
<?php
    do_action( 'gradiant_sections', false );
    get_template_part('template-parts/sections/section','blog'); 
    get_template_part('template-parts/content/content',''); 
get_footer(); ?>

Yang saya tambahkan adalah baris:

get_template_part('template-parts/content/content','');

setelah isi homepage muncul saya bisa menambahkan apapun, bisa berupa container, block atau apapun itu. Block yang ditambahkan bisa menggunakan plugin seperti Spectra dan lain-lain. 

Menyembunyikan Judul

Saat isi dari homepage kita tampilkan, maka otomatis judul (title) dari homepage juga muncul. Maka kita bisa menyembunyikannya melalui CSS tambahan yang ada di Customizer. 

.page-id-x .entry-title {
display: none;
}

x adalah nomor id dari page, bisa tampak saat kita akan mengedit page tersebut. 

Memperbaiki recent post

Recent post atau late post secara asli (default) sudah tersedia di wordpress, namun tidak muncul judul saat dimasukkan di sidebar. Sehingga saya menggunakan plugin Recent Posts Widget With Thumbnail. Sedikit oprek untuk css plugin ini agar daftar post tidak mepet ke kiri, tinggal menambahkan CSS tambahan di Customizer.

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 0.5em;
}
.rpwwt-widget ul {
padding: 16px;
}

Kesimpulan

Sampai saat ini saya berkesimpulan sampai versi 2.2 masih ada yang perlu diperbaiki di tema ini. 

.page-id-6 .entry-title {
display: none;
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 0.5em;
}

.rpwwt-widget ul {
padding: 16px;
}

.footer-section .widget .widget-title {
    margin-bottom: 15px;
}

.footer-section .widget+.widget {
    margin-top: 15px;
}

.footer-main .widget:not(.widget_text):not(.widget-info):not(.widget_social_widget):not(.widget_calender):not(.widget_tag) li a {
    margin-bottom: 10px;
}

.sidebar > .widget, .sidebar .wp-block-group__inner-container, .sidebar .wp-block-search__label {
    border-radius: 0;
}

.widget .woocommerce-product-search button, .widget .search-form .search-submit {
    border-radius: 0;
}

.woo-sidebar .widget form input[type="search"], .sidebar .widget form input[type="search"], .sidebar .widget form input[type="email"] {
    border-radius: 0;
}

.call-wrapper .cta-info .call-phone {
    font-size: 20px;
    font-weight: 700;
}

.fa, .fas {
    font-weight: 700;
}

.av-btn-bubble>i {
    padding-left: 0px;
}
.cilik {padding:5px 10px; font-size:14px; border-radius:0;}

.av-btn i {border-radius:0;}
.av-btn {border-radius:0;}