{"id":12377963,"date":"2026-03-19T15:36:02","date_gmt":"2026-03-19T07:36:02","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e6%8e%8c%e6%8f%a1-tailwind-css%ef%bc%9a%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e5%ae%9e%e6%88%98%e7%9a%84%e5%ae%9e%e7%94%a8%e6%8c%87%e5%8d%97\/"},"modified":"2026-03-19T15:46:23","modified_gmt":"2026-03-19T07:46:23","slug":"master-tailwind-css-from-beginner-to-practical-guide-2026","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/id\/knowledge\/website-building\/master-tailwind-css-from-beginner-to-practical-guide-2026\/","title":{"rendered":"Menguasai Tailwind CSS: Panduan Praktis Dari Pemula Hingga Penerapan Nyata"},"content":{"rendered":"

Dalam bidang pengembangan web modern, kerangka kerja CSS yang mengutamakan fungsionalitas (praktikalitas) semakin menjadi tren utama. Tailwind CSS<\/code> Tidak diragukan lagi, ini merupakan salah satu yang terbaik di antaranya. Alat ini tidak menyediakan komponen UI siap pakai, melainkan memungkinkan pembuatan desain langsung melalui serangkaian kelas utilitas (Utility Classes) yang sangat dapat dikombinasikan dan memiliki tingkat detail yang tinggi. Pendekatan \u201cCSS atomisasi\u201d ini telah mengubah cara pengembang menulis kode gaya (style) secara drastis, dengan memindahkan proses pengambilan keputusan terkait gaya dari file CSS ke dalam template HTML atau JSX, sehingga mencapai efisiensi pengembangan yang sangat tinggi serta konsistensi desain yang lebih baik. Artikel ini bertujuan untuk menyediakan jalur pembelajaran yang lengkap, mulai dari konsep dasar hingga penerapan praktis di proyek nyata, untuk membantu pengembang memulai dengan cepat dan menggunakan alat ini secara efisien. Tailwind CSS<\/code>\u3002<\/p>\n\n\n\n

Konsep inti dan keunggulan Tailwind CSS<\/h2>\n\n\n\n

Untuk memahami Tailwind CSS<\/code> Untuk memahami nilai dari suatu pendekatan tertentu, pertama-tama kita perlu menyingkirkan pola pikir yang terbiasa digunakan dalam CSS tradisional atau pustaka komponen. Inti dari pendekatan ini terletak pada paradigma yang mengutamakan \u201ckelas-kelas yang praktis\u201d (practical classes).<\/p>\n\n\n\n

Work paradigm that prioritizes practical classes.<\/h3>\n\n\n\n

Tailwind CSS<\/code> Terdapat ribuan kelas praktis yang tersedia, dan masing-masing kelas umumnya hanya bertanggung jawab atas satu atribut CSS saja. Misalnya,.text-center<\/code> \\nKorespondensi text-align: center;<\/code>\uff0c.mt-4<\/code> \\nKorespondensi margin-top: 1rem;<\/code>Para pengembang membangun antarmuka pengguna (UI) yang kompleks dengan langsung menggabungkan kelas-kelas tersebut pada elemen HTML, tanpa perlu menulis kode CSS khusus. Pendekatan ini secara signifikan mengurangi jumlah proses \u201csaling bertukar konteks\u201d (context switching), karena Anda tidak perlu lagi bolak-balik antara file HTML dan file CSS.<\/p>\n\n\n\n

Keunggulan yang signifikan dibandingkan dengan metode tradisional:<\/h3>\n\n\n\n

Keunggulan utamanya terletak pada kecepatan pengembangan, konsistensi desain, dan kemudahan pemeliharaan. Dengan menggabungkan kelas-kelas yang praktis, desain prototipe dan iterasi dapat dilakukan dengan cepat, tanpa perlu menciptakan nama kelas untuk setiap elemen baru. Sistem desain yang terintegrasi (seperti skala untuk jarak antar elemen, warna, dan ukuran teks) memastikan konsistensi visual di seluruh proyek. Selain itu, karena gaya (style) ditulis secara inline (tetapi akan dioptimalkan oleh alat pembangunan), Anda tidak akan pernah menemukan kode CSS yang tidak digunakan. Paket produksi akhir hanya akan berisi gaya-gaya yang benar-benar diperlukan, sehingga kinerja aplikasi menjadi lebih optimal.<\/p>\n\n\n\n

Konfigurasi Lingkungan dan Penggunaan Dasar<\/h2>\n\n\n\n

Mulai gunakan. Tailwind CSS<\/code> Langkah pertama adalah mengintegrasikannya ke dalam proyek Anda. Cara yang direkomendasikan secara resmi adalah melalui PostCSS, karena ini merupakan metode integrasi yang paling mulus (tanpa hambatan).<\/p>\n\n

\r\n\t\r\n\t\t\r\n\t\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Asisten\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tAsisten Pembuatan Situs Web WordPress.com.<\/strong>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t99,999% ketersediaan + ketahanan bencana lintas zona, dukungan 24 jam sehari, paket blog gratis untuk membangun situs web.<\/span>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\t\t\t\t
Nama domain gratis selama satu tahun<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\tKunjungi situs web WordPress.com untuk bantuan membangun situs web \u2192<\/a>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t\r\n\t\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Asisten\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tAsisten Pembuatan Situs Web UltaHost.<\/strong>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\tLebih dari 900 template gratis yang dapat disesuaikan, dengan kemampuan SEO yang diperlukan untuk mengoptimalkan eksposur pencarian situs web.<\/span>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\t\t\t\t
Penawaran 40%<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\tKunjungi Asisten Pembuatan Situs Web UltaHost \u2192<\/a>\r\n\t\t\t\t\t\t\t<\/div> \r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\t\r\n<\/div>\r\n\r\n\r\n\n\n\n\n\n\n\n

Menginstal dan mengonfigurasi menggunakan PostCSS<\/h3>\n\n\n\n

Pertama-tama, instal menggunakan npm atau yarn. Tailwind CSS<\/code> Dan dependensinya. File konfigurasi inti adalah\u2026 tailwind.config.js<\/code>Anda dapat melakukannya melalui\u2026 npx tailwindcss init<\/code> Buatlah file tersebut menggunakan perintah yang disediakan. File ini berisi semua pengaturan yang Anda buat sendiri, seperti tema, warna, jarak antar elemen, plugin, dan lainnya. Selain itu, Anda juga perlu mengatur file CSS utama proyek Anda (misalnya, file yang digunakan untuk mendefinisikan gaya tampilan keseluruhan aplikasi). src\/styles.css<\/code>Diperkenalkan dalam (\u2026) Tailwind<\/code> Instruksi tersebut.<\/p>\n\n\n\n

\/* src\/styles.css *\/\n@tailwind base;\n@tailwind components;\n@tailwind utilities;<\/code><\/pre>\n\n\n\n
Kemudian, konfigurasikan alat pembangunan (seperti Vite, Webpack) untuk memproses file CSS tersebut.Tailwind<\/code> Plugin PostCSS tersebut akan mengganti instruksi-instruksi tersebut dengan kelas-kelas praktis yang dihasilkan.<\/p>\n\n\n\n
Memahami dan menyesuaikan desain token (design tokens)<\/h3>\n\n\n\n
Tailwind CSS<\/code> Sistem desain tersebut dijalankan oleh serangkaian \u201ctoken desain\u201d, seperti warna, ukuran font, dan proporsi jarak antar elemen. tailwind.config.js<\/code> Di dalamnya, Anda dapat dengan mudah memperluas atau mengganti nilai-nilai default tersebut. Misalnya, Anda dapat menambahkan warna khas merek, atau mengubah proporsi jarak (spacing) yang sudah ditentukan agar sesuai dengan standar desain proyek Anda. Keterbatasan yang dapat disesuaikan ini memastikan bahwa\u2026 Tailwind<\/code> Dapat disesuaikan dengan desain apa pun, bukan hanya tampilan default-nya saja.<\/p>\n\n\n\n
Kombinasi Kelas Praktis dan Desain Responsif<\/h2>\n\n\n\n
Menguasai penggunaannya dengan mahir Tailwind CSS<\/code> Kuncinya terletak pada pemahaman terhadap aturan penamaan kelas dan prefiks desain responsif (responsive design).<\/p>\n\n\n\n
Kombinasi nama kelas untuk komponen yang kompleks<\/h3>\n\n\n\n
Dengan menggabungkan beberapa kelas praktis pada satu elemen, Anda dapat membuat gaya tampilan yang sekompleks apa pun. Misalnya, untuk membuat sebuah tombol biru yang terletak di tengah layar:<\/p>\n\n\n\n
<button class="px-4 py-2 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">\n  \u70b9\u51fb\u6211\n<\/button><\/code><\/pre>\n\n\n\n
Di sini dikombinasikan gaya untuk padding (jarak antar elemen), warna latar belakang, warna teks, ketebalan huruf, sudut bulat, serta kondisi saat mouse diarahkan ke elemen (hover) dan saat elemen menjadi fokus (focus). Anda juga dapat menggunakan fitur-fitur tersebut sesuai kebutuhan. @layer<\/code> Instruksi dan\u2026 @apply<\/code> Aturan dalam CSS berfungsi untuk mengekstrak kombinasi kelas praktis yang berulang, sehingga dapat dibuat kelas komponen khusus. Namun, hal ini umumnya disarankan hanya digunakan ketika benar-benar terdapat banyak pengulangan, agar prinsip \u201ckelas praktis yang diutamakan\u201d tetap terjaga dan kode tetap ringkas.<\/p>\n\n\n\n
Mengimplementasikan tata letak responsif yang mengutamakan penggunaan perangkat seluler<\/h3>\n\n\n\n
Tailwind CSS<\/code> Menggunakan sistem titik henti (breakpoint) yang mengutamakan penggunaan perangkat seluler. Titik henti default yang tersedia adalah: sm<\/code>\u3001md<\/code>\u3001lg<\/code>\u3001xl<\/code>\u30012xl<\/code>Dengan menambahkan prefiks \u201cbreakpoint\u201d di depan nama kelas praktis (utility classes), Anda dapat dengan mudah membuat antarmuka yang responsif. Misalnya,text-sm md:text-lg<\/code> Ini menunjukkan bahwa tampilan teks dengan ukuran huruf kecil digunakan pada perangkat seluler, sedangkan tampilan teks dengan ukuran huruf besar digunakan pada layar berukuran sedang dan lebih besar. Hal ini berkaitan dengan penataan tampilan (layout) aplikasi atau situs web.flex flex-col md:flex-row<\/code> Pemilihan tata letak (layout) dapat dengan mudah diubah antara susunan vertikal di perangkat seluler dan susunan horizontal di perangkat desktop.<\/p>\n\n\n\n
Fitur Tingkat Lanjut dan Penerapan Praktis dalam Proyek<\/h2>\n\n\n\n
Setelah memahami dasar-dasarnya,Tailwind CSS<\/code> Beberapa fitur tingkat lanjut dari produk tersebut dapat memperkuat kemampuan Anda, sehingga Anda dapat memberikan kontribusi yang lebih besar dalam proyek-proyek nyata.<\/p>\n\n\n  
\n\n      
\n        Asisten Pembuatan Situs Web Bluehost.<\/strong>\n        
Menyediakan alat pembuatan situs web AI, obrolan online dan dukungan telepon 24\/7, nama domain gratis selama setahun, CDN gratis, dan SLA waktu operasional 99,99%.<\/div>\n      <\/div>\n\n      
\n                  \n                          \n              \"Logo\n                      <\/a>\n          \n        \n          Kunjungi Bluehost.        <\/a>\n      <\/div>\n    <\/div>\n\n    \n\n\n\n\n\n\n
Meningkatkan efisiensi dengan menggunakan instruksi dan fungsi<\/h3>\n\n\n\n
Tailwind CSS<\/code> Beberapa instruksi CSS yang kuat telah disediakan. Selain yang telah disebutkan sebelumnya\u2026 @apply<\/code>Dan juga\u2026 @screen<\/code>(Digunakan untuk membuat kueri media khusus\/berdasarkan kebutuhan) theme()<\/code> Fungsi ini digunakan untuk mengakses token desain Anda dalam CSS kustom. Misalnya, Anda dapat menggunakannya dalam CSS kustom seperti berikut:color: theme(\u2018colors.blue.500\u2019);<\/code>Ini memastikan bahwa gaya kustom Anda sesuai dengan\u2026 Tailwind<\/code> Desain sistem tersebut harus konsisten.<\/p>\n\n\n\n
Best Practices in Frameworks like React\/Vue<\/h3>\n\n\n\n
Dalam kerangka kerja front-end modern,Tailwind CSS<\/code> Penggunaan gaya (yaitu string nama kelas) sebaiknya dilakukan di dalam template\/JSX, sebisa mungkin, daripada disatukan menggunakan logika kondisional. Untuk kelas yang memerlukan penilaian kondisional, Anda dapat menggunakan alat seperti\u2026 clsx<\/code> \u6216 classnames<\/code> Pustaka alat seperti ini digunakan untuk menjaga kode tetap rapi dan teratur. Pada saat yang sama, perlu dihindari terlalu banyak abstraksi. Sebuah komponen hanya sebaiknya diabstraksikan menjadi komponen framework (seperti komponen React atau Vue) ketika serangkaian gaya tampilan benar-benar konsisten di berbagai tempat dan secara logis merupakan sebuah \u201ckomponen\u201d yang utuh, bukan terlalu dini. @apply<\/code> Membuat kelas komponen CSS.<\/p>\n\n\n\n
Strategi Optimisasi Lingkungan Produksi<\/h3>\n\n\n\n
Tailwind CSS<\/code> Dalam mode pengembangan, tabel gaya yang lengkap akan dihasilkan. Namun, saat proses pembangunan (build) untuk produksi, alat tersebut akan menganalisis file-file proyek Anda (seperti HTML, JSX, komponen Vue) dan melakukan \u201coptimisasi berbasis analisis kode\u201d (tree shaking optimization), sehingga hanya kelas-kelas yang benar-benar digunakan saja yang akan disimpan, sehingga menghasilkan file CSS yang sangat ringan. Anda perlu mengonfigurasikannya dengan benar. tailwind.config.js<\/code> \\nDi dalamnya content<\/code> Pilih opsi untuk menentukan semua path file sumber yang mengandung nama kelas, agar proses optimisasi berjalan dengan benar dan akurat.<\/p>\n\n\n\n
Menyimpulkan.<\/h2>\n\n\n\n
Tailwind CSS<\/code> Bukan hanya sebuah kerangka kerja CSS, tetapi juga mewakili sebuah metodologi pengembangan gaya (style) yang efisien dan mudah dipelihara. Dengan paradigma yang mengutamakan penggunaan kelas praktis (practical classes), para pengembang dapat dengan cepat membuat antarmuka pengguna yang konsisten dan responsif. Mulai dari desain prototipe yang cepat hingga proyek produksi skala besar.Tailwind CSS<\/code> Dengan kemampuan konfigurasi yang kuat, sistem desain yang terintegrasi, serta optimisasi produksi yang luar biasa, alat CSS ini membuktikan nilainya sebagai pilihan utama untuk pengembangan web modern. Menguasainya berarti Anda akan memiliki alur kerja pengembangan gaya (style) yang lebih lancar dan kode antarmuka pengguna (UI) yang lebih dapat diprediksi.<\/p>\n\n\n\n
FAQ - Pertanyaan yang Sering Diajukan.<\/h2>\n\n\n\n
Apakah penggunaan Tailwind CSS akan membuat kode HTML terlihat sangat berlebihan (atau \u201cbengkak\u201d)?<\/h3>\n\n\n\n
Ini memang merupakan kesan pertama yang umum terjadi. Peningkatan jumlah nama kelas dapat menyebabkan baris-baris kode HTML menjadi lebih panjang, tetapi ini merupakan konsekuensi dari penggunaan logika penampilan (style logic) yang lebih eksplisit dan lokal. Dibandingkan dengan mendefinisikan nama kelas abstrak dalam file CSS lalu menggunakannya di dalam HTML, pendekatan pertama umumnya memiliki tingkat kebacaan dan kemudahan pemeliharaan yang lebih tinggi, terutama dalam kerja sama tim. Anda dapat menggunakan alat pemformatan kode, mengelompokkan daftar nama kelas yang panjang secara logis, atau melakukan abstraksi pada komponen-komponen yang benar-benar berulang pada tingkat framework untuk mengatasi masalah ini.<\/p>\n\n\n\n
Bagaimana cara menyalin atau mengatur ulang gaya (style) komponen pihak ketiga menggunakan Tailwind CSS?<\/h3>\n\n\n\n
Praktik terbaik adalah dengan menggunakan\u2026 Tailwind CSS<\/code> Spesifik manajemen dan kelas-kelas praktis tersebut dapat digunakan untuk mengatur tampilan elemen-elemen web. Anda dapat menutupi efek dari kelas-kelas praktis ini dengan menambah jumlah kelas praktis atau menggunakan selektor yang lebih spesifik (dengan menambahkan kata kunci tertentu setelah nama kelas). Jika komponen pihak ketiga menyediakan titik injeksi untuk nama kelas, cukup serahkan kelas praktis Anda langsung ke komponen tersebut. Jika gaya tampilan didefinisikan secara inline atau menggunakan CSS dengan selektor yang lebih spesifik, Anda mungkin perlu menyesuaikan kode Anda agar sesuai dengan kebutuhan tersebut. tailwind.config.js<\/code> Melalui important<\/code> Opsi atau penggunaannya\u2026 !important<\/code> Modifier (seperti) !text-red-500<\/code>) untuk memaksa penggantian (overwriting) tersebut, tetapi ini seharusnya hanya digunakan sebagai upaya terakhir.<\/p>\n\n\n  
\n\n      
\n        hosting.com<\/strong>\n        
SSL gratis, Cloudflare CDN, WAF, 40+ pusat data global yang dapat dipilih, latensi lebih rendah di dekat lokasi Anda, dukungan layanan 24\/7\/365, sekarang Anda dapat menghemat biaya hingga 67%, serta dukungan untuk pengembangan AI dan optimisasi SEO.<\/div>\n      <\/div>\n\n      
\n                  \n                          \n              \"\n              \n              \n                      <\/a>\n          \n        \n          Kunjungi hosting.com.        <\/a>\n      <\/div>\n    <\/div>\n\n    \n\n\n\n\n\n\n
Dalam proyek tim, bagaimana memastikan konsistensi penggunaan nama kelas Tailwind?<\/h3>\n\n\n\n
Membangun kesepakatan tim dan memanfaatkan alat-alat yang tepat merupakan hal yang sangat penting. Anda dapat membuat standar kode, misalnya aturan penamaan kelas (disarankan untuk menggunakan plugin Prettier). prettier-plugin-tailwindcss<\/code> Pengurutan otomatis, kapan suatu komponen perlu diabstraksikan, dan sebagainya. Dengan menggunakan komponen yang dapat digunakan bersama-sama (shared components). tailwind.config.js<\/code> File tersebut digunakan untuk mendesain token secara seragam (warna, jarak, dll.). Selain itu, proses peninjauan kode (Code Review) merupakan tahap penting untuk memastikan konsistensi dan berbagi praktik terbaik.<\/p>\n\n\n\n
Bisakah Tailwind CSS berdampingan dengan kode CSS tradisional yang digunakan dalam proyek-proyek lama?<\/h3>\n\n\n\n
Tentu saja.Tailwind CSS<\/code> Integrasi dapat dilakukan secara bertahap ke dalam proyek yang sudah ada. Anda dapat mulai menggunakannya pada fitur atau halaman baru dalam proyek tersebut. Tailwind<\/code>Dan Anda tidak perlu menulis ulang gaya (style) yang lama. Cukup pastikan bahwa PostCSS dan proses pengolahan (processing) telah dikonfigurasi dengan benar.Tailwind<\/code> Kelas-kelas praktis yang dihasilkan akan berjalan bersamaan dengan kode CSS yang sudah ada. Perhatikan kemungkinan terjadinya konflik gaya (style conflicts), dan atasilah dengan menyesuaikan urutan pembangunan (build order) atau tingkat spesifisitas kode CSS tersebut.<\/p>","protected":false},"excerpt":{"rendered":"
Artikel ini secara sistematis memperkenalkan Tailwind CSS, sebuah kerangka kerja CSS yang berfokus pada praktikalitas dan prioritas penggunaan. Tailwind CSS membangun antarmuka pengguna (UI) langsung melalui kelas-kelas praktis dengan tingkat detail yang tinggi, sehingga mengubah cara konvensional dalam penulisan gaya (style) sebuah situs web. Artikel ini mencakup konsep-konsep inti Tailwind CSS, keunggulannya, langkah-langkah konfigurasi lingkungan pengembangan, serta penjelasan rinci tentang cara menggabungkan kelas-kelas praktis tersebut untuk menciptakan desain responsif yang mengutamakan pengalaman pengguna di perangkat seluler. Artikel ini memberikan jalur pembelajaran yang efisien bagi para pengembang.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"knowledge_category":[281],"class_list":["post-12377963","knowledge_post","type-knowledge_post","status-publish","hentry","knowledge_category-website-building"],"acf":{"site_seo_keywords":"Tailwind CSS,\u5b9e\u7528\u7c7b\u4f18\u5148,\u539f\u5b50\u5316 CSS,\u54cd\u5e94\u5f0f\u8bbe\u8ba1,Web \u5f00\u53d1,\u524d\u7aef\u6846\u67b6,\u4ece\u5165\u95e8\u5230\u5b9e\u6218,Tailwind \u73af\u5883\u914d\u7f6e"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/knowledge_posts\/12377963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/knowledge_posts"}],"about":[{"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/types\/knowledge_post"}],"author":[{"embeddable":true,"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":0,"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/knowledge_posts\/12377963\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/media?parent=12377963"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/tags?post=12377963"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/id\/wp-json\/wp\/v2\/knowledge_category?post=12377963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}