Cara Mengedit Situs WordPress (Panduan Langkah Demi Langkah)

Cara Mengedit Situs WordPress (Panduan Langkah Demi Langkah)

Cara Mengedit Situs WordPress (Panduan Langkah Demi Langkah)

Saat Anda membuat situs WordPress baru, salah satu hal pertama yang harus Anda lakukan adalah menyesuaikan desain situs. Dalam panduan ini, kami menunjukkan cara mengedit dan menyesuaikan situs WordPress Anda, langkah demi langkah.

Sama seperti semua aspek lain dalam menggunakan WordPress, mengedit desain dan menyesuaikan situs web sangatlah mudah. Itu tidak melibatkan pengkodean apa pun sehingga siapa pun dapat melakukan tugas-tugas ini tanpa pengalaman sebelumnya.

Kami telah membagi panduan ini menjadi beberapa bagian untuk menunjukkan kepada Anda berbagai aspek mengedit situs WordPress, seperti mengubah tema, mengedit desain beranda, dan mengubah font.

Mari selami.

catatan: Kami menyarankan agar Anda membuat cadangan situs web Anda sebelum membuat perubahan apa pun, hanya untuk berjaga-jaga. Anda dapat mengikuti panduan ini untuk mengatur sistem cadangan di WordPress.

Cara Mengedit Situs WordPress

Situs web WordPress terdiri dari beberapa komponen berbeda. Untuk mengedit situs WordPress, Anda harus memahami komponen utama dan fungsinya.

  • Beranda: Ini adalah halaman utama yang dilihat pengunjung Anda ketika mereka pertama kali tiba di situs web Anda. Gunakan halaman ini untuk menjelaskan tentang bisnis Anda. Atau untuk mempromosikan posting blog Anda, jika Anda memiliki blog
  • Halaman: Ini adalah halaman statis dari situs Anda yang dapat Anda gunakan untuk mendeskripsikan tentang apa situs Anda, menampilkan tim Anda, menambahkan halaman kontak, dan banyak lagi.
  • Posting: Posting digunakan untuk mempublikasikan artikel di blog Anda. Tidak seperti halaman, postingan juga diindeks di RSS
  • Sidebar: Sebagian besar blog WordPress memiliki area sidebar tempat Anda dapat menambahkan widget, iklan, dan tautan
  • Tidak bisa: Anda dapat menampilkan link navigasi, halaman, dan kategori di menu
  • Header dan Footer: Header dan footer situs WordPress ditampilkan di semua halaman situs web. Itu tempat Anda menampilkan logo dan tautan tambahan yang terkait dengan situs Anda

Inilah cara Anda mengedit bagian ini untuk menyesuaikan situs web Anda.

Cara Mengubah Tema WordPress

Mari kita mulai dengan mengubah tema situs Anda. Sangat mudah.

wordpress ubah tema 1

Pertama, masuk ke dasbor admin WordPress Anda dan buka Penampilan >> Tema. Di sini Anda akan melihat semua tema yang saat ini Anda pasang.

Untuk mengubah tema, yang harus Anda lakukan adalah mengarahkan mouse ke tema di halaman ini dan klik Mengaktifkan tombol.

wordpress ubah tema 2

Anda dapat menginstal tema baru dengan mengklik Tambah baru tombol. Dan kemudian cari tema di direktori tema WordPress resmi. Atau dengan mengunggah file tema yang telah Anda unduh dari pasar pihak ketiga.

Setelah menginstal dan mengaktifkan tema baru Anda, Anda dapat mulai menyesuaikan desainnya.

Tip: Lihat daftar tema WordPress kreatif terbaik kami untuk menemukan tema hebat untuk situs web baru Anda.

Cara Menyesuaikan Tema WordPress

Berkat semua alat bawaan yang disertakan dengan WordPress, menyesuaikan tema sekarang jauh lebih sederhana daripada sebelumnya.

tema edit wordpress

Cukup buka Penampilan >> Sesuaikan untuk mengakses halaman kustomisasi tema.

Di sini Anda akan melihat daftar opsi untuk menyesuaikan tema, seperti mengubah logo, mengedit warna tema, mengubah font, dan banyak lagi. Ikuti ini video tutorial untuk melihat cara kerjanya.

Ini adalah penyesuai langsung, yang berarti Anda akan melihat pratinjau langsung dari semua perubahan yang Anda buat. Saat Anda siap, Anda dapat mengklik Menerbitkan tombol untuk menyimpan perubahan.

Cara Mengedit Beranda WordPress

Penyesuai bawaan hanya akan memungkinkan Anda menyesuaikan tampilan keseluruhan dari desain tema aktif Anda. Jika Anda ingin mengedit tata letak beranda dan menyesuaikannya lebih dalam, seperti mengedit tajuk atau menambahkan bagian baru, Anda harus mengedit beranda tema Anda.

Biasanya, Anda memerlukan pengetahuan pengkodean untuk dapat menyesuaikan beranda tema WordPress. Namun, dengan bantuan plugin pembuat halaman seperti Elementor dan pembuat halaman WPBakery, Anda dapat dengan mudah mengedit tata letak tanpa pengkodean.

Jika Anda menggunakan tema yang dibuat dengan pembuat halaman, yang harus Anda lakukan adalah membuka Halaman bagian, temukan Beranda, dan edit halaman menggunakan plugin pembuat halaman yang disertakan dengan tema.

Anda juga dapat menginstal Elementor dan merancang beranda yang sama sekali baru untuk situs web Anda. Begini caranya.

Langkah 1: Instal plugin Elementor

