{"id":10,"date":"2025-07-19T23:20:07","date_gmt":"2025-07-19T23:20:07","guid":{"rendered":"https:\/\/hantema.com\/eders\/dersler\/"},"modified":"2025-07-27T15:26:41","modified_gmt":"2025-07-27T12:26:41","slug":"dersler","status":"publish","type":"page","link":"https:\/\/hantema.com\/eders\/dersler\/","title":{"rendered":"Dersler"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7818cb7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7818cb7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dbf2ad7\" data-id=\"dbf2ad7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7cc30cc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7cc30cc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fa3f83\" data-id=\"4fa3f83\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f77a44 elementor-widget elementor-widget-shortcode\" data-id=\"7f77a44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"eders-sekme-wrap\">\n        <div class=\"eders-sekme-tabbar drag-scroll\" aria-label=\"Ders kategorileri\">\n                            <a href=\"#\" class=\"eders-sekme-tab active\"\n                   data-catid=\"31\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Almanca Dil<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"24\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Biyoloji<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"29\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Dijital Pazarlama<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"22\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Fizik<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"21\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Geometri<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"28\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>\u0130ngilizce Dil<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"23\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Kimya<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"27\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Makale Yazarl\u0131\u011f\u0131<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"20\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Matematik<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"30\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>Python &amp; Veri Bilimi<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"26\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>SEO<\/span>\n                <\/a>\n                            <a href=\"#\" class=\"eders-sekme-tab\"\n                   data-catid=\"18\" draggable=\"false\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <span>T\u00fcm\u00fc<\/span>\n                <\/a>\n                    <\/div>\n\n        <div id=\"eders-sekme-gird\">\n            <div class=\"eders-loader\" style=\"padding:36px 0;text-align:center;\">\n                <i class=\"fa fa-spinner fa-spin\"><\/i> Y\u00fckleniyor...\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n    \/* ---------- Sekme \u00e7ubu\u011fu ---------- *\/\n    .eders-sekme-tabbar{\n        display:flex;\n        gap:12px;\n        align-items:center;\n        padding:10px 6px 4px;       \/* tepe bo\u015flu\u011fu *\/\n        margin: 10px auto 18px auto;\n        max-width:1500px;\n        overflow-x:auto;\n        overflow-y:visible;         \/* \u00fcst \u00e7izgi k\u0131rp\u0131lmas\u0131n *\/\n        overscroll-behavior-x:contain;\n        scroll-behavior:smooth;\n        -webkit-overflow-scrolling:touch;\n        scrollbar-width:none;\n        -ms-overflow-style:none;\n        cursor:grab;\n    }\n    .eders-sekme-tabbar::-webkit-scrollbar{display:none;}\n    .eders-sekme-tabbar:active{cursor:grabbing;}\n\n    .eders-sekme-tab{\n        background:#fff;\n        border:1.5px solid #d3d5df;\n        border-radius:22px;\n        padding:11px 20px 11px 16px;\n        display:inline-flex;\n        align-items:center;\n        gap:10px;\n        min-width:max-content;\n        text-decoration:none!important;\n        box-shadow:0 2px 8px #ddd5;\n        transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;\n    }\n    .eders-sekme-tab span{color:#2a2f3a;font-size:15px;font-weight:600;line-height:1;}\n    .eders-sekme-tab i{color:#1c2c42;font-size:19px;min-width:22px;text-align:center;}\n\n    .eders-sekme-tab:hover,\n    .eders-sekme-tab.active{\n        background:#f4fbfa;\n        border-color:#7fda10;\n        box-shadow:0 5px 16px #2d7c1b18;\n        transform:translateY(-1px);\n    }\n    .eders-sekme-tab:hover span,\n    .eders-sekme-tab.active span{color:#0240c9;}\n    .eders-sekme-tab:hover i,\n    .eders-sekme-tab.active i{color:#0240c9;}\n\n    @media (max-width:600px){\n        .eders-sekme-tabbar{\n            padding:12px 4px 8px;   \/* \u00fcst \u00e7izgiye alan *\/\n        }\n        .eders-sekme-tab{\n            padding:8px 14px 8px 11px;\n            border-radius:16px;\n            border-width:2px;       \/* \u00e7izgi daha net *\/\n        }\n        .eders-sekme-tab span{font-size:13px;}\n        .eders-sekme-tab i{font-size:16px;}\n\n        \/* Mobilde yukar\u0131 kalkmas\u0131n, \u00e7izgi gizlenmesin *\/\n        .eders-sekme-tab:hover,\n        .eders-sekme-tab.active{\n            transform:none;\n            box-shadow:0 5px 16px #2d7c1b18, 0 0 0 1px #7fda10 inset; \/* i\u00e7 outline ile \u00fcst \u00e7izgiyi vurgula *\/\n        }\n    }\n\n    \/* ---------- Kart karoseli ---------- *\/\n    .eders-sekme-grid{\n        display:flex;\n        flex-wrap:nowrap;\n        gap:18px;\n        padding:2px 6px 8px 6px;\n        overflow-x:auto;\n        overflow-y:hidden;\n        overscroll-behavior-x:contain;\n        scroll-behavior:smooth;\n        -webkit-overflow-scrolling:touch;\n        scrollbar-width:none;\n        -ms-overflow-style:none;\n        cursor:grab;\n        scroll-snap-type:x proximity;\n    }\n    .eders-sekme-grid::-webkit-scrollbar{display:none;}\n    .eders-sekme-grid:active{cursor:grabbing;}\n\n    .eders-sekme-card{\n        flex:0 0 300px;\n        scroll-snap-align:start;\n        border-radius:18px;\n        overflow:hidden;\n        background:#fff;\n        box-shadow:0 4px 24px rgba(0,0,0,.08);\n        transition:box-shadow .2s, transform .2s;\n        user-select:none;\n    }\n    .eders-sekme-card:hover{\n        box-shadow:0 8px 32px #001d8738;\n        transform:translateY(-2px);\n    }\n\n    .eders-sekme-img img{width:100%;display:block;height:auto;}\n    .eders-sekme-info{padding:16px;}\n    .eders-sekme-title{font-size:17px;font-weight:600;color:#222;margin-bottom:10px;}\n\n    .eders-sekme-meta-inline{\n        display:flex;align-items:center;gap:8px;min-width:0;\n    }\n    .eders-sekme-author{\n        background:#eef2ff;color:#0037c1;padding:6px 12px;border-radius:20px;\n        font-size:13px;font-weight:500;white-space:nowrap;flex:0 0 auto;\n    }\n    .eders-sekme-rating{\n        background:#fff9e6;color:#f4a300;padding:6px 10px;border-radius:20px;\n        font-size:13px;display:flex;align-items:center;gap:5px;white-space:nowrap;flex:0 0 auto;\n    }\n    .eders-sekme-rating i{font-size:13px;}\n    .eders-sekme-rating span{font-size:11px;color:#777;}\n    .eders-sekme-price{\n        background:#e9f0ff;color:#0045d8;padding:6px 12px;border-radius:20px;\n        font-weight:700;font-size:14px;white-space:nowrap;flex:0 0 auto;margin-left:auto;\n    }\n\n    .eders-sekme-daha-btn{display:none;}\n    <\/style>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\n\n    <script>\n    function loadEdersDersler(cat, sayfa = 1){\n        const gird = document.getElementById('eders-sekme-gird');\n        gird.innerHTML = '<div class=\"eders-loader\" style=\"padding:36px 0;text-align:center;\"><i class=\"fa fa-spinner fa-spin\"><\/i> Y\u00fckleniyor...<\/div>';\n\n        fetch('https:\/\/hantema.com\/eders\/wp-admin\/admin-ajax.php?action=eders_sekme_urunler&cat=' + cat + '&sayfa=' + sayfa)\n        .then(r => r.text())\n        .then(html => {\n            gird.innerHTML = html;\n            const grid = gird.querySelector('.eders-sekme-grid');\n            if (grid) makeDragScroll(grid);\n        });\n    }\n\n    \/\/ Drag-to-scroll\n    function makeDragScroll(el){\n        let isDown = false, startX, scrollLeft;\n\n        const onDown = (x) => {\n            isDown = true;\n            el.classList.add('grabbing');\n            startX = x - el.offsetLeft;\n            scrollLeft = el.scrollLeft;\n        };\n        const onMove = (x, e) => {\n            if(!isDown) return;\n            e.preventDefault();\n            const walk = (x - el.offsetLeft - startX);\n            el.scrollLeft = scrollLeft - walk;\n        };\n        const onUp = () => {\n            isDown = false;\n            el.classList.remove('grabbing');\n        };\n\n        \/\/ Mouse\n        el.addEventListener('mousedown', e => onDown(e.pageX));\n        el.addEventListener('mousemove', e => onMove(e.pageX, e));\n        window.addEventListener('mouseup', onUp);\n\n        \/\/ Touch\n        el.addEventListener('touchstart', e => {\n            const t = e.touches[0];\n            onDown(t.pageX);\n        }, {passive:true});\n        el.addEventListener('touchmove', e => {\n            const t = e.touches[0];\n            onMove(t.pageX, e);\n        }, {passive:false});\n        window.addEventListener('touchend', onUp);\n    }\n\n    document.addEventListener('DOMContentLoaded', function(){\n        const tabs = document.querySelectorAll('.eders-sekme-tab');\n        tabs.forEach(tab => {\n            tab.addEventListener('click', function(e){\n                e.preventDefault();\n                tabs.forEach(t => t.classList.remove('active'));\n                this.classList.add('active');\n                loadEdersDersler(this.dataset.catid, 1);\n            });\n        });\n\n        const tabbar = document.querySelector('.eders-sekme-tabbar');\n        if (tabbar) makeDragScroll(tabbar);\n\n        loadEdersDersler(31, 1);\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":10,"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/pages\/10\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/hantema.com\/eders\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}