Anda dapat menambahkan blok dengan HTML khusus ke situs web WordPress Anda

1. Buka editor blok (Perlu bantuan membuka editor blok?)
2. Pilih Tambahkan blok
3. Pilih HTML Khusus dari bagian Pemformatan
4. Rekatkan cuplikan kode HTML Anda ke bidang yang tersedia
5. Anda dapat mempratinjau kode dengan memilih tab Pratinjau

Catatan. Harap ingat untuk memperbarui halaman atau posting Anda setelah mengedit

Langkah-langkah terkait

Info lebih lanjut

Salah satu hal terbaik tentang WordPress adalah betapa mudahnya menggunakannya, bahkan untuk pemula. Anda pada dasarnya dapat membuat situs web fungsional tanpa pengetahuan teknis apa pun. Namun, begitu Anda terbiasa dengan platformnya, menambahkan HTML ke WordPress adalah cara terbaik untuk mendapatkan kontrol lebih besar atas situs Anda

HTML adalah salah satu blok bangunan utama yang diandalkan setiap situs WordPress. Bahkan dengan pemahaman dasar tentang HTML, Anda dapat membuat berbagai penyesuaian pada tampilan dan tindakan halaman Anda. Selain itu, meskipun Anda belum pernah menyentuh sebaris kode pun sebelumnya, bahasa ini cukup mudah dipelajari dan digunakan

Dalam panduan ramah pemula ini, kami akan menjelaskan apa itu HTML dan cara kerjanya. Kemudian kami akan menunjukkan kepada Anda beberapa contoh tentang apa yang dapat dilakukan dengan menambahkan HTML ke WordPress, dan mengarahkan Anda ke beberapa tempat di mana Anda dapat mempelajari lebih lanjut. Ayo mulai bekerja

Lihat panduan ramah pemula ini untuk menambahkan #HTML ke #WordPress

Klik Untuk Menge-Tweet

Apa itu HTML (dan mengapa itu penting)

Bahkan jika Anda bukan pengembang web, kemungkinan besar Anda setidaknya pernah mendengar tentang HTML – ini identik dengan membuat situs web. Namun, HTML bukanlah bahasa pemrograman seperti JavaScript atau Python. Alat pengkodean tersebut digunakan untuk membangun program dari bawah ke atas, dan lebih kompleks. Sebaliknya, HTML adalah apa yang disebut 'bahasa markup'

Singkatnya, ini dirancang untuk memengaruhi konten seperti teks dan gambar. Ini digunakan untuk menganotasi (atau menandai) konten dengan menambahkan instruksi tentang bagaimana seharusnya ditampilkan. Karena alasan ini, HTML lebih mudah digunakan dan dipahami

Jika Anda ingin melihat seperti apa HTML sebenarnya, yang perlu Anda lakukan hanyalah membuka postingan atau halaman WordPress. Kemudian, alihkan ke tab Teks editor

Ini mungkin terlihat seperti omong kosong pada awalnya. Namun, perhatikan baik-baik dan Anda akan melihat bahwa semua konten Anda masih ada. Teks ditulis apa adanya, tetapi yang lainnya adalah HTML yang mengontrol pemformatan, tampilan, tata letak konten Anda, dan lainnya

Bagaimana menambahkan HTML ke WordPress bekerja (beberapa contoh dasar)

Pada titik ini, Anda mungkin siap untuk melihat seperti apa menambahkan HTML ke WordPress dalam praktiknya. Mari telusuri beberapa contoh dasar, sehingga Anda dapat merasakan bagaimana sebenarnya bahasa markup ini bekerja

Katakanlah Anda sedang menulis posting blog untuk situs WordPress Anda, dan ini tentang lima ras anjing favorit Anda. Oleh karena itu, Anda ingin memperkenalkan setiap ras sebagai bagian baru, dengan tajuk yang menonjol dari teks lainnya

Seperti yang Anda ketahui, Anda dapat melakukan ini di WordPress dengan memilih salah satu opsi dari menu drop-down heading

Namun, Anda juga dapat melakukannya dengan HTML. Di tab Teks, temukan teks yang ingin Anda ubah menjadi judul. Lalu, cukup tambahkan tag judul di awal dan akhir, seperti ini

These

tags tell WordPress to turn the text they enclose into a ‘level-1’ heading. The slash in the second tag indicates where the heading should end. You can also replace the 1 with a different number, in order to customize which level of heading is used.

Cara lain untuk menggunakan HTML untuk pemformatan

Ada tag dasar serupa untuk semua jenis pemformatan umum (dan banyak yang tidak umum) yang mungkin ingin Anda terapkan pada teks Anda. Misalnya, Anda ingin membuat miring kata "terbaik" dalam kalimat berikut

Menurut pendapat saya, bulldog adalah jenis anjing terbaik

To do this, you’d need to use the emphasis () tags:

In my opinion, greyhounds are the <em>best</em> kind of dog.

If you wanted to make the word bold instead, you’d use tags:

In my opinion, greyhounds are the <strong>best</strong> kind of dog._