Pertama, instal plugin Elementor.

Beranda kustom WordPress 1

Pergi ke Plugin >> Tambahkan Baru dan cari Elementor. Klik Install lalu Mengaktifkan saya t.

Langkah 2: Buat Beranda Baru

Sekarang pergi ke Halaman dan buat halaman baru.

Beranda kustom WordPress 2

Beri judul halaman seperti “beranda baru”. Dan pilih Kanvas Elementor dari Atribut Halaman Tidak bisa. Klik pada Edit dengan Elementor tombol untuk mulai menyesuaikan halaman.

Langkah 3: Sesuaikan dan Publikasikan

Pada editor Elementor, Anda dapat memilih untuk membuat desain dari awal atau menggunakan templat yang sudah dibuat sebelumnya.

Beranda kustom WordPress 3

Ada banyak templat gratis untuk dipilih di pustaka Elementor, tetapi versi premium menawarkan pilihan yang lebih baik. Anda juga bisa mendapatkan kit template Elementor dari situs pihak ketiga.

Setelah menyesuaikan desain dengan preferensi Anda, Anda dapat mempublikasikan halaman tersebut.

Beranda kustom WordPress 4

Lalu, pergilah ke Pengaturan >> Membaca dan setel beranda yang baru Anda buat sebagai beranda default.

Jika Anda memiliki blog di situs web Anda, pastikan untuk membuat halaman blog menggunakan langkah-langkah yang sama seperti yang telah kami jelaskan. Dan atur sebagai Halaman posting di pengaturan.

Tip: Gunakan koleksi tema WordPress Elementor terbaik kami untuk menemukan tema yang dibuat dengan pembuat halaman.

Cara Mengedit Versi Seluler dari Situs WordPress

Semua tema WordPress modern sekarang menampilkan desain responsif. Artinya, mereka sudah dioptimalkan agar terlihat bagus di perangkat seluler. Jadi, saat Anda membuat perubahan pada situs desktop Anda, perubahan tersebut juga akan terlihat di versi seluler.

Beberapa tema memungkinkan Anda menyesuaikan versi seluler situs WordPress secara terpisah agar terlihat berbeda dari situs desktop. Anda akan menemukan opsi ini di halaman pengaturan tema khusus.

wptouch.dll

Anda juga dapat menggunakan plugin untuk membuat versi seluler untuk situs web Anda. WPTouch adalah plugin gratis hebat yang dapat Anda gunakan untuk membuat versi ramah seluler situs web Anda. Ini sangat berguna jika Anda menggunakan tema lama atau tema yang tidak terlihat bagus di platform seluler.

wptouch 1

Setelah menginstal dan mengaktifkan plugin, Anda dapat membuka halaman pengaturan WPTouch untuk memilih desain untuk versi seluler situs web Anda, menyesuaikan warnanya, dan mempersonalisasi tampilan agar sesuai dengan merek Anda.

wptouch 2

Anda bahkan dapat memilih untuk menampilkan situs web seluler pada platform tertentu.

Cara Mengubah Font Di WordPress

Menggunakan font yang bagus adalah salah satu cara terbaik untuk meningkatkan keterbacaan situs web Anda. Apalagi jika Anda memiliki blog, Anda harus selalu mengubah font agar artikel Anda mudah dibaca.

Beberapa tema WordPress, kebanyakan tema premium, memungkinkan Anda untuk mengubah font tema dari halaman Customizer. Namun, jika opsi tidak tersedia di tema Anda, Anda dapat menggunakan plugin pihak ketiga untuk menambahkan font khusus ke situs WordPress Anda.

font google mudah

Google Fonts mudah adalah plugin gratis hebat yang dapat Anda gunakan untuk menyelesaikan tugas ini. Ini mengintegrasikan seluruh pustaka Google Fonts dengan situs web Anda sehingga Anda dapat mengubah font sesuka Anda.

Menyiapkannya sangat mudah. Anda dapat mengikuti panduan ini untuk melihat cara melakukannya.

Cara Mengedit CSS WordPress

Jika Anda terbiasa dengan HTML dan CSS, Anda juga dapat mengedit desain tema menggunakan kode CSS. Misalnya, jika ada beberapa elemen dalam desain tema yang tidak dapat Anda sesuaikan menggunakan Penyesuai, Anda dapat mengeditnya menggunakan CSS.

wordpress edit css

Anda dapat mengakses lembar gaya tema dengan membuka Penampilan >> Editor Tema dan kemudian buka Style.css mengajukan.

wordpress edit css 2

Jika Anda ingin menambahkan kode CSS khusus sederhana ke tema, tambahkan melalui CSS tambahan bagian di Customizer.

Cara Mengedit Sidebar, Header, dan Footer

Kami telah membahas panduan ekstensif tentang mengedit bagian situs WordPress ini. Jadi kami tidak akan mengulangi langkah-langkah di sini. Sebagai gantinya, Anda dapat mengikuti tautan di bawah ini untuk petunjuk langkah demi langkah.

  • Cara Mengedit Sidebar di WordPress
  • Cara Mengedit Header dan Footer di WordPress
  • Cara Menyesuaikan Menu di WordPress

Kesimpulan

Dengan bantuan panduan ini, Anda akan dapat dengan mudah menyesuaikan dan mempersonalisasi situs WordPress Anda untuk mencerminkan tujuan merek dan bisnis Anda.

Jika Anda sedang mencari tema WordPress baru, pastikan untuk memeriksa bundel tema WordPress eksklusif kami. Ini mencakup lebih dari 60 tema premium dalam berbagai kategori dengan harga satu.

.