{"id":787,"date":"2026-07-13T07:34:17","date_gmt":"2026-07-13T07:34:17","guid":{"rendered":"https:\/\/oxylifetech.com\/?page_id=787"},"modified":"2026-07-14T14:00:51","modified_gmt":"2026-07-14T14:00:51","slug":"blog","status":"publish","type":"page","link":"https:\/\/oxylifetech.com\/nl\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"787\" class=\"elementor elementor-787\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-286eafe e-con e-atomic-element e-flexbox-base e-286eafe-a2c5524 \" data-id=\"286eafe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"286eafe\">\n    <div class=\"elementor-element elementor-element-13e79a7 e-flex e-con-boxed e-con e-parent\" data-id=\"13e79a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fad537f elementor-widget elementor-widget-heading\" data-id=\"fad537f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BLOG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-591abee e-con e-atomic-element e-flexbox-base e-fedf603 \" data-id=\"591abee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"591abee\">\n    <div class=\"elementor-element elementor-element-8aa2a93 e-flex e-con-boxed e-con e-parent\" data-id=\"8aa2a93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-73b5e35 e-con-full e-flex e-con e-child\" data-id=\"73b5e35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5204b8 elementor-widget elementor-widget-html\" data-id=\"e5204b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WORDPRESS POSTS GRID - Otomatik yaz\u0131 \u00e7eken widget (4 s\u00fctun)\r\n     Elementor > HTML Widget. Class\/id \"oxyp\" \u00f6n ekli.\r\n     WordPress REST API'den (\/wp-json\/wp\/v2\/posts) yaz\u0131lar\u0131 \u00e7eker.\r\n     ------------------------------------------------------------\r\n     AYARLAR a\u015fa\u011f\u0131da \"Ayarlar\" k\u0131sm\u0131nda:\r\n       PER_PAGE  -> ka\u00e7 yaz\u0131 g\u00f6sterilsin\r\n       CATEGORY  -> sadece belirli kategori (ID). Hepsi i\u00e7in '' b\u0131rak.\r\n     NOT: Baz\u0131 temalar HTML widget i\u00e7indeki <script>'i temizleyebilir.\r\n          \u00c7al\u0131\u015fmazsa kodu WPCode \/ Custom Code (footer) ile ekleyin.\r\n     ============================================================ -->\r\n\r\n<div id=\"oxyp\">\r\n  <div class=\"oxyp-grid\" id=\"oxyp-grid\">\r\n    <div class=\"oxyp-state\" id=\"oxyp-state\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#oxyp,#oxyp *{box-sizing:border-box;}\r\n#oxyp{\r\n  --oxyp-brand:#3494d9;\r\n  --oxyp-title:#122c44;\r\n  --oxyp-text:#5b6b7b;\r\n  --oxyp-border:#e5e9f2;\r\n  --oxyp-card:#ffffff;\r\n  width:100%;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  font-family:\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n#oxyp .oxyp-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);   \/* 4 s\u00fctun *\/\r\n  gap:24px;\r\n}\r\n#oxyp .oxyp-state{\r\n  grid-column:1\/-1;text-align:center;\r\n  color:var(--oxyp-text);padding:40px 0;font-size:.95rem;\r\n}\r\n\r\n\/* Kart *\/\r\n#oxyp .oxyp-card{\r\n  display:flex;flex-direction:column;\r\n  background:var(--oxyp-card);\r\n  border:1px solid var(--oxyp-border);\r\n  border-radius:16px;\r\n  overflow:hidden;\r\n  text-decoration:none;\r\n  box-shadow:0 10px 26px -20px rgba(15,47,102,.5);\r\n  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n}\r\n#oxyp .oxyp-card:hover{\r\n  transform:translateY(-4px);\r\n  border-color:#cfe0f2;\r\n  box-shadow:0 20px 40px -22px rgba(15,47,102,.55);\r\n}\r\n#oxyp .oxyp-thumb{\r\n  position:relative;width:100%;aspect-ratio:16\/10;overflow:hidden;background:#eef4fa;\r\n}\r\n#oxyp .oxyp-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}\r\n#oxyp .oxyp-card:hover .oxyp-thumb img{transform:scale(1.05);}\r\n#oxyp .oxyp-thumb .oxyp-noimg{\r\n  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\r\n  color:var(--oxyp-brand);opacity:.5;\r\n}\r\n#oxyp .oxyp-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px;flex:1;}\r\n#oxyp .oxyp-date{\r\n  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;\r\n  color:var(--oxyp-brand);\r\n}\r\n#oxyp .oxyp-ptitle{\r\n  font-size:1.02rem;font-weight:700;line-height:1.35;color:var(--oxyp-title);margin:0;\r\n}\r\n#oxyp .oxyp-excerpt{\r\n  font-size:.9rem;line-height:1.55;color:var(--oxyp-text);margin:0;\r\n  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;\r\n}\r\n#oxyp .oxyp-more{\r\n  margin-top:auto;padding-top:6px;\r\n  font-size:.86rem;font-weight:700;color:var(--oxyp-brand);\r\n}\r\n\r\n\/* \u0130skelet (y\u00fckleniyor animasyonu) *\/\r\n@keyframes oxyp-sh{0%{background-position:-200% 0;}100%{background-position:200% 0;}}\r\n#oxyp .oxyp-shimmer{background:linear-gradient(90deg,#eef2f7 25%,#e3ebf3 37%,#eef2f7 63%);background-size:200% 100%;animation:oxyp-sh 1.3s ease-in-out infinite;}\r\n#oxyp .oxyp-sk{border:1px solid var(--oxyp-border);border-radius:16px;overflow:hidden;background:#fff;}\r\n#oxyp .oxyp-sk-thumb{width:100%;aspect-ratio:16\/10;}\r\n#oxyp .oxyp-sk-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;}\r\n#oxyp .oxyp-sk-line{height:12px;border-radius:6px;}\r\n#oxyp .oxyp-w40{width:40%;}#oxyp .oxyp-w70{width:70%;}#oxyp .oxyp-w90{width:90%;}\r\n\r\n\/* Responsive: 4 -> 2 -> 1 *\/\r\n@media (max-width:1024px){ #oxyp .oxyp-grid{grid-template-columns:repeat(2,1fr);} }\r\n@media (max-width:560px){ #oxyp .oxyp-grid{grid-template-columns:1fr;} }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ ---- Ayarlar ----\r\n  var PER_PAGE = 12;     \/\/ ka\u00e7 yaz\u0131 g\u00f6sterilsin\r\n  var CATEGORY = '';     \/\/ sadece bir kategori ID'si (\u00f6r. 5). Hepsi i\u00e7in '' b\u0131rak.\r\n\r\n  var SKELETON = 8;      \/\/ y\u00fckleme s\u0131ras\u0131nda g\u00f6sterilecek iskelet kart say\u0131s\u0131\r\n\r\n  var grid = document.getElementById('oxyp-grid');\r\n  if (!grid) return;\r\n\r\n  function msg(t){ grid.innerHTML = '<div class=\"oxyp-state\">'+t+'<\/div>'; }\r\n  function skeletons(n){\r\n    var h='';\r\n    for(var i=0;i<n;i++){\r\n      h += '<div class=\"oxyp-sk\"><div class=\"oxyp-sk-thumb oxyp-shimmer\"><\/div>'\r\n         + '<div class=\"oxyp-sk-body\">'\r\n         + '<span class=\"oxyp-sk-line oxyp-shimmer oxyp-w40\"><\/span>'\r\n         + '<span class=\"oxyp-sk-line oxyp-shimmer oxyp-w90\"><\/span>'\r\n         + '<span class=\"oxyp-sk-line oxyp-shimmer oxyp-w70\"><\/span>'\r\n         + '<\/div><\/div>';\r\n    }\r\n    grid.innerHTML = h;\r\n  }\r\n  skeletons(SKELETON);\r\n\r\n  var api = window.location.origin + '\/wp-json\/wp\/v2\/posts?_embed&per_page=' + PER_PAGE\r\n          + (CATEGORY ? '&categories=' + CATEGORY : '');\r\n\r\n  function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; }\r\n  function stripTags(html){ var d=document.createElement('div'); d.innerHTML=html||''; return d.textContent||d.innerText||''; }\r\n  function fmtDate(iso){\r\n    try{ return new Date(iso).toLocaleDateString('tr-TR',{day:'numeric',month:'long',year:'numeric'}); }\r\n    catch(e){ return ''; }\r\n  }\r\n\r\n  fetch(api)\r\n    .then(function(r){ if(!r.ok) throw new Error(r.status); return r.json(); })\r\n    .then(function(posts){\r\n      if(!posts || !posts.length){ msg('No posts found.'); return; }\r\n      grid.innerHTML = '';\r\n      posts.forEach(function(p){\r\n        var img='';\r\n        try{\r\n          var m=p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];\r\n          if(m){\r\n            var sizes=m.media_details && m.media_details.sizes;\r\n            img=(sizes && (sizes.medium_large||sizes.large||sizes.medium)||{}).source_url || m.source_url || '';\r\n          }\r\n        }catch(e){}\r\n\r\n        var title=stripTags(p.title && p.title.rendered);\r\n        var excerpt=stripTags(p.excerpt && p.excerpt.rendered).trim();\r\n        var date=fmtDate(p.date);\r\n\r\n        var thumb = img\r\n          ? '<div class=\"oxyp-thumb\"><img decoding=\"async\" src=\"'+esc(img)+'\" alt=\"'+esc(title)+'\" loading=\"lazy\"><\/div>'\r\n          : '<div class=\"oxyp-thumb\"><span class=\"oxyp-noimg\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"m4 16 4-4 4 4 3-3 5 5\"\/><circle cx=\"9\" cy=\"9\" r=\"1.5\"\/><\/svg><\/span><\/div>';\r\n\r\n        var a=document.createElement('a');\r\n        a.className='oxyp-card';\r\n        a.href=p.link;\r\n        a.innerHTML =\r\n          thumb +\r\n          '<div class=\"oxyp-body\">' +\r\n            (date ? '<span class=\"oxyp-date\">'+esc(date)+'<\/span>' : '') +\r\n            '<h3 class=\"oxyp-ptitle\">'+esc(title)+'<\/h3>' +\r\n            (excerpt ? '<p class=\"oxyp-excerpt\">'+esc(excerpt)+'<\/p>' : '') +\r\n            '<span class=\"oxyp-more\">Read more \u2192<\/span>' +\r\n          '<\/div>';\r\n        grid.appendChild(a);\r\n      });\r\n    })\r\n    .catch(function(){\r\n      msg('Couldn\u2019t load posts.');\r\n    });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BLOG<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/pages\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":13,"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/pages\/787\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/pages\/787\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/oxylifetech.com\/nl\/wp-json\/wp\/v2\/media?parent=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}