Tema Galepro adalah tema dari idtheme besutan mas Gian Muhammad Ramadhan yang dibuat khusus untuk blog galeri.
Gale=galery. Tema ini sangat cocok untuk memenuhi kebutuhan blog walpaper Anda.
Saya pernah makai tema ini secara pribadi, untuk blog ini juga yang lainnya. Hanya saja, saat ini saya menggunakan tema superfast.
Tidak ada masalah dengan tema superfast. Justru, saat itu saya malah lebih produktif nulisnya. Bahkan secara indexing google sangat bagus. Pernah dalam sebulan page view blog saya mencapai 16.000 view.
Alasan saya membeli tema galepro karena tampilan (user interface) yang lebih rapi. Namun tetap mempertahankan desain yang simpel, loading cepat dan seo friendly layaknya tema superfast.
Setelah hampir satu tahun menggunakan tema Galepro dari Kentooz ini, saya menemukan beberapa keunggulan juga kekurangannya.
Table of content
Keunggulan Tema Galepro
Tema galepro memiliki berbagai keunggulan, seperti:
- Ada tiga pilihan layout. Mini 728px, full-width, lebar kotak sedang.
- Ada tombol download dibawah gambar (bisa diaktifkan atau nonaktifkan)
- Bisa insert auto description teks saat mengupload gambar galery. Saya tidak pakai fitur ini, karena jenis blog saya bukan galery.
- Sudah ada plugin view post counter.
- Fast loading karena tanpa jquery dependency & menggunakan pure javascript
- Support AMP
- Pilihan font ada 600 dari google font
- Unlimited warna yang bisa diatur sendiri
- Cocok untuk blog pribadi, galery dan bisnis.
- Lisensi personal, bisa digunakan untuk 10 blog
- Satu lagi, gambar cover tidak pecah/blur.
Customisasi Tema Galepro
Tema galepro barangkali hadir untuk memenuhi kebutuhan blog yang seo friendly dan loading cepat.
Sebagai blogger yang juga gemar ngedesain, sehingga masih melihat sisi tampilan sebagai sesuatu nilai plus yang indah dipandang. Saya rasanya belum terpuaskan dengan settingan tipografi bawaan tema galepro.
Saya melakukan sedikit penyesuaian saja, supaya pembaca blog saya dapat nyamannya dan bisa fokus per kalimat saat membaca lama-lama di blog.
Semoga dengan makin cantik tampilan tipografinya. Berimbas pada time on site tinggi dan nilai bounce rate rendah.
Perubahan-perubahan yang saya lakukan pada tema galepro yaitu:
Mengubah ukuran heading (H1)
Entah kenapa saat saya mengubah ukuran huruf heading (h1) melalui settingan tema galepro itu tidak bisa.
Saya tambah ukuran huruf jadi 60px, tidak bertambah besar. Saya kurangi menjadi 12 px juga tetap sama, tidak mengecil.
Seolah ukuran H1 pada tema galepro ini seperti dilock. Dikunci. Lalu, saya nyoba mengambil kode via inspect element juga tidak berdampak saat saya ubah via css customizer.
Akhirnya saya menghubungi developer mas gian via email, yang seringnya fast respon menjawab. Beliau memberi saya kode untuk mengubah ukuran entry header.
Sebagai berikut:
h1.entry-title {font-size: 33px !important}Setelah saya terapkan, alhamdulillah bisa. Work dan sukses.
Terimakasih mas gian. Saya benar-benar bisa puas sekarang dengan tampilan baru ukuran tittle yang lebih besar.
Ini baru namanya headline (judul utama).
Nah, lagi. Yang nggak ada settingan untuk mengubah tampilan adalah pada breadcrumb. Warna bawaannya merah.
Karena penggunaan warna itu harus padu. Antara palet satu dengan lainnya. Dan warna background breadcrumb ini cukup besar mencuri perhatian.
Maka saya mengganti warna background breadcrumb dengan warna yang sesuai dengan warna dominan tema blog.
Saat ini saya masih menggunakan warna merah sebagai warna utama.
Jika kalian ingin mengubah warna breadcrumb tema galepro, bisa copy kode ini lalu tempatkan pada css customizer.
.breadcrumbs {background-color: #16304f !important;}Navigasi post tema galepro, terletak pada bagian bawah post artikel. Sebenernya sah-sah saja sih kalo kalian membiarkan elemen ini tampil.
Akan menambah ragam postingan blog terlihat makin banyak. Atau akan sangat cocok, jika artikel yang kalian tulis berurutan atau berseri. Pembaca tinggal klik next post atau before.
Hanya saja buat saya inginnya, konten blog yang tampil saat pengunjung mencari topik tertentu datang. Disajikan juga jenis artikel yang masih relevan (satu niche).
Sehingga fitur navigasi post saya nonaktifkan. Karena menjadi campur-campur.
Cuman sayangnya opsi untuk menonaktifkannya tidak tersedia pada panel setting blog di customizer selayaknya tema superfast.
Tapi tenang saja, semua itu bisa dilakukan dengan inspect elemen dan melihat kode yang berkaitan.
Lalu mengubah display jadi none. Begini kodenya:
.post-navigation {display: none;}Mengubah line heigh article
Saya orang yang selalu penasaran sama dunia tipografy. Salah satu aspek yang memenuhi halaman website adalah 90% text dan spasi.
Jadi wajar kalau ukuran tinggi spasi antar huruf, antar paragraf, ketebalan heading h1, h2, h3, h4, h5, h6 serta spasi bawah dan atas heading menjadi menarik.
Kalo kalian mau mengubah ukuran tipografi heading text, silakan cukup ikuti settingan ini pada customizer css.
p{margin: 0 0 17px !important;}
.post h1, h2, h3, h4, h5, h6{
line-height: 1.1em;
letter-spacing: -.020em;
padding-bottom: 0.8rem;
padding-top: 0.8rem;
font-weight: 600;
text-transform: Capitalize;
}elesai sudah custom kode css buat tema galepro wordpress dari idblog core.
Kode CSS Tema Galepro (full custom) Pdf
Buat kalian yang menggunakan tema sama, bisa mengcopy kode dibawah ini untuk penerapan lengkapnya.
Saya sediakan juga, versi pdf. Biar aman dan bisa didownload kapan saja.
.breadcrumbs {background-color: #16304f !important;}
h1.entry-title {font-size: 33px !important}
.gmr-box-content.gmr-single .entry-header a, .gmr-box-content.gmr-single .entry-header span.byline, .gmr-box-content.gmr-single .entry-header span.posted-on, .gmr-box-content.gmr-single .entry-header span.gmr-view {font-size: 11px;}
.post-navigation {display: none;}
p{margin: 0 0 17px !important;}
.post h1, h2, h3, h4, h5, h6{
line-height: 1.1em;
letter-spacing: -.020em;
padding-bottom: 0.8rem;
padding-top: 0.8rem;
font-weight: 600;
text-transform: Capitalize;
}
Update kode css tema galepro per 26 Februari 2023
Per tanggal 26 feb 2023, saya gunakan kode berikut untuk blog ini.
p, ul, ol, li {line-height: 1.2em;}
H1, H2, H3, H4, H5, H6 {line-height: 1.1em; padding-bottom: 0.6em; padding-top: 0.5em;}
h1.entry-title {font-size: 22px !important;}
.row {margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 1px}Miliki tema galepro sekarang!
Jika kalian belum punya dan ingin memiliki tema ini, silakan bisa melalui link pembelian tema galepro ini.
Harganya murah cuma $** sekitar dua ratusan ribu dengan 10 lisensi.
Kalo kalian ingin membeli, jangan lupa memasukkan kode galepro5$ untuk mengambil diskon $5 gelepro.
Semoga bermanfaat. Untuk pertanyaan, dan lain-lain, bisa komen dibawah ini. Terimakasih.