{"id":28,"date":"2026-06-03T17:55:02","date_gmt":"2026-06-03T14:25:02","guid":{"rendered":"https:\/\/nopaya.ir\/?page_id=28"},"modified":"2026-07-11T20:57:54","modified_gmt":"2026-07-11T17:27:54","slug":"blog","status":"publish","type":"page","link":"https:\/\/nopaya.ir\/blog\/","title":{"rendered":"\u0648\u0628\u0644\u0627\u06af"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b8fb4c e-flex e-con-boxed e-con e-parent\" data-id=\"6b8fb4c\" 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-66de07e elementor-widget elementor-widget-html\" data-id=\"66de07e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"nopaya-blog\">\r\n  <h1>\u0648\u0628\u0644\u0627\u06af \u0646\u0648\u067e\u0627\u06cc\u0627<\/h1>\r\n  <div id=\"posts-container\" class=\"posts-grid\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.nopaya-blog{\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.nopaya-blog h1{\r\n    text-align: center;\r\n    color: #5a2a83; \/* \u0628\u0646\u0641\u0634 *\/\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.posts-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));\r\n    gap: 30px;\r\n}\r\n\r\n.post-card{\r\n    border: 1px solid #ddd;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.3s;\r\n}\r\n\r\n.post-card:hover{\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.post-thumb img{\r\n    width: 100%;\r\n    height: 200px;\r\n    object-fit: cover;\r\n}\r\n\r\n.post-content{\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.post-title{\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #5a2a83; \/* \u0628\u0646\u0641\u0634 *\/\r\n}\r\n\r\n.post-excerpt{\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: #555;\r\n    flex-grow: 1;\r\n}\r\n\r\n.post-meta{\r\n    font-size: 13px;\r\n    color: #888;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 10px;\r\n}\r\n\r\n.post-link{\r\n    margin-top: 10px;\r\n    padding: 10px 15px;\r\n    background: #ff6600; \/* \u0646\u0627\u0631\u0646\u062c\u06cc *\/\r\n    color: #fff;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    border-radius: 6px;\r\n    font-weight: 600;\r\n    transition: background 0.3s;\r\n}\r\n\r\n.post-link:hover{\r\n    background: #cc5200;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfetch('\/blog\/wp-json\/wp\/v2\/posts?per_page=3&_embed')\r\n.then(res => res.json())\r\n.then(posts => {\r\n    const container = document.getElementById('posts-container');\r\n\r\n    posts.forEach(post => {\r\n        \/\/ \u062a\u0635\u0648\u06cc\u0631 \u0634\u0627\u062e\u0635\r\n        let thumb = '';\r\n        if(post._embedded && post._embedded['wp:featuredmedia']){\r\n            thumb = post._embedded['wp:featuredmedia'][0].source_url;\r\n        } else {\r\n            thumb = 'https:\/\/via.placeholder.com\/400x200?text=No+Image';\r\n        }\r\n\r\n        \/\/ \u062a\u0627\u0631\u06cc\u062e \u0648 \u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0645\u0637\u0627\u0644\u0639\u0647 (\u0641\u0631\u0636\u06cc)\r\n        const date = new Date(post.date);\r\n        const options = {year: 'numeric', month: 'long', day: 'numeric'};\r\n        const readingTime = Math.ceil(post.content.rendered.replace(\/<[^>]+>\/g,\"\").split(\" \").length \/ 200);\r\n\r\n        const card = document.createElement('div');\r\n        card.className = 'post-card';\r\n        card.innerHTML = `\r\n            <div class=\"post-thumb\"><img decoding=\"async\" src=\"${thumb}\" alt=\"${post.title.rendered}\"><\/div>\r\n            <div class=\"post-content\">\r\n                <div class=\"post-title\">${post.title.rendered}<\/div>\r\n                <div class=\"post-excerpt\">${post.excerpt.rendered}<\/div>\r\n                <div class=\"post-meta\">\r\n                    <span>${date.toLocaleDateString('fa-IR', options)}<\/span>\r\n                    <span>${readingTime} \u062f\u0642\u06cc\u0642\u0647 \u0645\u0637\u0627\u0644\u0639\u0647<\/span>\r\n                <\/div>\r\n                <a class=\"post-link\" href=\"${post.link}\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<\/a>\r\n            <\/div>\r\n        `;\r\n        container.appendChild(card);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0648\u0628\u0644\u0627\u06af \u0646\u0648\u067e\u0627\u06cc\u0627<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":16,"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/pages\/28\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/nopaya.ir\/blog\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}