{"id":918,"date":"2026-05-21T21:18:43","date_gmt":"2026-05-21T14:18:43","guid":{"rendered":"http:\/\/mawaka.blog\/?page_id=918"},"modified":"2026-05-21T21:22:10","modified_gmt":"2026-05-21T14:22:10","slug":"faq","status":"publish","type":"page","link":"http:\/\/mawaka.blog\/en\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.mb-faq-page {\n  --bg: #f5f5f7;\n  --card: rgba(255, 255, 255, 0.78);\n  --text: #111827;\n  --muted: #64748b;\n  --line: rgba(15, 23, 42, 0.09);\n  --blue: #2563eb;\n  --purple: #7c3aed;\n  --orange: #e65616;\n\n  position: relative;\n  overflow: hidden;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 72px 22px;\n  color: var(--text);\n}\n\n.mb-faq-page::before {\n  content: \"\";\n  position: absolute;\n  width: 520px;\n  height: 520px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(37, 99, 235, 0.16), transparent 68%);\n  top: -240px;\n  left: -180px;\n  z-index: -1;\n}\n\n.mb-faq-page::after {\n  content: \"\";\n  position: absolute;\n  width: 460px;\n  height: 460px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(230, 86, 22, 0.12), transparent 70%);\n  right: -180px;\n  bottom: -200px;\n  z-index: -1;\n}\n\n.mb-faq-hero {\n  text-align: center;\n  max-width: 860px;\n  margin: 0 auto 34px;\n  animation: mbFadeUp 0.7s ease both;\n}\n\n.mb-faq-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 9px 15px;\n  margin-bottom: 18px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.72);\n  border: 1px solid var(--line);\n  color: var(--orange);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);\n}\n\n.mb-faq-hero h1 {\n  margin: 0;\n  font-size: clamp(44px, 7vw, 86px);\n  line-height: 0.98;\n  letter-spacing: -0.06em;\n  font-weight: 900;\n  color: #0b1020;\n}\n\n.mb-faq-hero p {\n  max-width: 720px;\n  margin: 22px auto 0;\n  color: var(--muted);\n  font-size: 18px;\n  line-height: 1.75;\n}\n\n.mb-faq-tabs {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 0 auto 30px;\n  animation: mbFadeUp 0.7s ease 0.08s both;\n}\n\n.mb-faq-tab {\n  border: 1px solid var(--line);\n  background: rgba(255, 255, 255, 0.72);\n  color: #334155;\n  padding: 11px 17px;\n  border-radius: 999px;\n  font-weight: 800;\n  cursor: pointer;\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  transition: 0.25s ease;\n}\n\n.mb-faq-tab:hover,\n.mb-faq-tab.is-active {\n  color: #fff;\n  border-color: transparent;\n  background: linear-gradient(135deg, var(--blue), var(--purple));\n  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.24);\n  transform: translateY(-2px);\n}\n\n.mb-faq-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin: 0 0 34px;\n}\n\n.mb-faq-card {\n  position: relative;\n  padding: 24px;\n  border-radius: 28px;\n  border: 1px solid var(--line);\n  background: var(--card);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);\n  transition: 0.28s ease;\n  animation: mbFadeUp 0.7s ease both;\n}\n\n.mb-faq-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.12);\n}\n\n.mb-faq-card span {\n  display: inline-flex;\n  width: 44px;\n  height: 44px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 15px;\n  margin-bottom: 18px;\n  color: #fff;\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--blue), var(--purple));\n}\n\n.mb-faq-card strong {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 20px;\n  color: #0f172a;\n}\n\n.mb-faq-card p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.72;\n}\n\n.mb-faq-list {\n  display: grid;\n  gap: 14px;\n  margin-top: 8px;\n}\n\n.mb-faq-item {\n  border-radius: 24px;\n  border: 1px solid var(--line);\n  background: rgba(255, 255, 255, 0.78);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);\n  overflow: hidden;\n  transition: 0.28s ease;\n  animation: mbFadeUp 0.65s ease both;\n}\n\n.mb-faq-item:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);\n}\n\n.mb-faq-item[open] {\n  border-color: rgba(37, 99, 235, 0.24);\n  background: rgba(255, 255, 255, 0.9);\n}\n\n.mb-faq-item summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 22px 24px;\n  display: grid;\n  grid-template-columns: 1fr 34px;\n  align-items: center;\n  gap: 18px;\n  font-size: 18px;\n  font-weight: 850;\n  color: #0f172a;\n}\n\n.mb-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.mb-faq-item summary i {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  border-radius: 999px;\n  background: #f1f5f9;\n  transition: 0.25s ease;\n}\n\n.mb-faq-item summary i::before,\n.mb-faq-item summary i::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 14px;\n  height: 2px;\n  border-radius: 99px;\n  background: #0f172a;\n  transform: translate(-50%, -50%);\n  transition: 0.25s ease;\n}\n\n.mb-faq-item summary i::after {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.mb-faq-item[open] summary i {\n  background: linear-gradient(135deg, var(--blue), var(--purple));\n}\n\n.mb-faq-item[open] summary i::before,\n.mb-faq-item[open] summary i::after {\n  background: #fff;\n}\n\n.mb-faq-item[open] summary i::after {\n  transform: translate(-50%, -50%) rotate(0deg);\n}\n\n.mb-faq-answer {\n  padding: 0 24px 24px;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.82;\n  animation: mbAnswer 0.35s ease both;\n}\n\n.mb-faq-answer p {\n  margin: 0;\n}\n\n.mb-faq-cta {\n  margin-top: 34px;\n  padding: 34px;\n  border-radius: 32px;\n  text-align: center;\n  border: 1px solid var(--line);\n  background:\n    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.62)),\n    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 45%),\n    radial-gradient(circle at bottom right, rgba(230, 86, 22, 0.12), transparent 42%);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.1);\n}\n\n.mb-faq-cta h2 {\n  margin: 0 0 12px;\n  color: #0f172a;\n  font-size: clamp(28px, 4vw, 44px);\n  letter-spacing: -0.04em;\n  font-weight: 900;\n}\n\n.mb-faq-cta p {\n  max-width: 680px;\n  margin: 0 auto 24px;\n  color: var(--muted);\n  line-height: 1.75;\n}\n\n.mb-faq-actions {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.mb-faq-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 14px 22px;\n  border-radius: 999px;\n  text-decoration: none !important;\n  font-weight: 850;\n  transition: 0.25s ease;\n}\n\n.mb-faq-btn.primary {\n  color: #fff !important;\n  background: #0f172a;\n  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);\n}\n\n.mb-faq-btn.secondary {\n  color: #0f172a !important;\n  background: #fff;\n  border: 1px solid var(--line);\n}\n\n.mb-faq-btn:hover {\n  transform: translateY(-3px);\n}\n\n.mb-faq-item.is-hidden {\n  display: none;\n}\n\n@keyframes mbFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes mbAnswer {\n  from {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 900px) {\n  .mb-faq-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mb-faq-page {\n    padding: 52px 16px;\n  }\n}\n\n@media (max-width: 560px) {\n  .mb-faq-hero h1 {\n    font-size: 44px;\n  }\n\n  .mb-faq-item summary {\n    font-size: 16px;\n    padding: 18px;\n  }\n\n  .mb-faq-answer {\n    padding: 0 18px 20px;\n  }\n\n  .mb-faq-cta {\n    padding: 26px 18px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const tabs = document.querySelectorAll(\".mb-faq-tab\");\n  const items = document.querySelectorAll(\".mb-faq-item\");\n\n  tabs.forEach((tab) => {\n    tab.addEventListener(\"click\", function () {\n      const filter = this.getAttribute(\"data-filter\");\n\n      tabs.forEach((btn) => btn.classList.remove(\"is-active\"));\n      this.classList.add(\"is-active\");\n\n      items.forEach((item) => {\n        const category = item.getAttribute(\"data-category\");\n\n        if (filter === \"all\" || category === filter || category === \"all\") {\n          item.classList.remove(\"is-hidden\");\n        } else {\n          item.classList.add(\"is-hidden\");\n          item.removeAttribute(\"open\");\n        }\n      });\n    });\n  });\n});\n<\/script>\n\n<section class=\"mb-faq-page\">\n  <div class=\"mb-faq-hero\">\n    <div class=\"mb-faq-eyebrow\">Mawaka Blog Help Center<\/div>\n    <h1>FAQ Mawaka Blog<\/h1>\n    <p>\n      Jawaban singkat seputar Mawaka Blog, WordPress, website, SEO, AI,\n      dan cara memulai belajar dunia digital dengan lebih ringan.\n    <\/p>\n  <\/div>\n\n  <div class=\"mb-faq-tabs\" aria-label=\"Kategori FAQ\">\n    <button class=\"mb-faq-tab is-active\" data-filter=\"all\">Semua<\/button>\n    <button class=\"mb-faq-tab\" data-filter=\"wordpress\">WordPress<\/button>\n    <button class=\"mb-faq-tab\" data-filter=\"seo\">SEO<\/button>\n    <button class=\"mb-faq-tab\" data-filter=\"ai\">AI<\/button>\n    <button class=\"mb-faq-tab\" data-filter=\"wpcc\">WPCC<\/button>\n  <\/div>\n\n  <div class=\"mb-faq-grid\">\n    <article class=\"mb-faq-card\">\n      <span>01<\/span>\n      <strong>Belajar Bertahap<\/strong>\n      <p>Konten disusun agar mudah dipahami pemula tanpa harus langsung menguasai hal teknis.<\/p>\n    <\/article>\n\n    <article class=\"mb-faq-card\">\n      <span>02<\/span>\n      <strong>Digital &#038; Praktis<\/strong>\n      <p>Membahas WordPress, website, SEO, AI, dan strategi digital dengan pendekatan sederhana.<\/p>\n    <\/article>\n\n    <article class=\"mb-faq-card\">\n      <span>03<\/span>\n      <strong>Ruang Berkembang<\/strong>\n      <p>Mawaka Blog akan terus diisi sebagai catatan belajar dan media berbagi pengalaman digital.<\/p>\n    <\/article>\n  <\/div>\n\n  <div class=\"mb-faq-list\">\n\n    <details class=\"mb-faq-item\" data-category=\"wordpress\" open>\n      <summary>\n        <span>Apa itu Mawaka Blog?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Mawaka Blog adalah blog edukasi digital yang membahas WordPress,\n          website, SEO, AI, konten, dan bisnis online dengan bahasa yang ringan\n          dan mudah dipahami.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"wordpress\">\n      <summary>\n        <span>Apakah Mawaka Blog cocok untuk pemula?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Ya. Mawaka Blog dibuat untuk pembaca yang ingin belajar dari dasar,\n          mulai dari mengenal WordPress, membuat website, menulis artikel,\n          sampai memahami SEO dan AI secara bertahap.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"wordpress\">\n      <summary>\n        <span>Apakah Mawaka Blog hanya membahas WordPress?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Tidak. WordPress menjadi salah satu topik utama, tetapi Mawaka Blog\n          juga membahas website, desain digital, SEO, konten, AI, produktivitas,\n          dan strategi bisnis online.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"seo\">\n      <summary>\n        <span>Apa manfaat belajar SEO dari Mawaka Blog?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          SEO membantu website lebih mudah ditemukan di Google. Mawaka Blog\n          membahas SEO dari dasar, seperti judul artikel, struktur konten,\n          kata kunci, internal link, dan kualitas tulisan.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"seo\">\n      <summary>\n        <span>Apakah SEO menjamin website langsung ranking?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Tidak. SEO adalah proses jangka panjang. Hasilnya tergantung kualitas\n          konten, kondisi website, persaingan, konsistensi, dan banyak faktor\n          lain. Mawaka Blog membahas SEO sebagai proses belajar yang realistis.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"ai\">\n      <summary>\n        <span>Bagaimana Mawaka Blog membahas AI?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          AI dibahas sebagai alat bantu untuk mencari ide, membuat konten,\n          menyusun strategi, mempercepat pekerjaan, dan meningkatkan produktivitas.\n          AI bukan pengganti manusia, tetapi partner kerja yang bisa membantu.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"ai\">\n      <summary>\n        <span>Apakah AI bisa membantu membuat website?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Bisa. AI dapat membantu menyusun konsep halaman, membuat draft konten,\n          mencari ide artikel, membuat struktur navigasi, hingga memberi saran\n          desain. Namun hasil akhirnya tetap perlu disesuaikan oleh manusia.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"wpcc\">\n      <summary>\n        <span>Apa hubungan Mawaka Blog dengan WPCC?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Mawaka Blog dibuat sebagai bagian dari proses belajar dan praktik dalam\n          kegiatan WordPress Campus Connect. Blog ini menjadi contoh website\n          berbasis WordPress yang memiliki konsep, konten, dan identitas digital.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"all\">\n      <summary>\n        <span>Siapa yang bisa membaca Mawaka Blog?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Mawaka Blog bisa dibaca oleh pelajar, mahasiswa, guru, UMKM, kreator,\n          pemilik bisnis, dan siapa saja yang ingin belajar website, WordPress,\n          SEO, AI, dan dunia digital dari dasar.\n        <\/p>\n      <\/div>\n    <\/details>\n\n    <details class=\"mb-faq-item\" data-category=\"all\">\n      <summary>\n        <span>Apakah Mawaka Blog akan terus diperbarui?<\/span>\n        <i><\/i>\n      <\/summary>\n      <div class=\"mb-faq-answer\">\n        <p>\n          Ya. Mawaka Blog dirancang sebagai blog yang terus berkembang. Artikel\n          baru akan ditambahkan secara bertahap sesuai topik yang relevan dengan\n          website, WordPress, SEO, AI, dan bisnis digital.\n        <\/p>\n      <\/div>\n    <\/details>\n\n  <\/div>\n\n  <div class=\"mb-faq-cta\">\n    <h2>Masih punya pertanyaan?<\/h2>\n    <p>\n      Hubungi Mawaka Blog atau mulai jelajahi artikel untuk belajar WordPress,\n      website, SEO, AI, dan strategi digital.\n    <\/p>\n    <div class=\"mb-faq-actions\">\n      <a href=\"\/blog\/\" class=\"mb-faq-btn primary\">Baca Artikel<\/a>\n      <a href=\"\/kontak-kami\/\" class=\"mb-faq-btn secondary\">Hubungi Kami<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Pertanyaan umum seputar Mawaka Blog, mulai dari topik yang dibahas, tujuan blog, WordPress, SEO, AI, hingga cara pembaca dapat memanfaatkan konten edukasi digital di mawaka.blog.<\/p>","protected":false},"author":53324292,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","big_sky_generated":false},"class_list":["post-918","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/pages\/918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/users\/53324292"}],"replies":[{"embeddable":true,"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/comments?post=918"}],"version-history":[{"count":6,"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/pages\/918\/revisions"}],"predecessor-version":[{"id":927,"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/pages\/918\/revisions\/927"}],"wp:attachment":[{"href":"http:\/\/mawaka.blog\/en\/wp-json\/wp\/v2\/media?parent=918"}],"curies":[{"name":"Word processing","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}