Apakah Anda ingin menambahkan spasi atau subbagian menjorok di WordPress? Apakah Anda ingin membuat indentasi paragraf di WordPress?

Meskipun sebagian besar teks Anda rata kiri, dalam beberapa kasus Anda mungkin perlu membuat indentasi paragraf tertentu untuk tipografi terbaik dan lebih baik pengalaman membaca.

Dalam tutorial ini, kami akan menunjukkan cara indentasi Fasilitasi paragraf di WordPress.

paragraf indent di WordPress

Metode 1: Menggunakan tombol indentasi teks di editor visual 

Secara default, sebagian besar Tema WordPress Tampilkan paragraf yang dibenarkan ke kiri atau kanan untuk bahasa kanan ke kiri.

Jika Anda ingin menggeser paragraf, Anda bisa melakukannya secara manual dengan mengklik tombol Tingkatkan indentasi dari editor teks visual. Ini akan menambah spasi di sebelah kiri paragraf.

Paragraf indentasi di wordpress

Jika Anda ingin membuat indentasi lebih dari satu paragraf, Anda harus memilih paragraf tersebut dan kemudian klik tombol Tingkatkan indentasi.

Anda dapat mengklik tombol beberapa kali untuk menambah indentasi. Misalnya, jika Anda mengklik dua kali, itu akan menggandakan spasi indentasi.

Anda juga dapat mengurangi penarikan dengan mengklik tombol Kurangi indentasi

Kami juga mengundang Anda sebelum melanjutkan untuk menemukan Cara menggunakan editor Gutenberg untuk WordPress 5.0: Bagian XNUMX

Metode 2: Indentasi manual paragraf menggunakan editor teks

Menggunakan tombol penarikan teks pada editor visual adalah cara termudah untuk menambahkan indentasi ke paragraf. Namun, ini tidak memberi Anda kendali atas seberapa banyak jarak yang ingin Anda tambahkan.

Sebagian besar pengguna tingkat lanjut dapat beralih ke editor teks untuk menambahkan indentasi secara manual. Yang perlu Anda lakukan hanyalah meletakkan teks di tag paragraf dan dan kemudian y tambahkan kode CSS seperti ini:

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Paragraf indentasi secara manual pada wordpress

Metode ini memungkinkan Anda untuk mengontrol jarak yang ingin Anda gunakan sebagai indentasi. Metode ini bekerja paling baik jika Anda tidak perlu membuat indentasi paragraf secara teratur.

Jadi jika Anda cukup sering membuat indentasi, ini bukan solusi yang ideal.

Temukan panduan kami di Cara Menulis (write) sebuah paragraf yang baik di blog Anda 

Metode 3: Indentasi hanya baris pertama paragraf

Halaman web tidak menggunakan spasi paragraf tradisional yang digunakan oleh perangkat lunak pengolah kata, yang hanya menandai baris pertama paragraf.

Bahkan di WordPress, saat Anda membuat indentasi paragraf, spasi ditambahkan ke seluruh paragraf.

Contoh indentasi paragraf

Beberapa situs majalah atau jurnal sastra mungkin ingin menambahkan indentasi yang lebih tradisional. Dalam hal ini, Anda perlu menambahkan CSS khusus ke tema WordPress.

Pergi ke " Penampilan> Sesuaikan Untuk meluncurkan " Customizer 'dari tema WordPress. Klik pada " CSS tambahan '.

Wordpress penyesuai css tambahan

Ini akan menampilkan kotak teks di panel kiri tempat Anda dapat menambahkan kode CSS khusus Anda. Tambahkan kode CSS ini di kotak teks ini.

p.custom-indent { 
text-indent:60px;
}

Temukan juga kami Tutorial: Cara Menguasai Editor Visual WordPress

Kode CSS ini hanya memberitahu browser bahwa jika sebuah paragraf memiliki kelas ".custom-indent", maka ia menambahkan indentasi 60px.

Anda kemudian dapat mengedit artikel Anda di editor teks. Kemudian kelilingi teks Anda dengan tag <p class = "custom-indent"> et </p> sebagai berikut:

Teks paragraf Anda berada di sini ...

Setelah selesai, Anda dapat melihat pratinjau artikel Anda, dan Anda akan melihat bahwa hanya baris pertama paragraf yang memiliki spasi sebelumnya.

