Cara mengedit halaman di WordPress – kuasai editor WordPress

Diterbitkan: 2019-08-04

Untuk mengedit halaman di WordPress, Anda tidak perlu terlalu teknis – jika Anda memiliki pengalaman dengan editor teks, Anda akan merasa cukup sederhana. Gunakan editor WordPress untuk posting dan halaman.

Lihat juga: Cara mengedit nama halaman >

Edit halaman di WordPress, caranya disini

Contoh yang saya gunakan di sini adalah di sistem WordPress.org , tetapi WordPress.com sangat sebanding dalam hal halaman diubah. Postingan ini akan bermanfaat bagi keduanya.

MEMPERBARUI. Posting ini mengacu pada Editor Klasik WordPress, bukan Blok WordPress alias Editor WordPress Glutenberg yang digunakan sejak 2018. Namun, postingan ini masih akan bermanfaat bagi sebagian orang.

Mari kita lihat apa yang akan Anda pelajari.

Pada akhir posting ini, Anda harus memahami cara memformat dan mengedit halaman di WordPress dengan:

  • Mengedit dan menyimpan di area admin,
  • melihat perubahan di ujung depan,
  • dan menggunakan alat pemformatan di editor WordPress.

Sebelum memperbarui posting atau halaman apa pun, buat cadangan database WordPress. Saya menggunakan DB Migrate, sebuah plugin backup dan migrasi yang tersedia secara gratis.

Apa yang Anda butuhkan untuk mengedit halaman di WordPress

  • Nama pengguna dan kata sandi WordPress dari pengembang web Anda.
  • URL area administrasi (juga dikenal sebagai alamat web, atau mungkin tautan).

Setelah Anda memilikinya, navigasikan ke URL Anda dengan mengetiknya di browser Anda atau mengklik tautannya.

Ketik nama pengguna dan kata sandi dan tekan Masuk . Anda akan tiba di dashboard WordPress.

Lihat situs web WordPress di tab baru

Hal pertama yang saya lakukan adalah membuka bagian situs web yang menghadap publik di tab browser baru. Saya kemudian membuat area admin (ujung belakang) terlihat di satu tab dan ruang publik (ujung depan) terlihat di tab lainnya. Dengan begitu, saya bisa beralih di antara keduanya.

Cara termudah untuk membuka front end situs WordPress Anda di tab baru adalah;

  • Di area admin – arahkan kursor ke ikon rumah, kiri atas layar.
  • Dari menu tarik-turun, KLIK KANAN pada 'Kunjungi Situs'.
  • Klik "Buka tautan di tab baru". Saya telah menggarisbawahi ini dengan warna merah di bawah ini.

catatan Mungkin ada variasi kata tergantung pada browser yang Anda gunakan.

Dua tab browser sekarang terbuka, artinya Anda dapat beralih di antara keduanya.

Lanjutkan mengedit halaman WordPress dalam satu tab, menggunakan area admin.

Di sisi lain, Anda akan melihat bagian depan situs web Anda untuk memeriksa setiap perubahan yang Anda buat.

Saat Anda mengedit dan menyimpannya, Anda dapat membuka tab ke bagian depan situs. Tekan tombol F5 untuk menyegarkan halaman – ini meminta browser untuk menampilkan versi yang diperbarui.

Mengedit konten halaman di WordPress

Sekarang Anda telah menyiapkan area kerja Anda, mari kita mulai di area admin. Di sini Anda akan menemukan editor WordPress.

Klik HALAMAN di menu sebelah kiri. Halaman dalam situs Anda terdaftar.

Opsi lebih lanjut muncul saat Anda mengarahkan kursor ke nama halaman.

Cara mengedit konten halaman di WordPress

EDIT akan membawa Anda ke layar edit penuh.

EDIT CEPAT akan memungkinkan Anda untuk mengubah judul, siput, tanggal, privasi, orang tua, pesanan, templat, dan status dari layar ini.

BIN akan mengirimkan halaman tersebut ke tempat sampah. Halaman tidak akan terlihat lagi di situs web.

VIEW akan memungkinkan Anda melihat halaman khusus ini – bagian depan (atau publik).

Untuk mengedit halaman, klik opsi pertama, EDIT. Atau klik pada nama halaman.

Anda akan tiba di layar 'pengeditan halaman' WordPress.

Mengedit halaman di tutorial WordPress

