Cara Membuat Rata Kanan Kiri di WordPress Versi Terbaru

Posted on

Apakah Anda sering melihat tampilan halaman website yang rata kiri atau rata kanan? Jika iya, maka kemungkinan besar tampilan tersebut diatur melalui CSS. Di WordPress, Anda bisa membuat tampilan website Anda menjadi rata kiri atau rata kanan dengan mudah. Berikut adalah beberapa cara membuat rata kanan kiri di WordPress versi terbaru.

1. Menggunakan CSS

Salah satu cara paling umum untuk membuat rata kiri atau rata kanan di WordPress adalah dengan menggunakan CSS. Anda bisa menambahkan kode CSS pada file style.css di dalam folder theme WordPress Anda. Berikut adalah contoh kode CSS untuk membuat tampilan website menjadi rata kiri:

body {text-align: left;}

Untuk membuat tampilan website menjadi rata kanan, cukup ubah nilai left menjadi right:

body {text-align: right;}

2. Menggunakan Plugin

Jika Anda tidak ingin melakukan coding atau memodifikasi file theme, maka menggunakan plugin bisa menjadi pilihan yang tepat. Ada banyak plugin yang bisa Anda gunakan untuk membuat tampilan website menjadi rata kiri atau rata kanan, seperti WP Floating Sidebar, WP Sticky Sidebar, dan lain sebagainya.

3. Menggunakan Widget

Anda juga bisa membuat rata kiri atau rata kanan menggunakan widget. Caranya cukup mudah, Anda hanya perlu menambahkan widget Text atau Image pada sidebar atau footer website Anda, kemudian atur posisi widget tersebut dengan menambahkan class CSS float-left atau float-right. Berikut adalah contoh kode CSS untuk membuat widget menjadi rata kiri:

.widget {float: left;}

Untuk membuat widget menjadi rata kanan, cukup ubah nilai left menjadi right:

.widget {float: right;}

4. Menggunakan Page Builder

Jika website Anda menggunakan theme yang dilengkapi dengan page builder seperti Elementor, Divi, atau Visual Composer, maka Anda bisa membuat tampilan website menjadi rata kiri atau rata kanan dengan mudah menggunakan fitur drag-and-drop yang disediakan oleh page builder tersebut.

5. Menggunakan Customizer

Anda juga bisa membuat rata kiri atau rata kanan melalui Customizer di WordPress. Caranya cukup mudah, Anda hanya perlu masuk ke menu Appearance > Customize, kemudian pilih opsi Additional CSS dan tambahkan kode CSS berikut:

body {text-align: left;}

Untuk membuat tampilan website menjadi rata kanan, cukup ubah nilai left menjadi right:

body {text-align: right;}

6. Menggunakan Gutenberg

Anda juga bisa menggunakan editor visual bawaan WordPress, Gutenberg, untuk membuat tampilan website menjadi rata kiri atau rata kanan. Caranya cukup mudah, Anda hanya perlu masuk ke editor Gutenberg, kemudian pilih blok Paragraph dan atur posisi teks dengan menambahkan class CSS alignleft atau alignright. Berikut adalah contoh kode CSS untuk membuat teks menjadi rata kiri:

.alignleft {float: left;}

Untuk membuat teks menjadi rata kanan, cukup ubah nilai left menjadi right:

.alignright {float: right;}

7. Menggunakan Shortcode

Anda juga bisa membuat rata kiri atau rata kanan menggunakan shortcode di WordPress. Caranya cukup mudah, Anda hanya perlu menambahkan shortcode [left] atau [right] pada teks yang ingin Anda ratakan. Berikut adalah contoh kode shortcode untuk membuat teks menjadi rata kiri:

[left]Teks yang ingin diratakan ke kiri[/left]

Untuk membuat teks menjadi rata kanan, cukup ganti kode shortcode menjadi [right]:

[right]Teks yang ingin diratakan ke kanan[/right]

Kesimpulan

Membuat rata kiri atau rata kanan di WordPress versi terbaru bisa dilakukan dengan berbagai cara, mulai dari menggunakan CSS, plugin, widget, page builder, Customizer, Gutenberg, hingga shortcode. Pilihlah cara yang paling sesuai dengan kebutuhan dan kemampuan Anda.

Artikel Terkait:

Leave a Reply

Your email address will not be published. Required fields are marked *