{"id":431,"date":"2026-11-11T14:09:31","date_gmt":"2026-11-11T07:09:31","guid":{"rendered":"https:\/\/kkgpaiwagir.or.id\/?p=431"},"modified":"2026-11-11T14:09:32","modified_gmt":"2026-11-11T07:09:32","slug":"daftar-materi-pai-terbaru-berdasarkan-cp-2026","status":"publish","type":"post","link":"https:\/\/kkgpaiwagir.or.id\/index.php\/2026\/11\/11\/daftar-materi-pai-terbaru-berdasarkan-cp-2026\/","title":{"rendered":"Daftar Materi PAI Terbaru Berdasarkan CP 2026"},"content":{"rendered":"\n<div id=\"pai-mindmap-wp\">\n    <div class=\"mindmap-container\">\n        <!-- Struktur Root (Diubah: tambah class 'expanded') -->\n        <ul class=\"tree-root\">\n            <li>\n                <div class=\"tree-node root-node has-children expanded\">\n                    <svg class=\"chevron\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n                    Bab Materi PAI\n                <\/div>\n                <!-- Wrapper Root (Diubah: tambah class 'open') -->\n                <div class=\"children-wrapper open\">\n                    <ul id=\"tree-content\"><\/ul>\n                <\/div>\n            <\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<style>\n    \/* Scope semua CSS hanya di dalam #pai-mindmap-wp agar tema WordPress tidak rusak *\/\n    #pai-mindmap-wp {\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: #334155;\n        line-height: 1.5;\n        margin: 20px 0;\n    }\n    \n    #pai-mindmap-wp .mindmap-container {\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 24px;\n        overflow-x: auto;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    }\n\n    #pai-mindmap-wp ul {\n        list-style-type: none;\n        padding-left: 24px;\n        margin: 0;\n        position: relative;\n    }\n    \n    #pai-mindmap-wp .tree-root {\n        padding-left: 0;\n    }\n\n    \/* Garis vertikal Tree *\/\n    #pai-mindmap-wp ul ul::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 12px;\n        border-left: 1px dashed #cbd5e1;\n    }\n\n    #pai-mindmap-wp li {\n        margin: 8px 0;\n        position: relative;\n    }\n\n    \/* Garis horizontal Tree *\/\n    #pai-mindmap-wp ul ul li::before {\n        content: \"\";\n        position: absolute;\n        top: 18px;\n        left: -12px;\n        width: 14px;\n        border-top: 1px dashed #cbd5e1;\n    }\n\n    \/* Hapus bagian bawah garis vertikal untuk item terakhir agar rapi *\/\n    #pai-mindmap-wp ul ul li:last-child::after {\n        content: \"\";\n        position: absolute;\n        top: 19px;\n        bottom: 0;\n        left: -12px;\n        width: 2px;\n        background: #f8fafc;\n    }\n\n    #pai-mindmap-wp .tree-node {\n        display: inline-flex;\n        align-items: center;\n        padding: 8px 16px;\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        font-size: 14px;\n        cursor: default;\n        transition: all 0.2s ease;\n        position: relative;\n        z-index: 2;\n    }\n\n    #pai-mindmap-wp .has-children {\n        cursor: pointer;\n        font-weight: 600;\n        user-select: none;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n\n    #pai-mindmap-wp .has-children:hover {\n        background: #f1f5f9;\n        border-color: #cbd5e1;\n    }\n\n    \/* Pewarnaan Node Berdasarkan Level (Mindmap Style) *\/\n    #pai-mindmap-wp .root-node { background: #3b82f6; color: white; border-color: #2563eb; }\n    #pai-mindmap-wp .root-node:hover { background: #2563eb; }\n    \n    #pai-mindmap-wp .level-1 { background: #10b981; color: white; border-color: #059669; }\n    #pai-mindmap-wp .level-1:hover { background: #059669; }\n    \n    #pai-mindmap-wp .level-2 { background: #f59e0b; color: white; border-color: #d97706; }\n    #pai-mindmap-wp .level-2:hover { background: #d97706; }\n    \n    #pai-mindmap-wp .level-3 { background: #e2e8f0; color: #334155; }\n    #pai-mindmap-wp .level-3:hover { background: #cbd5e1; }\n\n    #pai-mindmap-wp .chevron {\n        width: 18px;\n        height: 18px;\n        margin-right: 8px;\n        transition: transform 0.3s ease;\n    }\n    \n    #pai-mindmap-wp .expanded > .chevron {\n        transform: rotate(90deg);\n    }\n\n    \/* Animasi Expand\/Collapse Menggunakan CSS Grid *\/\n    #pai-mindmap-wp .children-wrapper {\n        display: grid;\n        grid-template-rows: 0fr;\n        transition: grid-template-rows 0.3s ease-out;\n    }\n    \n    #pai-mindmap-wp .children-wrapper.open {\n        grid-template-rows: 1fr;\n    }\n    \n    #pai-mindmap-wp .children-wrapper > ul {\n        overflow: hidden;\n    }\n<\/style>\n\n<script>\n    \/\/ Data JSON Hierarki PAI\n    const paiData = [\n        {\n            name: \"Kelas 1\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf Hijaiyah (Makharijul Huruf)\" }, { name: \"Huruf Hijaiyah Berharakat\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf Hijaiyah Bersambung (2 huruf)\" }, { name: \"Surah Al-Fatihah\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Rukun Iman\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman kepada Allah swt\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap Allah swt. dengan Menyucikan-Nya\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap Allah swt. dengan Memuji-Nya\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Rukun Islam dan Syahadatain\" }] }, { name: \"Sem 2\", children: [{ name: \"Tata cara Bersuci (Wudu, Tayamum dan Istinja)\" }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kisah keteladanan Nabi Adam a.s.\" }] }, { name: \"Sem 2\", children: [{ name: \"Kisah keteladanan Nabi Idris a.s.\" }] }] }\n            ]\n        },\n        {\n            name: \"Kelas 2\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf Hijaiyah Bersambung (3 huruf)\" }, { name: \"Surah An-Nas\" }, { name: \"Surah Al-Falaq\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf Hijaiyah Bersambung (2 kata)\" }, { name: \"Surah Al-Ikhlas\" }, { name: \"Hadis tentang Kebersihan\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Asmaul husna (ar-Rahman, ar-Rahim, as-Salam, al-Mukmin)\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman kepada Malaikat Allah\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap Diri Sendiri (Pola Hidup Bersih dan Sehat)\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap Diri Sendiri (Terbiasa Berdoa)\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Salat Fardu\" }] }, { name: \"Sem 2\", children: [{ name: \"Zikir dan Berdoa setelah Shalat\" }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kisah Keteladanan Nabi Nuh a.s.\" }] }, { name: \"Sem 2\", children: [{ name: \"Kisah Keteladanan Nabi Ibrahim a.s.\" }] }] }\n            ]\n        },\n        {\n            name: \"Kelas 3\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf Hijaiyah Bersambung (Praktik Mad Tabi'i)\" }, { name: \"Surah Al-Kautsar\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf Hijaiyah Bersambung (Praktik Izhar Halqi)\" }, { name: \"Hadis tentang Kewajiban Salat\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Sifat-sifat Allah swt.\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman Kepada Kitab-kitab Allah swt.\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap Allah swt. dengan berbaik sangka\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap orang tua\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Adzan, iqamah\" }] }, { name: \"Sem 2\", children: [{ name: \"Ketentuan dan Praktik Salat Jumat\" }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kelahiran dan masa kanak-kanak Nabi Muhammad saw.\" }] }, { name: \"Sem 2\", children: [{ name: \"Masa remaja dan pernikahan Nabi Muhammad saw.\" }] }] }\n            ]\n        },\n        {\n            name: \"Kelas 4\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf Hijaiyah Bersambung (Idgham bighunnah\/bila ghunnah)\" }, { name: \"Surah An-Nashr\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf Hijaiyah Bersambung (Iqlab dan Ikhfa)\" }, { name: \"Hadis Menjaga Hubungan Baik Sesama\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Asmaul husna Al-Ghaffar, Al-Wahhab, Al-Fattah, Al-Latif\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman Kepada Rasul-rasul Allah swt.\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap keluarga\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap guru\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Shalat sunnah rawatib, Duha, dan Tahajud\" }] }, { name: \"Sem 2\", children: [{ name: \"Baligh dan tanggung jawab (taklif)\" }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kerasulan dan dakwah nabi Muhammad saw. periode Mekah\" }] }, { name: \"Sem 2\", children: [{ name: \"Hijrah nabi Muhammad saw.\" }] }] }\n            ]\n        },\n        {\n            name: \"Kelas 5\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf hijaiyah bersambung\", children: [{name: \"Hukum bacaan mim sukun\"}] }, { name: \"Surah Al-'Ashr\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf hijaiyah bersambung (Praktik qalqalah)\" }, { name: \"Hadis berbuat baik kepada orang tua dan guru\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Asmaul husna Al-Halim, As-Syakur, Al-Hakim dan Al-Wadud\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman kepada Hari Akhir\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap Allah swt. dengan berdoa dan bertawakal\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap teman\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Puasa wajib dan sunah\" }] }, { name: \"Sem 2\", children: [{ name: \"Makanan dan minumanan yang halal dan haram\" }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kepemimpinan Nabi Muhammad saw. di Madinah\" }] }, { name: \"Sem 2\", children: [{ name: \"Perjanjian Hudaibiyah, Fathu Makkah dan Haji Wada\" }] }] }\n            ]\n        },\n        {\n            name: \"Kelas 6\",\n            children: [\n                { name: \"Al-Quran dan Hadis\", children: [{ name: \"Sem 1\", children: [{ name: \"Huruf hijaiyah bersambung (Praktik ghunnah)\" }, { name: \"Surah Al-Insyirah\" }] }, { name: \"Sem 2\", children: [{ name: \"Huruf hijaiyah bersambung (Praktik tafkhim dan tarqiq)\" }, { name: \"Hadis tentang berbuat baik terhadap teman\" }] }] },\n                { name: \"Akidah\", children: [{ name: \"Sem 1\", children: [{ name: \"Asmaul Husna Al-Waly, Al-Hamid, Al-'Adl, As-Shabur\" }] }, { name: \"Sem 2\", children: [{ name: \"Iman Kepada Qada dan Qadar\" }] }] },\n                { name: \"Akhlak\", children: [{ name: \"Sem 1\", children: [{ name: \"Akhlak terhadap tetangga dan non-muslim\" }] }, { name: \"Sem 2\", children: [{ name: \"Akhlak terhadap hewan dan lingkungan\" }] }] },\n                { name: \"Fikih\", children: [{ name: \"Sem 1\", children: [{ name: \"Zakat, infak dan sedekah\" }] }, { name: \"Sem 2\", children: [{ name: \"Wakaf\", children: [{name: \"Pengertian\"}, {name: \"Dasar Hukum\"}, {name: \"Jenis\"}] }] }] },\n                { name: \"Sejarah\", children: [{ name: \"Sem 1\", children: [{ name: \"Kisah keteladanan Abu Bakar As-Shidiq dan Umar bin Khattab\" }] }, { name: \"Sem 2\", children: [{ name: \"Kisah Keteladanan Utsman bin Affan dan Ali bin Abu Thalib\" }] }] }\n            ]\n        }\n    ];\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const treeContainer = document.getElementById(\"tree-content\");\n        \n        \/\/ Fungsi Rekursif untuk merender HTML Tree\n        function buildTree(data, level = 1) {\n            let html = \"\";\n            data.forEach(item => {\n                const hasChildren = item.children && item.children.length > 0;\n                let levelClass = level <= 3 ? `level-${level}` : '';\n                \n                \/\/ Diubah: Menambahkan class 'expanded' secara default jika punya anak\n                html += `<li>\n                    <div class=\"tree-node ${hasChildren ? 'has-children expanded' : ''} ${levelClass}\">\n                        ${hasChildren ? '<svg class=\"chevron\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>' : '<span style=\"width:18px; margin-right:8px;\"><\/span>'}\n                        ${item.name}\n                    <\/div>`;\n                    \n                if (hasChildren) {\n                    \/\/ Diubah: Menambahkan class 'open' secara default\n                    html += `\n                    <div class=\"children-wrapper open\">\n                        <ul>${buildTree(item.children, level + 1)}<\/ul>\n                    <\/div>`;\n                }\n                html += `<\/li>`;\n            });\n            return html;\n        }\n\n        treeContainer.innerHTML = buildTree(paiData);\n\n        \/\/ Event Listener untuk animasi Expand\/Collapse saat diklik\n        document.querySelectorAll('#pai-mindmap-wp .has-children').forEach(node => {\n            node.addEventListener('click', function(e) {\n                e.stopPropagation();\n                this.classList.toggle('expanded');\n                const wrapper = this.nextElementSibling;\n                if (wrapper && wrapper.classList.contains('children-wrapper')) {\n                    wrapper.classList.toggle('open');\n                }\n            });\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Bab Materi PAI<\/p>\n","protected":false},"author":1,"featured_media":432,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wpai_generated_summary":"","wpai_tts_display_audio":true,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"wpai_meta_description":"","footnotes":"","jetpack_post_was_ever_published":false},"categories":[42,41],"tags":[44],"class_list":["post-431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-materi","category-pembelajaran","tag-materi-pai-sd-cp-terbaru-2026"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kkgpaiwagir.or.id\/wp-content\/uploads\/2026\/11\/Screenshot-2026-11-11-at-14.08.41.png","_links":{"self":[{"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/posts\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":1,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/posts\/431\/revisions"}],"predecessor-version":[{"id":433,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/posts\/431\/revisions\/433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/media\/432"}],"wp:attachment":[{"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/media?parent=431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/categories?post=431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kkgpaiwagir.or.id\/index.php\/wp-json\/wp\/v2\/tags?post=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}