Panduan/Edit situs web Anda/Menggunakan Editor Situs

Menggunakan Editor Situs

Dengan Editor Situs WordPress, Anda dapat mengedit seluruh tampilan situs secara visual—termasuk header, footer, dan template—tanpa perlu menulis kode. Dalam panduan ini, Anda akan mempelajari berbagai alat utama yang tersedia di Editor Situs.

Jika Anda baru mengenal tema blok, pelajari bagaimana tema, template, dan halaman saling terhubung.

Tutorial video

Dalam video ini, Anda akan mempelajari cara menggunakan Editor Situs untuk menyesuaikan beranda.

Dari kursus: Buat situs web Anda di WordPress.com
Video ini dalam bahasa Inggris.
YouTube memiliki fitur terjemahan otomatis sehingga Anda dapat menontonnya dalam bahasa Anda:

Untuk menampilkan subtitel terjemahan otomatis:

  1. Putar video.
  2. Klik ⚙️ Pengaturan (di kanan bawah video).
  3. Pilih Subtitel/CC.
  4. Pilih Terjemahkan otomatis.
  5. Pilih bahasa yang Anda inginkan.

Untuk mendengarkan sulih suara otomatis (eksperimental):

  1. Klik ⚙️ Pengaturan.
  2. Pilih Trek audio.
  3. Pilih bahasa yang ingin Anda dengarkan:

ℹ️ Terjemahan dan sulih suara dibuat secara otomatis oleh Google, mungkin tidak sepenuhnya akurat, dan fitur sulih suara otomatis masih dalam tahap uji coba sehingga belum tersedia untuk semua bahasa.

Akses Editor Situs

Editor Situs adalah alat yang akan Anda gunakan untuk mengubah desain situs web, termasuk template, menu navigasi, dan halaman.

Untuk membuka Editor Situs, ikuti langkah-langkah berikut:

  1. Mulai dari dasbor situs Anda.
  2. Arahkan kursor ke Tampilan, atau klik Tampilan di sisi kiri.
  3. Klik Editor.
Menu Tampilan terbuka di dasbor situs, dengan panah menunjuk ke submenu Editor.

Jika Anda tidak melihat Editor di bawah Tampilan, berarti tema Anda tidak mendukung Editor Situs. Pertimbangkan untuk beralih ke tema Blok agar dapat mengakses Editor Situs.

Saat membuka Editor Situs, Anda akan menemukan panel Desain di sebelah kiri, dengan pilihan berikut:

  • Gaya: Sesuaikan warna, font, dan aspek desain lainnya pada situs Anda.
  • Navigasi: Kelola menu navigasi situs Anda.
  • Identitas: Kelola ikon situs dan logo situs Anda.
  • Halaman: Edit konten masing-masing halaman di situs Anda.
  • Template: Edit tata letak struktural konten situs Anda.
  • Pola: Edit bagian-bagian kecil dari template Anda (seperti header dan footer) serta pola yang telah Anda buat.

Di sebelah kanan, Anda akan melihat pratinjau beranda situs Anda. Klik di mana saja pada area ini untuk menutup bilah sisi kiri dan membuka beranda di editor.

Editor Situs saat pertama kali dibuka, menampilkan menu "Desain" di sebelah kiri dan pratinjau beranda situs di sebelah kanan.

Gunakan Editor Situs

Klik pratinjau di sebelah kanan Editor Situs untuk membuka beranda di editor situs. Anda akan melihat alat pengeditan yang sama saat mengedit halaman, template, atau pola tertentu.

Menu atas

Di bagian atas Editor Situs terdapat beberapa pilihan berikut, dari kiri ke kanan:

Menu atas.
  1. Buka Navigasi: Klik ikon situs Anda sekali saja, atau logo W bawaan jika belum diatur, untuk kembali ke pilihan bilah sisi kiri yang dijelaskan di bagian sebelumnya. Klik sekali lagi untuk kembali ke dasbor situs Anda.
  2. Penyisip Blok: Klik opsi ini untuk menambahkan blok baru.
  3. Batalkan: Membatalkan tindakan terakhir yang dilakukan.
  4. Ulangi: Mengembalikan tindakan yang telah dibatalkan menggunakan tombol Batalkan.
  5. Tampilan Daftar: Menampilkan daftar semua blok yang ada di halaman. Tampilan Daftar berguna untuk melihat struktur halaman serta mengedit, memindahkan, dan menghapus blok.
  6. Pusat Perintah: Menampilkan nama template yang sedang Anda edit. Klik opsi ini untuk mencari template di situs Anda.
  7. Pratinjau: Mengubah tampilan untuk melihat konten Anda di layar desktop, tablet, atau ponsel. Klik “Lihat situs” untuk melihat hasil perubahan Anda.
  8. Pusat Bantuan: Cari panduan bermanfaat atau dapatkan bantuan pada paket yang memenuhi syarat.
  9. Gaya: Sesuaikan warna, font, dan lainnya. Baca lebih lanjut tentang Gaya.
  10. Pengaturan: Menampilkan atau menyembunyikan Bilah sisi Pengaturan di sebelah kanan.
  11. Simpan: Simpan perubahan Anda. Pelajari lebih lanjut cara menyimpan perubahan.
  12. Pilihan lainnya: Membuka pengaturan dan alat tambahan.

Gaya

