| Istilah | Arti |
|---|---|
| WordPress | Sistem pembuat website yang dibahas di video ini sebagai tempat halaman dan blog post dibangun dengan bantuan Claude Code. |
| Claude Code | Asisten coding dari Claude yang dipakai pembicara sebagai engineer untuk mengubah halaman dan mengirim konten langsung ke WordPress. |
| Elementor | Plugin page builder untuk WordPress yang dipakai untuk membuat halaman yang bisa diedit dengan drag and drop oleh tim atau klien. |
| Gutenberg | Editor bawaan WordPress untuk menyusun blok konten, yang dipakai video ini sebagai pembanding untuk blog post yang bisa diedit. |
| design system | Kumpulan warna, font, tombol, dan spasi yang diambil dari screenshot situs lama agar semua halaman memiliki gaya yang sama. |
| blog posts | Artikel di website yang dibuat dua kali dalam video ini, satu dengan Elementor dan satu dengan Gutenberg, untuk dibandingkan hasilnya. |
| SEO | Upaya membuat halaman tampil lebih tinggi di hasil pencarian Google, yang dibahas video ini lewat tone, humor, dan tautan internal. |
| Antigravity | Workspace coding dari Google tempat plugin Claude Code dipasang, dan pembicara menyebut VS Code sebagai alternatif setelah aksesnya dicabut. |
| navigation bar | Bilah menu di bagian atas halaman yang dibuat ulang dengan brand kit agar sesuai dengan seluruh situs. |
| footer | Bagian bawah halaman yang dibuat ulang bersama navigation bar agar tampilannya seragam di semua halaman website. |
| hosting | Layanan penyedia server tempat website WordPress disimpan agar bisa diakses publik, misalnya SiteGround atau Hostinger yang disebut video. |
| edit | Kemampuan mengubah teks dan blok pada halaman, yang di video dibedakan antara halaman PHP kustom dan halaman Elementor atau Gutenberg. |
Video dari kanal Jono Catliff ini membahas cara membuat website WordPress dengan bantuan Claude Code. Pembicara mengingat masa ketika membuat website WordPress terasa sangat sulit, lalu membandingkannya dengan proses sekarang yang menurutnya bisa selesai dalam 10 sampai 20 menit. Ia memperkirakan pekerjaan yang sama dulu butuh 5 sampai 10 jam. Video ini menarik bagi pemula maupun desainer yang ingin mempercepat pembuatan website sambil mempertahankan gaya visual situs lama. Pembicara juga menjelaskan dua pendekatan yang punya kelebihan dan kekurangan masing-masing, yaitu halaman PHP kustom dan halaman yang bisa diedit di Elementor atau Gutenberg.
Langkah pertama adalah membuat design system di Claude Design dengan mengunggah screenshot situs lama, lalu membuat prototipe halaman yang meminta layout dari gambar referensi di situs desain Dribbble. Claude Code dipasang sebagai plugin di Antigravity, lalu terhubung ke WordPress lewat plugin gratis dan application password. Halaman PHP kustom yang dihasilkan tampil persis seperti desain, tetapi perubahan hanya bisa dilakukan lewat Claude Code, misalnya dengan mengganti judul menjadi apples and oranges sebagai contoh. Untuk versi yang bisa diedit, tema diganti ke Hello, lalu Elementor, navigation bar, dan footer dipasang. Dua blog post dibuat: versi Gutenberg dinilai sekitar 7 sampai 8 dari 10, sedangkan versi Elementor sekitar 4 sampai 5. Terakhir, pembicara membuat file humor dan menambahkan on-page SEO berupa internal dan eksternal link. Di akhir, ia mengajak penonton bergabung ke komunitasnya dan menawarkan layanan agensinya.
Kata kunci
- WordPress
- Claude Code
- Elementor
- Gutenberg
- Membangun website WordPress yang indah dengan Claude Code dalam 10 sampai 20 menit, pekerjaan yang dulu butuh berjam-jam, mulai dari membuat akun hosting.
- Memakai ruang kerja coding dengan Claude Code sebagai senior engineer, membangun halaman dengan design system, Elementor, navigation bar, dan footer, lalu merevisi dengan instruksi biasa.
- Mengotomatiskan blog post di Gutenberg termasuk SEO halaman.
Tulis catatan pribadimu untuk video ini. Catatan tersimpan di akunmu dan bisa dibuka dari perangkat mana pun.