Spasi di depan paragraf

Metode ini akan bekerja dengan hati-hati jika Anda hanya ingin membuat beberapa paragraf. Namun, jika Anda ingin menambahkan gaya ini ke semua paragraf situs web Anda, Anda hanya perlu memodifikasi kode CSS khusus seperti ini:

article p { 
text-indent:60px;
}

Kode CSS ini secara otomatis akan menambahkan indentasi pada baris pertama dari semua paragraf di dalam posting atau halaman WordPress.

Temukan juga sebelum pergi Bagaimana menambahkan gaya visual untuk editor WordPress

Bagi mereka yang mencari editor visual gaya untuk meningkatkan tampilan situs web mereka, di sini kami menawarkan 3 plugin WordPress premium yang dirancang untuk tugas ini.

1. Pensil Kuning: Editor CSS Gaya Visual

Yellow Pencil adalah editor gaya visual yang dapat Anda gunakan dengan tema apa pun untuk mempersonalisasi situs web Anda dalam hitungan menit (font, warna, animasi, dan lainnya…).

Plugin editor gaya css visual Yellowpencil wordpress

Plugin ini akan membuat gaya CSS di latar belakang saat Anda bermain dengan warna seolah-olah itu adalah sebuah game. Ini dirancang untuk pemula serta pengguna berpengalaman. Tidak diperlukan pengetahuan pengkodean; Namun, plugin ini memiliki editor CSS yang bagus untuk mereka yang suka membuat kode. Anda dapat membuat kode langsung dengan editor ini dan menyesuaikan CSS Anda.

Download | Demo | Hébergement Web

2. JS dan CSS Kustom mudah 

Ce WordPress Plugin premium adalah editor kode CSS dan JavaScript yang kuat yang memungkinkan Anda menambahkannya ke bagian mana pun di situs web Anda. Hal ini memungkinkan Anda untuk menjaga kustomisasi Anda bahkan setelah pembaruan besar dari Anda tema WordPress.

Plugin wordpress kustomisasi js dan css kustomisasi ekstra yang mudah

Anda memiliki opsi untuk membatasi bidang penggunaan kode pribadi Anda. Misalnya, Anda dapat menggunakan kode Anda hanya untuk artikel dalam format video. Atau Anda dapat membatasi kode Anda untuk tema tertentu; Yang berguna jika Anda sering mengubah tema untuk blog WordPress Anda.

Download | Demo | Hébergement Web

2. Responsif Google Maps

Ce WordPress Plugin mempromosikan pembuatan sistem beberapa penanda pada peta dan beberapa peta per halaman. Ini mencakup tampilan layar penuh dan pengelompokan beberapa penanda. Tidak diperlukan kunci API untuk melakukan ini.

Plugin peta WordPress - Peta google yang responsif

Menginstal WordPress Plugin Google Peta Responsifs sederhana dan mudah. Tidak perlu untuk kode pendek yang panjang dan rumit. Demikian pula, mudah untuk membuat peta, menambahkan lokasi dengan cepat, untuk itu, Anda hanya perlu menyalin kode pendek di halaman tempat Anda ingin menampilkan peta, dan selesai!

membaca Cara menampilkan lokasi anggota komunitas WP Anda di Google Map

Fitur lainnya adalah: aseni responsif, halbeberapa lokasi pada peta yang sama, hlmbeberapa kartu per halaman, kemungkinanunduh spidol Anda sendiri, tampilan layar penuh, d mendukungberbagai jenis peta (peta jalan, satelit, hibrida dan medan), zoom otomatis, kemampuan untuk menyesuaikan tpergi dari peta, et lebih ...

Sumber Daya yang Direkomendasikan

Temukan lebih banyak ressources rekomendasi yang akan membantu Anda lebih baik kendalikan editor teks visual Anda.  

Kesimpulan

Sini! Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk mengatur indentasi artikel Anda dengan lebih baik. merasa bebas untuk bagikan tip dengan teman-teman Anda di jejaring sosial Anda.

Jika Anda memiliki saran atau komentar, mereka akan diterima. Kami juga mengundang Anda untuk berkonsultasi dengan kami sumber daya jika Anda seorang blogger pemula.

... 

Pin It pada Pinterest