Tentu saja, Anda juga dapat menggabungkan tag HTML jika Anda mau. Misalnya, jika Anda ingin memberi banyak penekanan pada kata dengan huruf tebal dan miring, Anda dapat menggunakan pemformatan berikut

In my opinion, greyhounds are the <strong><em>best</em></strong> kind of dog.

It’s worth noting that the order doesn’t matter here – the tags could be on the outside instead, and you’d get the same effect:

Melalui jenis contoh sederhana ini, Anda dapat mulai melihat cara kerja HTML. Anda menggunakan tag pengantar untuk memberi tahu WordPress (atau platform apa pun yang Anda gunakan) apa yang ingin Anda lakukan. Kemudian, Anda menambahkan tag penutup di bagian akhir untuk memberi tahu kapan harus berhenti. Sebagian besar tag cukup sederhana dan mudah dipahami, meskipun dapat digabungkan dengan berbagai cara

Of course, you can accomplish all these same tasks in the Visual tab of the WordPress editor. However, adding HTML to WordPress lets you include formatting that isn’t easy to add by default, such as highlighting text using the tags or creating tables. With HTML in your tool belt, your options for customizing content are just about endless, and you’re also able to include certain formatting within widgets, and other areas away from the WordPress editor.

Area lain di mana menambahkan HTML ke WordPress sangat membantu

Selain menggunakan HTML untuk memanipulasi pemformatan, Anda juga dapat menggunakannya untuk mengontrol bagaimana bagian tertentu dari fungsi konten Anda. Misalnya, satu tindakan umum yang mungkin ingin Anda lakukan adalah menambahkan tag nofollow ke tautan Anda. Berbeda dengan contoh yang kami tunjukkan di atas, tidak ada opsi untuk melakukan ini di editor

Sebagai gantinya, Anda harus menambahkan tag rel="nofollow" secara manual ke tautan Anda menggunakan HTML. Misalnya

<a href="http://example.com/post">anchor text</a>_

Menjadi

<a href="http://example.com/post" rel="nofollow">anchor text</a>

Saat Anda menjadi lebih terbiasa dengan HTML, Anda akan menemukan area lain di mana HTML memungkinkan Anda melampaui editor WordPress biasa

Cara mempelajari lebih lanjut tentang HTML

Jika Anda telah mengikuti, Anda telah mempelajari beberapa dasar utama tentang cara kerja HTML. Anda dapat melangkah lebih jauh hanya dengan melakukan beberapa pencarian Google untuk menemukan tag yang Anda butuhkan, dan menambahkan HTML ke konten WordPress sesuai kebutuhan

Namun, ada lebih banyak bahasa markup ini daripada yang terlihat. Jika Anda benar-benar ingin mahir dengan HTML, ada baiknya meluangkan waktu untuk mempelajari semua seluk beluknya

Berikut adalah beberapa tempat yang solid untuk mulai belajar lebih banyak

• W3Sekolah. Jika Anda tipe orang yang aktif, Tutorial HTML5 ini mungkin yang Anda butuhkan. Ini akan memandu Anda melalui semua yang perlu Anda ketahui tentang versi HTML terbaru, memungkinkan Anda berlatih menggunakan tag sendiri di setiap langkah
• Codecademy. Jika Anda menginginkan pendekatan yang lebih menyeluruh seperti kursus untuk mempelajari HTML, Codecademy menawarkan program yang sangat komprehensif. Anda bahkan akan menyelesaikan dua proyek terstruktur, untuk memberi Anda gambaran praktis tentang bahasa tersebut
• Udemy. Situs web ini menawarkan banyak kursus tentang HTML, sehingga Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan dan tingkat keahlian Anda. Untuk memulai, kami sarankan untuk melihat Pengantar HTML Dasar & CSS untuk Pengguna WordPress

Seperti keterampilan teknis lainnya, cara terbaik untuk mempelajari HTML secara menyeluruh adalah dengan sering berlatih menggunakannya. Setelah menggunakannya untuk menyusun beberapa posting dan halaman baru, Anda akan menemukan bahwa menambahkan HTML ke WordPress sudah menjadi kebiasaan

Kesimpulan

Mudah untuk berasumsi bahwa bahasa seperti HTML itu membingungkan dan rumit – hanya dapat dipahami oleh pembuat kode yang berpengalaman. Namun, seperti yang telah kita lihat, bahasa markup ini sangat lugas dan ramah bagi pendatang baru

Lihat panduan ramah pemula ini untuk menambahkan #HTML ke #WordPress

Klik Untuk Menge-Tweet

Memahami HTML bermuara pada pemahaman konsep tag, dan bagaimana mereka digunakan untuk mengelilingi bagian konten Anda yang ingin Anda pengaruhi. Setelah Anda memilikinya, Anda dapat mulai mempelajari lebih banyak tag dan bereksperimen dengan menambahkan HTML ke WordPress. Dengan bantuan tutorial praktis dan kursus khusus, Anda akan segera menguasai HTML

Apakah Anda memiliki pertanyaan tentang cara menggunakan HTML di konten WordPress Anda?