Loncat ke Konten Utama

Cara indent paragraf di Wordpress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

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:

Teks paragraf Anda berada di sini ...

Paragraf indentasi secara manual pada wordpress

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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 web majalah atau majalah sastra mungkin ingin menambahkan penghapusan yang lebih tradisional. Dalam hal ini, Anda perlu menambahkan CSS khusus ke tema WordPress Anda.

Pergi ke " Penampilan> Sesuaikan Untuk meluncurkan " Customizer 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

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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

Anda kemudian dapat pergi dan mengedit artikel Anda di editor teks. Kemudian kelilingi teks Anda dengan tag dan 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:

artikel 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 

Plugin WordPress premium ini adalah editor kode CSS dan Javascript yang kuat yang memungkinkan Anda menambahkan ini ke bagian mana pun di situs web Anda. Ini memungkinkan Anda untuk mempertahankan kustomisasi Anda bahkan setelah pembaruan besar pada tema WordPress Anda. 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

3. JS dan CSS khusus untuk Gutenberg

Plugin JS dan CSS Kustom WordPress untuk Gutenberg akan memungkinkan Anda menambahkan gaya kustom dalam jumlah tak terbatas ke editor WYSIWYG untuk posting dan halaman WordPress Anda. Ini sepenuhnya kompatibel dengan versi Gutenberg WordPress.Js dan css kustom untuk plugin wordpress gutenberg

Anda cukup membuat gaya baru dengan editor CSS yang mudah digunakan. Plugin ini memperluas fungsionalitas bidang khusus di situs Anda dan memberi Anda kemampuan untuk memodifikasi bidang khusus Anda dengan modul kustomisasi yang dinamis dan kuat. dan fitur pratinjau real-time dari plugin ini membuatnya sangat nyaman dan ramah pengguna.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Temukan sumber daya lain yang direkomendasikan 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.

... 

Artikel ini berisi 1 komentar

  1. Artikel p {dash-text: 60 px; }
    string yang memberi saya kesalahan.
    Layanan validasi juga memberi saya kesalahan "60px; } "
    Bagaimana kita memperbaikinya?
    Pekerjaan bagus

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
17 saham
saham14
menciak1
Register2