Cara Mengedit HTML di WordPress dengan Langkah Mudah

BERNAS – Bagi kamu yang ingin mengkustomisasi tampilan atau fungsi dari situs, memahami cara mengedit HTML di WordPress menjadi salah satu keterampilan dasar yang sangat berguna.

Dengan kemampuan ini, kamu bisa mengatur konten, desain, bahkan menyisipkan elemen khusus tanpa harus bergantung pada tema sepenuhnya.

Tidak hanya bagi web developer, namun pemilik bisnis, blogger, maupun pelajar juga seringkali membutuhkan pengetahuan ini.

Mengedit HTML di WordPress bisa dilakukan dengan cepat, asalkan kamu tahu cara mengakses dan memahami struktur HTML di platform ini.

Di artikel ini, kamu akan mempelajari langkah-langkahnya secara praktis dan aman.

Selain itu, akan kami sisipkan juga informasi menarik seperti peluang beasiswa, sertifikasi IT, serta jurusan yang bisa kamu pilih jika ingin memperdalam dunia teknologi informasi secara formal.

Mengapa Perlu Mengedit HTML di WordPress?

Sebelum membahas langkah-langkah teknisnya, penting untuk memahami alasan di balik pengeditan HTML di WordPress.

Tidak semua fitur visual editor mampu memberikan fleksibilitas desain yang kamu butuhkan.

Dengan menyentuh langsung kode HTML, kamu bisa:

• Menambahkan elemen khusus seperti iframe, table, atau script.
• Mengatur layout konten agar tampil lebih responsif.
• Mengintegrasikan layanan pihak ketiga seperti form, widget, atau banner promosi.

Jika kamu sedang belajar dunia coding atau ingin memperdalam bidang IT, Universitas Mahakarya Asia (UNMAHA) menawarkan berbagai program studi unggulan seperti Teknik Informatika yang sudah terakreditasi dan berbasis praktik industri.

Cara Mengedit HTML di WordPress

Mengedit HTML di WordPress bisa dilakukan dari beberapa tempat tergantung jenis konten yang ingin kamu ubah.

Berikut beberapa cara umum:

1.

Menggunakan Editor Blok (Block Editor)

Jika kamu menggunakan WordPress versi terbaru, maka kemungkinan besar kamu memakai Gutenberg atau Editor Blok.

Untuk mengedit HTML:

• Buka halaman atau postingan yang ingin diubah.
• Klik pada ikon tiga titik (⋮) di kanan atas blok konten.
• Pilih Edit as HTML.
• Lakukan pengeditan sesuai kebutuhan, lalu kembalikan ke tampilan visual jika ingin melihat hasilnya.

Langkah ini cocok untuk pengeditan ringan seperti menyisipkan tautan, menyesuaikan style teks, atau menambahkan tag HTML sederhana.

2.

Melalui Custom HTML Block

Untuk kamu yang ingin menambahkan kode HTML secara mandiri, blok “Custom HTML” adalah fitur yang tepat:

• Tambahkan blok baru pada halaman.
• Pilih Custom HTML dari daftar blok.
• Masukkan kode HTML yang kamu inginkan.
• Klik “Preview” untuk melihat hasil sebelum dipublikasikan.

Bagi kamu yang ingin meningkatkan pemahaman HTML secara profesional, UNMAHA juga menawarkan 24 jenis sertifikasi di bidang IT, seperti Web Development, UI/UX, hingga Cyber Security. Sertifikasi ini sangat membantu untuk memperkuat portofolio dan meningkatkan daya saing di dunia kerja.

Baca juga: Langkah-langkah Membuat Akun WordPress, Gratis dan Mudah

3.

Melalui Editor Kode di Tema

Fitur ini diperuntukkan bagi pengguna tingkat lanjut, tapi tetap bisa kamu coba dengan hati-hati:

• Masuk ke Appearance > Theme File Editor.
• Pilih file yang ingin diubah, seperti `header.php`, `footer.php`, atau `single.php`.
• Lakukan modifikasi dengan pengetahuan HTML dan PHP dasar.

Pastikan kamu selalu membuat backup sebelum mengedit kode tema agar tidak merusak tampilan situs secara permanen.

Transisi ke metode ini sebaiknya dilakukan jika kamu memang sudah memahami struktur file WordPress.

Untuk kamu yang serius ingin mendalami dunia IT dan membangun karier di bidang teknologi, UNMAHA membuka Program Beasiswa Project-Based Learning (PBL).

Kamu bisa belajar sambil mengerjakan proyek nyata, bahkan ada peluang bebas SPP!

Tips Tambahan untuk Mengedit HTML dengan Aman

Agar proses mengedit HTML di WordPress berjalan lancar dan tanpa kendala, kamu perlu memperhatikan beberapa hal berikut:

• Gunakan plugin backup otomatis, seperti UpdraftPlus.
• Cek validitas kode HTML sebelum menyimpan.
• Gunakan mode staging jika tersedia, untuk menghindari gangguan langsung pada situs aktif.

Kalau kamu adalah seorang pelaku UMKM atau pengembang web yang ingin mengembangkan toko online, memanfaatkan strategi digital sangat penting.

Kamu bisa mempertimbangkan AI-Powered SEO sebagai solusi cerdas untuk meningkatkan visibilitas di Google.

Layanan ini membantu bisnis kamu tumbuh dengan strategi konten berbasis AI.

Selain itu, untuk kamu yang ingin mendapatkan penghasilan tambahan sambil belajar, bergabung sebagai reseller laptop Adolo bisa jadi pilihan menarik.

Tanpa perlu modal besar, kamu bisa memasarkan produk berkualitas dari mana saja.

Mengedit HTML di WordPress bukanlah hal yang sulit jika kamu mengetahui langkah-langkahnya dengan baik.

Dari editor blok hingga editor tema, semua bisa kamu manfaatkan sesuai kebutuhan.

Kuncinya adalah memahami dasar HTML dan berhati-hati dalam setiap perubahan.

Jika kamu ingin lebih serius terjun ke dunia IT atau web development, Universitas Mahakarya Asia (UNMAHA) menyediakan pilihan jurusan, beasiswa, dan sertifikasi yang relevan dengan kebutuhan industri saat ini.

Jangan lewatkan kesempatan untuk kuliah sambil berkarier dan berkarya!

Untuk informasi lebih lanjut mengenai pendaftaran mahasiswa baru di UNMAHA, silakan kunjungi PMB UNMAHA.

Dan bila kamu ingin berkonsultasi langsung, hubungi Admin UNMAHA melalui WhatsApp.***

Editor: Mahfida Ustadhatul Umma