Pertama-tama saya harus membawa perhatian Anda ke tema dan plugin dalam WordPress terkadang menyesuaikan layar 'edit halaman'.

Misalnya, DIVI menggunakan antarmuka yang disebut DIVI Builder; Avada disebut Fusion Builder.

Versi mana yang Anda gunakan?

Editor WordPress terbaru adalah Editor Blok Gutenberg. Jika halaman Anda terlihat mirip dengan gambar di bawah, Anda menggunakan blok – kunjungi posting saya di editor blok.

Jika editor WordPress terlihat mirip dengan gambar di bawah, Anda menggunakan editor WordPress Klasik.

Cara mengedit konten halaman di WordPress

Jika Anda tidak menggunakan pembuat kustom, kita bisa mulai.

Ikon tombol editor WordPress dijelaskan

Di editor klasik, ikon tombol pertama adalah ikon TOOLBAR TOGGLE, yang dulu disebut 'wastafel dapur'. Pada gambar di atas, Anda dapat melihatnya diaktifkan karena terbalik.

Ikon sakelar bilah alat terlihat seperti ini:

Alihkan ikon bilah alat WordPress

Ikon tombol ini menampilkan atau menyembunyikan opsi pemformatan tambahan. Tetap aktif.

Memformat teks di WordPress

Seperti kebanyakan editor WordPress, Anda dapat menyorot teks dan memformatnya.

Dari kiri ke kanan pada bilah pengeditan utama adalah:

B – membuat teks menjadi tebal atau kuat.
I – menempatkan teks yang disorot dalam huruf miring.
ABC – ini akan menambahkan coretan pada teks Anda seolah-olah akan dicoret. Berguna untuk barang yang dijual.

Daftar tidak berurutan di WordPress

Ikon tombol untuk daftar tidak berurutan di pembicaraan web, tetapi WordPress menyebutnya daftar peluru. Gunakan ini untuk membuat daftar. Sebagai contoh:

  • Ini adalah poin pertama.
  • Ini adalah urutan kedua.

Di akhir setiap baris, klik kembali (atau masukkan) setiap kali Anda menginginkan poin-poin baru.

Kiat cepat: mengklik SHIFT-ENTER membuat jeda baris, yang berguna dalam daftar poin, karena Anda dapat menurunkan satu baris tanpa membuat poin baru.

  • Ini adalah judul poin pertama saya.
    Saya mengatakan sedikit tentang ini di bawah ini dengan menekan SHIFT-ENTER.
  • Sekarang saya memiliki poin kedua saya.
    Sedikit tentang ini.

Untuk menghentikan daftar, cukup tekan kembali dua kali setelah baris terakhir. Atau tekan ikon untuk kedua kalinya. WordPress akan kembali ke paragraf normal.

Desainer situs web Anda, atau tema, mungkin telah menggunakan CSS untuk menata daftar. Anda tidak selalu dapat mengubah gaya di dalam layar edit WordPress.

Daftar bernomor di WordPress

Ikon ini adalah daftar nomor, yang disebut daftar terurut dalam bahasa internet. Gunakan dengan cara yang sama seperti daftar poin-poin di atas, kecuali daftar tersebut akan diberi nomor.

Kutipan Blok WordPress

Blockquotes membuat indentasi baris teks. Sekali lagi, tema atau pengembang web mungkin telah menatanya, jadi Anda mungkin tidak dapat menatanya.


Selanjutnya adalah garis horizontal. Gunakan garis horizontal untuk membuat jeda dalam potongan teks. Tema mengontrol gaya. Yang di atas adalah gaya default – garis abu-abu pada 1 piksel.

Menyelaraskan paragraf di WordPress

Ikon perataan teks di WordPress

Tata letak untuk paragraf dan judul sering diatur dalam lembar gaya, membuat tombol perataan ini bertindak sedikit tidak menentu.

Saya cenderung membiarkan stylesheet mengatur paragraf saya, tetapi jika saya menambahkan gambar, saya menyelaraskannya di dalam editor WordPress.

Klik pada baris teks, lalu klik alat perataan—perataan berlaku untuk seluruh paragraf.

Cukup sering, paragraf berikut akan mengikuti penyelarasan yang di atas. Biasanya, itu terjadi ketika jeda baris telah digunakan sebagai ganti tag 'paragraf'. Ada perbaikan sederhana.

  • Letakkan kursor di akhir paragraf pertama.
  • Sekarang tekan DELETE (backspace) untuk menarik paragraf kedua ke atas.
  • Tekan ENTER untuk menyelesaikan satu paragraf dan memulai yang baru.
  • Dua dapat menyelaraskan secara terpisah.

