Bagaimana cara mengganti ukuran font Sidebar template Iconic One? – Template Iconic One ialah template yang sangat simpel, baik pada penampilan dekstop maupun mobile.
Desainnya sangat higienis sehingga terasa sangat ringan jikalau dipakai untuk blog yang memakai hosting dengan kecepatan standar.
Akan namun menurut aku ada satu kelemahan dari template ini, adalah mempunyai font yang terlalu kecil sehingga kurang tenteram dibaca.
Tak cuma saya, mbah Google melalui Google Webmaster berulang kali memperingatan bila penggunaan font pada blog yang memakai template Iconic One terlalu kecil.
Dari argumentasi tersebut banyak pengguna template ini ingin menambahfont. Namun masalahnya, fitur typografi untuk menambahfont tidak ada pada template ini.
Cara memperbesar ukuran tulisan template Iconic One
Perlu kalian ketahui bahwa Fitur Typografi untuk mengetur ukuran font pada template Iconic One memang tidak ada, baik model gratis maupun model pro (berbayar).
Jadi untuk menambahatau memperkecil ukuran font artikel atau konten website kita mesti menggunakan cara manual.
Selain menambahukuran font postingan, pastinya kita juga harus memperbesar ukuran font pada heading, sub heading serta sidebar template.
Caranya sama, kita harus melakukannya dengan memasukkan aba-aba CSS secara manual ke template..
Cara menambahukuran Font Sidebar, judul artikel dan sub judul template
Meskipun tidak ada fitur typografi, kita dapat menggunakan Add CSS. Yaitu menyertakan custom CSS pada template tersebut dengan cara:
- Buka dashboard WordPress
- Appearance
- Customize Iconic One
- Additional CSS
- Selanjutnya, isikan isyarat CSS dan Publish untuk menyimpan.
Berikut instruksi CSS yang mengetur ukuran font judul, sub judul dan sidebar template Iconic One.
CSS untuk menertibkan font sidebar
Kode CSS ini untuk merubah teks pada widget. Ubah sesuai selera kau
.widget-area .widget li,
.widget-area .widget .textwidget
font-size: 15.5px;CSS untuk mengganti ukuran font Heading konten
Untuk memperbesar judul postingan gunakan arahan CSS dibawah ini.
.entry-header .entry-title
font-size: 23px;
line-height: 1.2;
font-weight: bold;
margin-bottom:20px;
Kode diatas sudah saya ganti menjadi bold, jadi judul pada artikel atau konten akan tebal. Kamu juga mampu pilih, Italic, atau normal.
CSS ntuk mengganti ukuran Sub Heading konten
Untuk mengganti judul dalam postingan mirip H1, H2, H3 atau H4. Bisa gunakan kode CSS berikut ini:
.entry-content h1,
.comment-content h1
font-size: 23px;
line-height: 1.5;
.entry-content h2,
.comment-content h2,
.mu_register h2
font-size: 22px;
line-height: 1.5;
.entry-content h3,
.comment-content h3
font-size: 18px;
line-height: 1.8;
.entry-content h4,
.comment-content h4
font-size: 16px;
line-height: 1.8;
Font mampu disesuaikan dengan kebutuhan. Ganti nominal pada Fon-Size.
Cara memerepat halaman Website menjadi AA di Gtmatrix
Cara untuk mempercepat loading halaman halaman situs web salah satunya adalah, menyertakan Add Expires Header agar menerima score AA di indikator GtMetrix.com.
Nah, berikut ini cara memberbaiki add Expires Google Analytic…
Kesimpulan
Cara tersebut mampu digunakan pada template lain yang ada fitur Adding CSS style. Tinggal cari saja aba-aba CSS yang ada di Sytle.CSS lewat edit template.
Mungkin ada cara yang lebih gampang, mirip menggunakan plugin atau eksklusif mengedit Style.CSS memakai software tertentu. akan namun beberapa plugin dan cara lain yang aku coba kurang efektif.
Karena, saya sendiri tidak menguasai bahasa php dan CSS jadi saya otak-atik sendiri memakai cara paling sederhana tersebut, walaupun trial error.
Pada forum-lembaga situs web bahkan lembaga luar negeri, template Iconic One tidak banyak dibahas. Mungkin saja kebanyakan para blogger sudah tahu cara edit template.
Saya tidak memperoleh tutorial tersebut walaupun memakai keyword inggris “How to re-Size font Iconic One Templete” dan “How to Enlarge Sidebar font Iconic One”.
Nah, dengan artikel sederhana ini gampang-mudahan mampu menolong temen-temen blogger yang memakai template Iconic One.
Cukup sekian supaya bermanfaat….
Sumber spurs.com