Gunakan Gaya di Editor Situs untuk memilih palet warna, font, tata letak, dan aspek desain lainnya yang memengaruhi keseluruhan situs Anda. Pelajari cara menggunakan Gaya.

Ikon Gaya hitam putih disorot di bilah alat atas.

Bilah sisi pengaturan (kanan)

Bilah sisi Pengaturan berisi informasi tentang template yang sedang Anda edit serta opsi untuk menyesuaikan blok tertentu di dalamnya.

Bilah sisi Pengaturan muncul di sisi kanan editor.

Jika bilah sisi tidak muncul di sebelah kanan, klik ikon Pengaturan di pojok kanan atas untuk menampilkannya. Ikon ini berbentuk persegi dengan dua kolom yang tidak sama rata:

An arrow pointing to the "Settings" icon in the top right of the WordPress Editor.

Anda akan melihat nama template yang sedang Anda kerjakan di bagian atas. Klik elipsis (tiga titik) di sebelah kanan nama template untuk mengatur ulang template ke bawaan tema, sehingga semua penyesuaian yang telah Anda buat akan dibatalkan.

Jika template tersebut memiliki versi sebelumnya, Anda akan melihat tautan Revisi di bawah deskripsi template. Gunakan ini untuk memulihkan versi sebelumnya dari template yang telah Anda sesuaikan. Baca lebih lanjut tentang revisi template.

Di bawah bagian Konten, Anda akan menemukan pola sinkron (umumnya header dan footer), yang dapat Anda klik untuk memperbarui elemen yang berlaku di seluruh situs.

Klik tab Blok di bagian atas untuk melihat pengaturan blok tertentu yang telah Anda pilih.

Bilah sisi pengaturan di Editor Situs.

Simpan perubahan

Saat Anda mengklik tombol Simpan untuk menyimpan perubahan yang telah dibuat di Editor Situs, akan muncul layar tambahan yang menampilkan perubahan yang akan disimpan.

Secara default, kotak centang di samping setiap perubahan sudah tercentang. Anda dapat menghapus centang pada perubahan tertentu jika tidak ingin menyimpannya.

Saat Anda menyimpan perubahan pada template, pola sinkron, atau menu navigasi, perubahan tersebut akan berlaku di semua tempat template atau menu itu digunakan di situs Anda.

Perintah simpan perubahan dengan kotak centang di samping perubahan yang akan disimpan.

Edit situs Anda dengan Agen WordPress

The WordPress Agent four-pointed star icon.

Bagian ini berlaku untuk situs yang dibuat dengan Pembuat Situs Web AI atau situs yang telah mengaktifkan Agen WordPress. Buka Agen WordPress dengan mengklik ikon AI (bintang bersudut empat) di bilah admin di bagian atas layar.

Agen WordPress bisa menjadi mitra Anda di setiap tahap pengeditan situs — mulai dari memilih palet warna hingga merencanakan navigasi dan template. Berikut beberapa contoh perintah yang bisa Anda salin dan gunakan:

  • “Sarankan palet warna dan kombinasi font untuk blog makanan dan resep bergaya modern.”
  • “Bagaimana sebaiknya saya menyusun navigasi untuk situs portofolio freelance yang memiliki blog dan halaman kontak?”
  • “Tata letak header dan footer seperti apa yang cocok untuk situs bisnis kecil bergaya minimalis?”
  • “Saya ingin beranda saya terasa ramah dan profesional — tata letak seperti apa yang Anda rekomendasikan?”

Panduan tambahan

Berikut berbagai sumber daya dan tutorial bermanfaat untuk mempelajari lebih lanjut semua aspek pengeditan situs:

Mulai menggunakan editor

Panduan berikut membahas dasar-dasar pengeditan blok. Setiap konten yang Anda tambahkan ke situs berada di dalam sebuah blok. Panduan di bawah ini akan membantu Anda memahami cara mengedit, menambahkan, memindahkan, dan menghapus blok.

Editor WordPress

Editor WordPress menggunakan sistem blok untuk membuat halaman dan pos pada situs web Anda. Panduan ini menjelaskan cara menggunakan blok untuk menciptakan tata letak yang indah. Dengan blok, semua mungkin diciptakan!

Tambahkan konten dengan blok

Blok adalah satu bagian konten di Editor WordPress. Panduan ini akan mengajarkan Anda cara menambahkan blok ke situs Anda.

Hapus blok

Panduan ini akan menunjukkan cara menghapus blok dari sebuah halaman.

Desain situs Anda di editor

Di Editor Situs, Anda dapat mendesain template situs, termasuk header, footer, dan Area Konten. Panduan berikut akan memperkenalkan konsep dasar mendesain situs di Editor Situs.

Menyunting header

Panduan ini akan menunjukkan cara menyesuaikan header situs Anda, tempat nama situs, logo, dan menu biasanya muncul.

Tambahkan Bilah Sisi Menggunakan Editor Situs

Banyak situs web, terutama blog, dilengkapi bilah sisi untuk menampilkan informasi tambahan, seperti gambar, teks Tentang Saya, tautan ke pos lain, profil media sosial, dan lain-lain. Panduan ini akan menunjukkan cara menambahkan bilah sisi dengan Editor Situs. Untuk bisa mengikuti cara yang dijelaskan dalam panduan ini, situs Anda harus menggunakan tema yang mendukung Editor Situs. Umumnya,…

Mengedit footer

Panduan ini akan menunjukkan cara mengedit footer di situs Anda.

Copied to clipboard!