Membuat dan mengedit tautan di WordPress

ikon tautan WordPress

Ikon tautan – teks dan gambar dapat ditautkan ke halaman, posting, atau situs web eksternal.

Untuk menautkan teks di WordPress, pastikan untuk menyorot teks terlebih dahulu.

Tip singkat: Klik dua kali satu kata untuk menyorot seluruh kata. Tahan shift ke bawah dan klik kata kedua untuk menyorotnya juga.

Sekarang klik ikon tautan Anda.

Jika Anda menautkan ke halaman/posting di situs Anda, mulailah mengetik judulnya.
catatan ketik TITLE halaman, bukan siput.

Edit judul halaman WordPress

Setelah Anda menemukan halaman dalam daftar, tekan panah biru 'kembali' di akhir bidang untuk menerapkannya.

Untuk menyesuaikan tautan lebih lanjut, klik ikon roda gigi di akhir bidang sebelum mengklik terapkan.

Ikon roda gigi membuka kotak yang berisi OPSI LINK – pilih halaman mana yang ingin Anda tautkan.

Tidak disarankan, tetapi tautan dapat membuka jendela (atau tab) baru. Cukup centang "Buka tautan di tab baru" di dalam layar opsi tautan. Google menghukum tautan yang membuka jendela berbeda – pengguna harus dapat membuat keputusan itu.

Membuat tautan WordPress

Kiat singkat: Di WordPress versi terbaru, Anda bahkan tidak perlu menekan ikon tautan saat menautkan teks. Salin tautan ke clipboard Anda, sorot teks dan tekan control-v untuk menempelkan tautan.

Untuk menautkan gambar di WordPress adalah proses yang serupa.

Pilih gambar, lalu klik ikon tautan. Ikuti langkah-langkah di atas.

Cara mengedit tautan di WordPress

Untuk EDIT link, ikuti langkah serupa.

Sorot teks atau pilih gambar. Gunakan ikon yang sama dan ubah tautan ke yang baru. Atau klik ikon pensil yang muncul.

Cara menghapus tautan di WordPress

Hapus tautan di WordPress

Ikon ini selesai menghapus tautan. Cukup klik di mana saja pada tautan teks atau pilih gambar, lalu tekan tombol ini.

Ikon read more adalah ikon yang tidak pernah saya gunakan. WordPress memungkinkan Anda menempatkan teks di dalam tag READ MORE, menyembunyikannya di halaman hingga pengguna mengklik untuk membaca lebih lanjut. Teks akan tetap tersedia untuk dirayapi oleh mesin telusur, tetapi Google tidak menghargai konten tersembunyi.

Paragraf dan judul di WordPress

Di dalam bilah alat, Anda akan melihat menu tarik-turun.

Untuk memformat garis, klik teks dalam baris atau paragraf dan gunakan menu tarik-turun untuk memilih paragraf, judul 1, atau judul 2.

Tema mengatur gaya untuk judul dan paragraf, yang menjaga desain situs web tetap konsisten.

Gunakan tag yang benar untuk judul, dan desain akan berlanjut melalui situs web.

Apa itu penulisan SEO?

Lebih banyak alat pemformatan di WordPress

Garis bawahi teks di WordPress

Gunakan ikon ini untuk menggarisbawahi teks di konten WordPress Anda, membuatnya menonjol atau membuat pernyataan.

Cukup sorot teks dan klik ikon garis bawah.

Membenarkan teks di WordPress

Alat perataan teks dan akan membuat paragraf yang dibenarkan. Spasi diatur antara huruf dan kata sehingga teks menjadi rata dengan margin kanan dan margin kiri. Juga dikenal sebagai pembenaran sepenuhnya atau pembenaran penuh dan bagus untuk teks dalam kolom.

Warna teks di WordPress

Sebagai perancang web WordPress, saya menyarankan Anda menggunakan ikon ini dengan hati-hati. Tombol mengubah warna teks. Saya telah melihat klien membuat kalimat yang cerah dan penuh warna dengan maksud untuk menarik perhatian. Ini tidak terlihat bagus. Jaga agar teks tetap seragam.

Tempel sebagai teks di WordPress

