Langkah 1. Tekan tombol Edit Frontend
Anda harus masuk ke situs web Anda dan memiliki akses peran Admin WordPress untuk mengedit halaman di situs web Anda. Jika Anda telah memenuhi kriteria ini, tekan tombol 'Edit Frontend' di bagian atas halaman di menu WordPress. Ini akan memuat tampilan frontend yang memungkinkan Anda mengedit konten halaman dengan mudah menggunakan antarmuka visual
Langkah 2. Edit dalam antarmuka visual
Editor Antarmuka Visual hampir menyerupai situs web dalam keadaan aktifnya. Namun, saat Anda mengarahkan kursor ke elemen pada halaman, Anda akan melihat kotak yang menunjukkan area yang ingin Anda tangani. Tekan tombol “pensil” (edit) pada area yang ingin Anda edit. Ini akan memunculkan opsi editor teks elemen
Langkah 3. Masukkan perubahan Anda dalam editor teks
Editor teks akan terlihat mirip dengan dokumen Microsoft Word. Buat perubahan Anda lalu tekan tombol 'Simpan Perubahan' di bagian bawah jendela pop-up. Jika Anda menyalin teks dari situs web atau dokumen Word, yang terbaik adalah melakukannya di dalam tab "Teks" (bukan tab "Visual") pada editor teks. Ini menghindari penyalinan gaya CSS yang macet di teks Anda yang dapat memberikan hasil yang mungkin tidak Anda inginkan. Secara default, tab "Visual" dipilih
Langkah 4 (Langkah Terakhir). Publikasikan perubahan Anda
Anda harus menekan tombol 'Perbarui' di sudut kanan atas halaman untuk mempublikasikan perubahan Anda. Banyak orang lupa menekan tombol ini karena mengira langkah sebelumnya (menyimpan perubahan) akan mempublikasikan perubahan mereka
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 >
Contoh yang saya gunakan di sini ada di WordPress. sistem org, tetapi WordPress. com sebanding dalam cara halaman diubah. Posting akan sangat membantu untuk keduanya
MEMPERBARUI. Postingan ini merujuk ke WordPress Classic Editor, bukan WordPress Blocks alias Glutenberg WordPress Editor yang digunakan sejak 2018. Namun, postingan ini masih akan bermanfaat bagi sebagian orang
Mari kita lihat apa yang akan Anda pelajari
Di akhir posting ini, Anda akan memahami cara memformat dan mengedit halaman di WordPress
- 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, plugin cadangan dan migrasi yang tersedia secara gratis
Yang Anda perlukan 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 atau mengeklik tautan
Ketik nama pengguna dan sandi, lalu tekan Masuk. Anda akan tiba di dasbor 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 ujung depan situs WordPress Anda di tab baru adalah;
- Di area admin – arahkan kursor ke ikon rumah, di 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
NB. 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 ujung depan situs. Tekan tombol F5 untuk menyegarkan halaman – ini meminta browser untuk menampilkan versi terbaru
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 PAGES di menu sebelah kiri. Halaman dalam situs Anda tercantum
Opsi lebih lanjut muncul saat Anda mengarahkan kursor ke nama halaman
EDIT akan membawa Anda ke layar edit penuh
EDIT CEPAT akan memungkinkan Anda untuk mengubah judul, slug, 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 membuat 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 'edit halaman' WordPress
Mengedit halaman di tutorial WordPress
Pertama-tama saya harus memperhatikan tema dan plugin di dalam WordPress terkadang menyesuaikan layar 'edit halaman'
Misalnya, DIVI menggunakan antarmuka yang disebut DIVI 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
Jika Anda tidak menggunakan pembuat khusus, kami dapat memulai
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
Ikon tombol ini menampilkan atau menyembunyikan opsi pemformatan tambahan. Tetap aktifkan
Memformat teks di WordPress
Seperti kebanyakan editor WordPress, Anda dapat menyorot teks dan memformatnya
Dari kiri ke kanan pada bilah pengeditan utama
B – membuat teks tebal atau kuat
I – letakkan teks yang disorot dalam huruf miring
ABC – ini akan menambahkan coretan pada teks Anda seolah-olah mencoretnya. Berguna untuk barang yang dijual
Ikon tombol untuk unordered list di web talk, tetapi WordPress menyebutnya bullet list. Gunakan ini untuk membuat daftar. Misalnya
- Ini poin pertama
- Ini adalah urutan kedua
Di akhir setiap baris, klik kembali (atau masuk) setiap kali Anda menginginkan poin-poin baru
Tip cepat. mengklik SHIFT-ENTER membuat jeda baris, yang berguna dalam daftar poin, karena Anda dapat menjatuhkan satu baris tanpa membuat poin baru
- Ini adalah judul poin pertama saya
Saya mengatakan sedikit tentang ini di bawahnya dengan menekan SHIFT-ENTER - Sekarang saya memiliki poin kedua saya
Sedikit tentang ini
Untuk menghentikan daftar, tekan saja kembali dua kali setelah baris terakhir. Atau tekan ikon untuk kedua kalinya. WordPress akan kembali ke paragraf normal
Desainer atau tema situs web Anda mungkin telah menggunakan CSS untuk memberi gaya pada daftar. Anda tidak selalu dapat mengubah gaya di dalam layar edit WordPress
Ikon ini adalah daftar nomor, yang disebut daftar berurut. Gunakan dengan cara yang sama seperti daftar poin-poin di atas, kecuali daftar tersebut akan diberi nomor
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
Tata letak paragraf dan judul diatur dalam lembar gaya, membuat tombol penyelarasan ini bertindak agak tidak menentu
Saya cenderung membiarkan stylesheet mengatur paragraf saya, tetapi jika saya menambahkan gambar, saya menyelaraskannya di dalam editor WordPress
Klik satu baris teks, lalu klik alat perataan—perataan berlaku untuk seluruh paragraf
Cukup sering, paragraf berikutnya mengikuti perataan paragraf di atas. Biasanya, itu terjadi ketika jeda baris telah digunakan sebagai pengganti 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 – baik teks maupun gambar dapat ditautkan ke halaman, pos, atau situs web eksternal
Untuk menautkan teks di WordPress, pastikan untuk menyorot teks terlebih dahulu
Tip cepat. Klik dua kali satu kata untuk menyorot seluruh kata. Tahan shift dan klik kata kedua untuk menyorotnya juga
Sekarang klik ikon tautan Anda
Jika Anda menautkan ke halaman/posting di situs Anda, mulailah mengetik judul
NB. ketik TITLE halaman, bukan slug
Edit judul halaman WordPress
Setelah Anda menemukan halaman dalam daftar, tekan panah 'kembali' berwarna biru di ujung bidang untuk menerapkannya
Untuk menyesuaikan tautan lebih lanjut, klik ikon roda gigi di ujung bidang sebelum mengklik terapkan
Ikon roda gigi membuka kotak yang berisi PILIHAN TAUTAN – 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
Tip cepat. Di WordPress versi terbaru, Anda bahkan tidak perlu menekan ikon tautan saat menautkan teks. Salin tautan ke clipboard Anda, sorot teksnya 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 MENGEDIT tautan, 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
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 memasukkan teks ke 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 baris, klik teks di baris atau paragraf dan gunakan menu drop-down untuk memilih paragraf, heading 1, atau heading 2
Tema menetapkan gaya untuk judul dan paragraf, yang membuat desain situs web tetap konsisten.
Gunakan tag yang benar untuk judul, dan desain akan berlanjut melalui situs web
Apa itu SEO menulis?
Lebih banyak alat pemformatan 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
Alat perataan teks akan membuat paragraf yang dibenarkan. Spasi disesuaikan antara huruf dan kata sehingga teks menjadi rata dengan margin kanan dan margin kiri. Juga dikenal sebagai pembenaran penuh atau pembenaran penuh dan bagus untuk teks dalam kolom
Sebagai perancang web WordPress, saya sarankan Anda menggunakan ikon ini dengan hati-hati. Tombol mengubah warna teks. Saya telah melihat klien membuat kalimat yang cerah dan penuh warna yang bertujuan untuk menarik perhatian. Itu tidak terlihat bagus. Jaga agar teks tetap seragam
Mengapa ada ikon 'tempel sebagai teks' di WordPress? . Tempel ke halaman WordPress, dan Anda menempelkan formatnya. Halaman tersebut akhirnya tampak buruk karena kode berada di posisi yang tidak membantu
Jadi lain kali Anda menyalin dan menempel, salin; . Kemudian format dalam WordPress
Jika Anda menemukan teks Anda di semua tempat pada halaman, sering kali itu adalah pemformatan. 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 menambahkan karakter khusus, seperti akut, kuburan, dan sirkumfleks. Berguna jika Anda membuat halaman multibahasa
Ini adalah ikon indentasi. Dengan menggunakannya, Anda dapat menambah atau mengurangi lekukan paragraf atau heading
Dan terakhir, ikon undo/redo. Yang di sebelah kiri adalah untuk membatalkan dan sangat berguna. Warnanya lebih gelap abu-abu pada gambar ini karena ada langkah undo yang bisa saya lakukan. Tombol ulang dinonaktifkan – tidak ada yang dapat saya 'ulangi' saat ini. Untuk mengulang, Anda harus membatalkan sesuatu terlebih dahulu
Simpan halaman WordPress
Ketika Anda membuat perubahan besar pada halaman atau posting WordPress Anda, klik tombol UPDATE untuk menyimpan halaman tersebut. Ini memperbarui halaman yang menghadap publik. Selalu segarkan halaman Anda saat melihat perubahan di bagian depan untuk memeriksa pekerjaan Anda
Penyimpanan otomatis dan revisi di WordPress
WordPress sering menyimpan draf halaman secara otomatis
Revisi halaman Anda dapat ditarik kembali, menggunakan tautan revisi. Itu ditemukan dalam pengaturan POST. Jika pengaturan pos ditutup tekan roda gigi, kanan atas untuk membukanya. Kemudian tekan tab Halaman (atau tab Posting tergantung pada apa yang sedang 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 umur halaman. Semakin jauh Anda mengambil penggeser, semakin tua usia revisi halaman
- WordPress menyoroti perubahan yang telah dilakukan, membandingkan postingan terbaru dengan postingan yang Anda pilih di timeline
- Untuk mengambil versi terbaru, pindahkan penggeser ke kanan
Mengedit permalink di WordPress
Permalinks – juga dikenal sebagai slugs – membuat URL halaman web di WordPress. Tautan ke halaman dapat terputus saat Anda mengedit permalink, jadi harap edit dengan hati-hati
Jika Anda akan mengubah dan mengedit permalink, saya sarankan menggunakan plugin redirect seperti Redirection
Tip cepat. Jika Anda telah mengubah permalink tanpa sengaja dan tidak dapat mengingat URL aslinya, cari halaman tersebut menggunakan Google. Cari nama perusahaan dan topiknya. Anda akan melihat URL asli terdaftar. Ubah permalink ke aslinya
Kata terakhir
WordPress bisa membuat frustasi jika Anda tidak mengerti apa yang sedang Anda kerjakan. Saya yakin petunjuk ini akan membantu Anda;