Cara Menambahkan Drop Caps di Postingan Website

Bagikan

Apakah Anda mencari cara untuk menambahkan drop caps di Website?

Drop caps adalah cara yang bagus untuk memulai sebuah paragraf. Mereka membantu Anda untuk menarik perhatian pembaca Anda dan membuat mereka tertarik untuk membaca konten Anda.

Pada artikel ini, kami akan menunjukkan cara menambahkan drop caps di postingan Website tanpa menulis kode CSS apa pun.

Apa itu Drop Cap?

Drop cap adalah teknik penataan yang biasa digunakan di buku cetak dan majalah yang menampilkan bacaan lebih panjang. Huruf pertama paragraf awal di setiap bab menggunakan ukuran font yang besar.

Biasanya huruf kapital besar memanjang ke bawah hingga turun di bawah beberapa baris pertama, itulah sebabnya disebut “drop cap”.

Menambahkan drop caps membantu konten Anda menonjol dan menarik perhatian pengunjung Anda. Mereka menambahkan sentuhan yang lebih formal dan tradisional ke desain situs Anda.

Ada beberapa cara untuk menambahkan drop caps ke situs Website. Anda dapat menggunakan opsi bawaan di editor blok Website atau menggunakan plugin.

Kami akan menunjukkan cara menggunakan drop caps di editor blok Website (Gutenberg) dan editor klasik. Anda dapat mengklik tautan di bawah ini untuk melompat ke bagian pilihan Anda:

Tambahkan Drop Caps di Editor Blok Website (Gutenberg)

Tambahkan Drop Caps di Website Classic Editor

Tambahkan Drop Caps di Editor Blok Website (Gutenberg)

Editor blok Website memiliki opsi bawaan untuk mengaktifkan drop caps untuk huruf awal dalam paragraf.

Dengan mengklik tombol, Anda dapat memperbesar ukuran font dan membungkus teks di bawah huruf pertama untuk membuat efek huruf kapital.

Untuk memulai, Anda dapat membuat posting baru atau mengedit yang sudah ada. Setelah itu, klik tanda plus (+) untuk menambahkan blok paragraf ke artikel Anda.

Selanjutnya, Anda dapat mengaktifkan opsi drop cap dari menu di sebelah kanan Anda. Cukup klik sakelar untuk Drop cap di bawah ‘Text Settings’ untuk menampilkan huruf awal yang lebih besar.

Setelah Anda mengaktifkan opsi, huruf pertama di paragraf Anda akan lebih besar dari teks lainnya dan jatuh di bawah beberapa baris pertama.

Anda sekarang dapat mempublikasikan posting blog Website Anda untuk melihat drop caps beraksi.

Anda akan melihat bahwa opsi drop caps bawaan akan menggunakan gaya tema Website Anda untuk warna, font, dan ukuran huruf pertama.

Jika Anda ingin mengubah gaya topi drop Anda di editor blok Website, maka Anda harus memasukkan kode CSS khusus atau menggunakan plugin.

Karena menulis kode CSS memerlukan pengetahuan teknis, Anda mungkin ingin menggunakan plugin Website Huruf Awal untuk mengedit gaya huruf besar Anda di editor blok, daripada menggunakan opsi bawaan.

Di bagian selanjutnya, kami akan menunjukkan kepada Anda cara menggunakan plugin Surat Awal untuk membuat huruf besar yang disesuaikan.

Tambahkan Drop Caps di Website Classic Editor

Cara termudah untuk menambahkan drop caps di editor klasik adalah dengan menggunakan plugin Website.

Jika Anda ingin menambahkan drop caps ke editor klasik tanpa plugin, maka Anda harus menulis kode CSS dan menambahkannya ke Editor Tema Anda. Ini bisa rumit untuk pemula, dan membuat kesalahan bisa merusak situs Website Anda.

Untuk tutorial ini, kita akan menggunakan plugin Initial Letter karena mudah digunakan dan benar-benar gratis. Plugin ini menawarkan beberapa opsi untuk menyesuaikan drop cap Anda dan juga berfungsi dengan editor blok Website.

Pertama, Anda perlu menginstal dan mengaktifkan plugin Surat Awal di situs web Anda. Untuk detail lebih lanjut, Anda dapat merujuk ke panduan kami tentang cara menginstal plugin Website.

Setelah plugin aktif, Anda dapat pergi ke Settings » Initial Letter dari dashboard Website Anda dan ubah pengaturan drop caps Anda.

Plugin ini memungkinkan Anda untuk mengedit font, ukuran, warna, perataan, dan padding dari drop caps Anda. Anda juga dapat memilih opsi untuk menampilkan huruf besar dalam kutipan dan hanya memiliki paragraf pertama yang memiliki huruf awal yang besar.

Setelah Anda selesai dengan pengaturan, jangan lupa untuk mengklik tombol ‘Save Changes’ di bagian bawah.

Jika Anda tidak ingin menampilkan huruf besar pada beberapa posting atau halaman, Anda dapat menonaktifkan Huruf Awal di dalam editor klasik Website.

Cukup edit posting Anda yang ada, gulir ke bawah ke metabox Surat Awal, dan ubah opsi dari Yes menjadi No.

Selanjutnya, Anda dapat melihat pratinjau dan memublikasikan artikel Anda untuk melihat cara kerja drop caps.

Kami harap artikel ini membantu Anda menambahkan drop caps di postingan Website. Anda mungkin juga ingin melihat cara memilih perangkat lunak desain web terbaik dan layanan pemasaran email terbaik untuk usaha kecil.

Subscribe & Dapatkan Info Lainnya

WEBZID DEVELOPER

Berita Terkait