{"id":1000077,"date":"2026-04-20T21:29:38","date_gmt":"2026-04-20T18:29:38","guid":{"rendered":"https:\/\/tasarimkolay.com\/index.php\/neon-tabela-tasarla\/"},"modified":"2026-04-20T21:29:38","modified_gmt":"2026-04-20T18:29:38","slug":"neon-tabela-tasarla","status":"publish","type":"page","link":"https:\/\/tasarimkolay.com\/index.php\/neon-tabela-tasarla\/","title":{"rendered":"Neon Tabela Tasarla"},"content":{"rendered":"<div id=\"neonconf-app\" class=\"neonconf-wrapper\">\n\n    <!-- \u2500\u2500 Sol Panel: Kontroller \u2500\u2500 -->\n    <aside class=\"neonconf-sidebar\">\n\n        <!-- Metin -->\n        <div class=\"neonconf-section\">\n            <label class=\"neonconf-label\">Metniniz<\/label>\n            <textarea id=\"neonconf-text\" class=\"neonconf-textarea\"\n                placeholder=\"Neon yaz\u0131n\u0131z\u0131 buraya girin...\"\n                maxlength=\"80\" rows=\"2\"><\/textarea>\n            <div class=\"neonconf-char-count\"><span id=\"neonconf-char-num\">0<\/span>\/80<\/div>\n        <\/div>\n\n        <!-- Font Se\u00e7imi -->\n        <div class=\"neonconf-section\">\n            <label class=\"neonconf-label\">Font<\/label>\n            <div class=\"neonconf-font-grid\" id=\"neonconf-font-grid\">\n                <!-- JS taraf\u0131ndan doldurulur -->\n                <div class=\"neonconf-loading\">Fontlar y\u00fckleniyor...<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Renk Se\u00e7imi -->\n        <div class=\"neonconf-section\">\n            <label class=\"neonconf-label\">Renk<\/label>\n            <div class=\"neonconf-color-grid\" id=\"neonconf-color-grid\">\n                <!-- JS taraf\u0131ndan doldurulur -->\n            <\/div>\n        <\/div>\n\n        <!-- Boyut -->\n        <div class=\"neonconf-section\">\n            <label class=\"neonconf-label\">Boyut<\/label>\n            <div class=\"neonconf-dimension-info\">\n                <p class=\"neonconf-dim-note\">Tasar\u0131m\u0131n\u0131za g\u00f6re otomatik hesaplan\u0131r<\/p>\n                <div class=\"neonconf-dims\">\n                    <div class=\"neonconf-dim-box\">\n                        <span class=\"neonconf-dim-label\">Geni\u015flik<\/span>\n                        <span class=\"neonconf-dim-val\" id=\"neonconf-width-display\">\u2014<\/span>\n                        <span class=\"neonconf-dim-unit\">cm<\/span>\n                    <\/div>\n                    <span class=\"neonconf-dim-x\">\u00d7<\/span>\n                    <div class=\"neonconf-dim-box\">\n                        <span class=\"neonconf-dim-label\">Y\u00fckseklik<\/span>\n                        <span class=\"neonconf-dim-val\" id=\"neonconf-height-display\">\u2014<\/span>\n                        <span class=\"neonconf-dim-unit\">cm<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Foto\u011fraf Y\u00fckleme (Duvarda G\u00f6r\u00fcn\u00fcm) -->\n        <div class=\"neonconf-section\">\n            <label class=\"neonconf-label\">Duvarda \u00d6nizleme<\/label>\n            <div class=\"neonconf-upload-area\" id=\"neonconf-upload-area\">\n                <input type=\"file\" id=\"neonconf-photo-input\" accept=\"image\/*\" style=\"display:none\">\n                <button type=\"button\" class=\"neonconf-upload-btn\" id=\"neonconf-upload-btn\">\n                    <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12\"\/><\/svg>\n                    Foto\u011fraf Y\u00fckle                <\/button>\n                <p class=\"neonconf-upload-hint\">Neonunuzun duvarda nas\u0131l g\u00f6r\u00fcnece\u011fini g\u00f6r\u00fcn<\/p>\n                <button type=\"button\" class=\"neonconf-remove-photo\" id=\"neonconf-remove-photo\" style=\"display:none\">\n                    \u00d7 Foto\u011fraf\u0131 Kald\u0131r                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Fiyat -->\n        <div class=\"neonconf-price-box\">\n            <div class=\"neonconf-price-label\">Tahmini Fiyat<\/div>\n            <div class=\"neonconf-price-value\" id=\"neonconf-price\">\u2014<\/div>\n            <div class=\"neonconf-price-note\" id=\"neonconf-price-note\"><\/div>\n        <\/div>\n\n        <!-- Sepete Ekle -->\n        <button type=\"button\" class=\"neonconf-cart-btn\" id=\"neonconf-add-to-cart\" disabled>\n            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18M16 10a4 4 0 01-8 0\"\/><\/svg>\n            Sepete Ekle        <\/button>\n\n        <!-- Sepete Eklendi Bildirimi -->\n        <div class=\"neonconf-added-notice\" id=\"neonconf-added-notice\" style=\"display:none\">\n            <p>\u2705 Sepete eklendi!<\/p>\n            <div class=\"neonconf-notice-btns\">\n                <a href=\"https:\/\/tasarimkolay.com\/index.php\/shopping-cart\/\" class=\"neonconf-btn-cart\">\n                    Sepeti G\u00f6r\u00fcnt\u00fcle                <\/a>\n                <a href=\"https:\/\/tasarimkolay.com\/index.php\/checkouts\/\" class=\"neonconf-btn-checkout\">\n                    \u00d6demeye Ge\u00e7                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/aside>\n\n    <!-- \u2500\u2500 Sa\u011f: Canvas \u00d6nizleme \u2500\u2500 -->\n    <main class=\"neonconf-canvas-area\">\n\n        <!-- Arka plan se\u00e7ici -->\n        <div class=\"neonconf-bg-bar\">\n            <button class=\"neonconf-bg-btn active\" data-bg=\"black\">\u2b1b Siyah<\/button>\n            <button class=\"neonconf-bg-btn\" data-bg=\"white\">\u2b1c Beyaz<\/button>\n            <button class=\"neonconf-bg-btn\" data-bg=\"photo\" id=\"neonconf-bg-photo\" style=\"display:none\">\ud83d\udcf7 Foto\u011fraf<\/button>\n        <\/div>\n\n        <!-- Canvas wrapper -->\n        <div class=\"neonconf-canvas-wrap\" id=\"neonconf-canvas-wrap\">\n            <canvas id=\"neonconf-canvas\" width=\"900\" height=\"500\"><\/canvas>\n            <!-- Bo\u015f durum overlay -->\n            <div class=\"neonconf-empty-state\" id=\"neonconf-empty-state\">\n                <svg width=\"64\" height=\"64\" fill=\"none\" stroke=\"rgba(255,255,255,.2)\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M4 7V4h16v3M9 20h6M12 4v16\"\/><\/svg>\n                <p>Metninizi girerek neon tabelan\u0131z\u0131 \u00f6nizleyin<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Boyut g\u00f6stergesi (canvas alt\u0131) -->\n        <div class=\"neonconf-dimension-bar\" id=\"neonconf-dimension-bar\" style=\"display:none\">\n            <span id=\"neonconf-dim-bar-text\">50 \u00d7 30 cm<\/span>\n        <\/div>\n\n    <\/main>\n\n<\/div>\n<form id=\"neonconf-cart-form\" style=\"display:none\" method=\"post\">\n    <input type=\"hidden\" id=\"neonconf_nonce\" name=\"neonconf_nonce\" value=\"a41d0e1e2e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/1000077\" \/>    <input type=\"hidden\" name=\"product_id\"       id=\"neonconf-product-id\"   value=\"1000076\">\n    <input type=\"hidden\" name=\"neon_text\"         id=\"neonconf-input-text\">\n    <input type=\"hidden\" name=\"neon_color\"        id=\"neonconf-input-color\">\n    <input type=\"hidden\" name=\"neon_font\"         id=\"neonconf-input-font\">\n    <input type=\"hidden\" name=\"neon_width_cm\"     id=\"neonconf-input-width\">\n    <input type=\"hidden\" name=\"neon_height_cm\"    id=\"neonconf-input-height\">\n    <input type=\"hidden\" name=\"neon_svg_preview\"  id=\"neonconf-input-svg\">\n    <input type=\"hidden\" name=\"neon_design_json\"  id=\"neonconf-input-json\">\n<\/form>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1000077","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/pages\/1000077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/comments?post=1000077"}],"version-history":[{"count":0,"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/pages\/1000077\/revisions"}],"wp:attachment":[{"href":"https:\/\/tasarimkolay.com\/index.php\/wp-json\/wp\/v2\/media?parent=1000077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}