{"id":1964,"date":"2026-05-17T17:25:25","date_gmt":"2026-05-17T10:25:25","guid":{"rendered":"https:\/\/www.centricoutsource.com\/blog-2\/"},"modified":"2026-06-11T05:21:44","modified_gmt":"2026-06-10T22:21:44","slug":"blog-2","status":"publish","type":"page","link":"https:\/\/www.centricoutsource.com\/th\/blog-2\/","title":{"rendered":"Blog"},"content":{"rendered":"<style>#centric-blog-wrapper { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } .blog-header { text-align: center; margin-bottom: 40px; } .blog-header h1 { font-size: 36px; color: #1a2b3c; font-weight: 800; margin-bottom: 15px; letter-spacing: -0.5px; } .blog-header p { font-size: 16px; color: #556b82; max-width: 650px; margin: 0 auto; line-height: 1.6; } .category-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e2e8f0; } .filter-btn { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; padding: 8px 22px; font-size: 14px; font-weight: 600; border-radius: 9999px; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .filter-btn:hover { background: #e2e8f0; color: #1e293b; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); } .filter-btn.active { background: #1a2b3c; color: #ffffff; border-color: #1a2b3c; box-shadow: 0 4px 12px rgba(26, 43, 60, 0.2); } .posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; } .post-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; height: 100%; } .post-card:hover { transform: translateY(-6px); box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1), 0 8px 8px -8px rgba(0, 0, 0, 0.05); border-color: #cbd5e1; } .post-image { width: 100%; height: 200px; overflow: hidden; position: relative; } .post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .post-card:hover .post-image img { transform: scale(1.04); } .post-image-placeholder { width: 100%; height: 200px; background: linear-gradient(135deg, #1a2b3c 0%, #3b82f6 100%); display: flex; align-items: center; justify-content: center; position: relative; } .post-image-placeholder a { color: #ffffff; font-size: 20px; font-weight: 800; text-decoration: none; letter-spacing: 1px; } .post-content { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; } .post-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .post-date { font-size: 13px; color: #64748b; } .post-categories-badges { display: flex; gap: 6px; flex-wrap: wrap; } .category-badge { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .category-badge.cat-397 { background: #fee2e2; color: #991b1b; } .category-badge.cat-398 { background: #dbeafe; color: #1e40af; } .category-badge.cat-399 { background: #dcfce7; color: #166534; } .category-badge.cat-400 { background: #f3e8ff; color: #6b21a8; } .category-badge.cat-401 { background: #fef9c3; color: #854d0e; } .category-badge.cat-5 { background: #fef3c7; color: #92400e; } .category-badge.cat-6 { background: #e0f2fe; color: #0369a1; } .category-badge.cat-7 { background: #ffedd5; color: #c2410c; } .category-badge.cat-8 { background: #e0e7ff; color: #3730a3; } .category-badge.cat-56 { background: #f1f5f9; color: #334155; } .post-title { font-size: 18px; color: #1a2b3c; font-weight: 700; margin: 0 0 12px 0; line-height: 1.45; } .post-title a { color: #1a2b3c; text-decoration: none; transition: color 0.2s ease; } .post-title a:hover { color: #3b82f6; } .post-excerpt { font-size: 14px; color: #475569; line-height: 1.6; margin-bottom: 20px; flex-grow: 1; } .post-excerpt p { margin: 0; } .read-more-link { font-size: 14px; font-weight: 700; color: #3b82f6; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: gap 0.2s ease; margin-top: auto; } .read-more-link:hover { color: #1a2b3c; gap: 8px; } .blog-loading, .blog-error, .blog-no-posts { grid-column: 1 \/ -1; text-align: center; padding: 60px 20px; font-size: 16px; color: #64748b; background: #f8fafc; border-radius: 12px; border: 1px dashed #e2e8f0; } @media (max-width: 768px) { .posts-grid { grid-template-columns: 1fr; } .blog-header h1 { font-size: 28px; } .category-filters { justify-content: flex-start; overflow-x: auto; padding-bottom: 12px; -webkit-overflow-scrolling: touch; } .filter-btn { flex-shrink: 0; } }<\/style>\n<div id=\"centric-blog-wrapper\">\n<div class=\"blog-header\">\n<h1>\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e30\u0e19\u0e48\u0e32\u0e23\u0e39\u0e49<\/h1>\n<p>\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e23\u0e27\u0e21\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e20\u0e32\u0e29\u0e35 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 SME \u0e41\u0e25\u0e30 Startup<\/p>\n<\/p><\/div>\n<div id=\"blog-category-filters\" class=\"category-filters\"> <button class=\"filter-btn active\" data-category=\"all\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/button> <\/div>\n<div id=\"blog-posts-grid\" class=\"posts-grid\">\n<div class=\"blog-loading\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14&#8230;<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>document.addEventListener(\"DOMContentLoaded\", function() { const apiBase = \"https:\/\/www.centricoutsource.com\/wp-json\/wp\/v2\"; const postsGrid = document.getElementById(\"blog-posts-grid\"); const filterContainer = document.getElementById(\"blog-category-filters\"); let allPosts = []; let categoriesMap = {}; fetch(apiBase + \"\/categories?per_page=100&hide_empty=true\") .then(function(res) { return res.json(); }) .then(function(categories) { categories.forEach(function(cat) { categoriesMap[cat.id] = cat.name; const lowerSlug = cat.slug.toLowerCase(); if (lowerSlug !== \"uncategorized\" && lowerSlug !== \"bez-rubriki\" && !lowerSlug.includes(\"july\") && !lowerSlug.includes(\"june\") && lowerSlug !== \"pages\" && lowerSlug !== \"stories\") { const btn = document.createElement(\"button\"); btn.className = \"filter-btn\"; btn.textContent = cat.name; btn.setAttribute(\"data-category\", cat.id); btn.addEventListener(\"click\", function() { filterCategory(cat.id, btn); }); filterContainer.appendChild(btn); } }); return fetch(apiBase + \"\/posts?per_page=100&status=publish&_embed\"); }) .then(function(res) { return res.json(); }) .then(function(posts) { allPosts = posts; renderPosts(posts); }) .catch(function(err) { console.error(\"Error loading blog content:\", err); const errHTML = \"[div class='blog-error']\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07[\/div]\"; postsGrid.innerHTML = errHTML.replace(\/\\[\/g, String.fromCharCode(60)).replace(\/\\]\/g, String.fromCharCode(62)); }); function renderPosts(posts) { if (posts.length === 0) { const noPostsHTML = \"[div class='blog-no-posts']\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e19\u0e35\u0e49[\/div]\"; postsGrid.innerHTML = noPostsHTML.replace(\/\\[\/g, String.fromCharCode(60)).replace(\/\\]\/g, String.fromCharCode(62)); return; } postsGrid.innerHTML = \"\"; posts.forEach(function(post) { const card = document.createElement(\"div\"); card.className = \"post-card\"; let imgHtml = \"\"; const featuredMedia = post._embedded && post._embedded[\"wp:featuredmedia\"] && post._embedded[\"wp:featuredmedia\"][0]; if (featuredMedia && featuredMedia.source_url) { imgHtml = \"[div class='post-image'][a href='\" + post.link + \"'][img src='\" + featuredMedia.source_url + \"' alt='\" + post.title.rendered + \"' \/][\/a][\/div]\"; } else { imgHtml = \"[div class='post-image-placeholder'][a href='\" + post.link + \"']Centric Outsource[\/a][\/div]\"; } let catBadges = \"\"; if (post.categories) { post.categories.forEach(function(catId) { const catName = categoriesMap[catId]; if (catName && catName !== \"Uncategorized\" && catName !== \"Bez-rubriki\") { catBadges += \"[span class='category-badge cat-\" + catId + \"']\" + catName + \"[\/span]\"; } }); } const postDate = new Date(post.date); const formattedDate = postDate.toLocaleDateString(\"th-TH\", { year: \"numeric\", month: \"long\", day: \"numeric\" }); const cardHTML = \"[div class='post-content'][div class='post-meta'][span class='post-date']\" + formattedDate + \"[\/span][div class='post-categories-badges']\" + catBadges + \"[\/div][\/div][h2 class='post-title'][a href='\" + post.link + \"']\" + post.title.rendered + \"[\/a][\/h2][div class='post-excerpt']\" + post.excerpt.rendered + \"[\/div][a href='\" + post.link + \"' class='read-more-link']\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d [span class='arrow']&rarr;[\/span][\/a][\/div]\"; card.innerHTML = (imgHtml + cardHTML).replace(\/\\[\/g, String.fromCharCode(60)).replace(\/\\]\/g, String.fromCharCode(62)); postsGrid.appendChild(card); }); } function filterCategory(catId, activeBtn) { document.querySelectorAll(\".filter-btn\").forEach(function(btn) { btn.classList.remove(\"active\"); }); activeBtn.classList.add(\"active\"); if (catId === \"all\") { renderPosts(allPosts); } else { const filtered = allPosts.filter(function(post) { return post.categories && post.categories.includes(Number(catId)); }); renderPosts(filtered); } } document.querySelector('.filter-btn[data-category=\"all\"]').addEventListener(\"click\", function() { filterCategory(\"all\", this); }); });<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e30\u0e19\u0e48\u0e32\u0e23\u0e39\u0e49 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e23\u0e27\u0e21\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e20\u0e32\u0e29\u0e35 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 SME \u0e41\u0e25\u0e30 Startup \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1964","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.centricoutsource.com\/th\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e30\u0e19\u0e48\u0e32\u0e23\u0e39\u0e49 \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e23\u0e27\u0e21\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e20\u0e32\u0e29\u0e35 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 SME \u0e41\u0e25\u0e30 Startup \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14&#8230;","_links":{"self":[{"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/pages\/1964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/comments?post=1964"}],"version-history":[{"count":21,"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/pages\/1964\/revisions"}],"predecessor-version":[{"id":2547,"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/pages\/1964\/revisions\/2547"}],"wp:attachment":[{"href":"https:\/\/www.centricoutsource.com\/th\/wp-json\/wp\/v2\/media?parent=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}