Mengapa ikon 'tempel sebagai teks' di WordPress sama sekali? Teks yang disalin dari situs web atau dokumen Word juga memiliki format tersebut. Tempelkan ke halaman WordPress, dan Anda menempelkan pemformatannya. Halaman tersebut akhirnya terlihat mengerikan karena kode berada di posisi yang tidak membantu.

Jadi lain kali Anda menyalin dan menempel, salin; lalu letakkan kursor di tempatnya dan klik alat 'tempel sebagai teks' untuk menambahkan teks tanpa pemformatan. Kemudian format dalam WordPress.

Hapus pemformatan di WordPress

Jika Anda menemukan teks Anda di semua tempat di halaman, itu sering diformat. Jika Anda tahu apa yang Anda lakukan dan memiliki cadangan, gunakan alat 'hapus pemformatan' untuk menghapus semua pemformatan, menghapus teks Anda kembali sehingga Anda sekarang dapat memformatnya sendiri.

Ikon berikutnya, omega Yunani membuka peta karakter di bawah, memungkinkan Anda untuk menambahkan karakter khusus, seperti akut, kuburan dan sirkumfleksa. Berguna jika Anda membuat halaman multibahasa.

Karakter khusus di WordPress
Pemformatan WordPress Tab Kiri dan Tab Kanan

Ini adalah ikon indentasi. Dengan menggunakannya, Anda dapat menambah atau mengurangi indentasi paragraf atau heading.

Batalkan, ulangi ikon di WordPress

Dan akhirnya, ikon undo/redo. Yang di sebelah kiri adalah untuk membatalkan dan itu sangat berguna. Warna abu-abu lebih gelap di gambar ini karena ada gerakan undo yang bisa saya lakukan. Tombol ulangi dinonaktifkan – tidak ada yang dapat saya 'ulangi' saat ini. Untuk mengulang, Anda harus membatalkan sesuatu terlebih dahulu.

Simpan halaman WordPress

Saat Anda membuat perubahan substansial pada halaman atau posting WordPress Anda, klik tombol UPDATE untuk menyimpan halaman. Ini memperbarui halaman yang menghadap publik. Selalu segarkan halaman Anda saat melihat perubahan di bagian depan untuk memeriksa pekerjaan Anda.

Simpan otomatis dan revisi di WordPress

WordPress sering menyimpan draf halaman secara otomatis.

Revisi halaman Anda dapat dipanggil kembali, menggunakan tautan revisi. Itu ditemukan dalam pengaturan POST. Jika pengaturan posting ditutup tekan roda gigi, kanan atas untuk membukanya. Kemudian tekan tab Halaman (atau tab Posting tergantung pada apa yang Anda edit) di bagian atas.

  • Klik tautan 'Revisi' untuk melihat draf dan revisi yang telah disimpan selama masa pakai dokumen.
  • Anda akan tiba di layar 'Bandingkan Revisi'.
  • Ada bilah garis waktu di bagian atas layar ini, yang mewakili kehidupan halaman. Semakin ke kiri Anda mengambil penggeser, semakin lama revisi halaman tersebut.
  • WordPress menyoroti perubahan yang telah dilakukan, membandingkan posting terbaru dengan posting yang Anda pilih di timeline.
  • Untuk mengambil versi terbaru, gerakkan penggeser sepenuhnya ke kanan.
Bandingkan revisi di WordPress

Mengedit tautan permanen di WordPress

Permalinks – juga dikenal sebagai slugs – membuat URL halaman web di WordPress. Tautan ke halaman dapat rusak saat Anda mengedit tautan permanen, jadi harap edit dengan hati-hati .

Jika Anda akan mengubah dan mengedit permalink, saya sarankan menggunakan plugin redirect seperti Redirection.

Kiat singkat: Jika Anda membuat kesalahan dan mengubah tautan permanen tetapi tidak dapat mengingat URL aslinya – telusuri halaman menggunakan penelusuran Google. Tambahkan nama perusahaan ke pencarian dan Anda mungkin akan menemukan URL asli yang terdaftar. Ubah permalink kembali ke nama aslinya.

kata akhir

Saya harap Anda menikmati posnya. WordPress bisa membuat frustasi jika Anda tidak mengerti apa yang sedang Anda kerjakan. Saya yakin petunjuk ini akan membantu Anda bersama dengan tutorial WordPress lainnya di blog saya.