{"id":4484,"date":"2026-01-30T16:41:43","date_gmt":"2026-01-30T09:41:43","guid":{"rendered":"https:\/\/wpdesign.vn\/huong-dan-su-dung-css-media-queries-website-responsive\/"},"modified":"2026-05-05T15:03:13","modified_gmt":"2026-05-05T08:03:13","slug":"huong-dan-su-dung-css-media-queries-website-responsive","status":"publish","type":"post","link":"https:\/\/wpdesign.vn\/vi\/huong-dan-su-dung-css-media-queries-website-responsive\/","title":{"rendered":"H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng CSS @media Queries: Website Responsive"},"content":{"rendered":"\n<p>Trong b\u1ed1i c\u1ea3nh c\u00f4ng ngh\u1ec7 s\u1ed1 hi\u1ec7n nay, thi\u1ebft k\u1ebf giao di\u1ec7n kh\u00f4ng c\u00f2n \u0111\u01a1n thu\u1ea7n l\u00e0 vi\u1ec7c s\u1eafp x\u1ebfp c\u00e1c y\u1ebfu t\u1ed1 th\u1ea9m m\u1ef9 tr\u00ean m\u1ed9t khung h\u00ecnh c\u1ed1 \u0111\u1ecbnh. S\u1ef1 b\u00f9ng n\u1ed5 c\u1ee7a c\u00e1c thi\u1ebft b\u1ecb c\u1ea7m tay, t\u1eeb \u0111i\u1ec7n tho\u1ea1i th\u00f4ng minh, m\u00e1y t\u00ednh b\u1ea3ng cho \u0111\u1ebfn c\u00e1c m\u00e0n h\u00ecnh si\u00eau r\u1ed9ng (Ultra-wide), \u0111\u00e3 \u0111\u1eb7t ra m\u1ed9t th\u00e1ch th\u1ee9c l\u1edbn: L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 duy tr\u00ec t\u00ednh nh\u1ea5t qu\u00e1n v\u00e0 hi\u1ec7u qu\u1ea3 c\u1ee7a giao di\u1ec7n tr\u00ean m\u1ecdi k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh? C\u00e2u tr\u1ea3 l\u1eddi n\u1eb1m \u1edf CSS @media Queries \u2013 c\u00f4ng c\u1ee5 c\u1ed1t l\u00f5i \u0111\u1ecbnh h\u00ecnh n\u00ean kh\u00e1i ni\u1ec7m Responsive Web Design.  <\/p>\n\n<h4 class=\"wp-block-heading\">1. Tri\u1ebft l\u00fd \u0111\u1eb1ng sau @media Queries<\/h4>\n\n<p>Ch\u00fang ta th\u01b0\u1eddng l\u1ea7m t\u01b0\u1edfng @media Queries ch\u1ec9 l\u00e0 nh\u1eefng \u0111o\u1ea1n m\u00e3 k\u1ef9 thu\u1eadt. Th\u1ef1c t\u1ebf, \u0111\u00f3 l\u00e0 m\u1ed9t t\u01b0 duy th\u00edch \u1ee9ng. Thay v\u00ec \u00e9p bu\u1ed9c ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i thay \u0111\u1ed5i th\u00f3i quen \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi website, @media Queries gi\u00fap website t\u1ef1 chuy\u1ec3n m\u00ecnh \u0111\u1ec3 ph\u1ee5c v\u1ee5 ng\u01b0\u1eddi d\u00f9ng.  <\/p>\n\n<p>V\u1ec1 m\u1eb7t logic, @media Query ho\u1ea1t \u0111\u1ed9ng nh\u01b0 m\u1ed9t b\u1ed9 l\u1ecdc \u0111i\u1ec1u ki\u1ec7n. Tr\u00ecnh duy\u1ec7t s\u1ebd ki\u1ec3m tra c\u00e1c \u0111\u1eb7c t\u00ednh c\u1ee7a thi\u1ebft b\u1ecb (viewport width, resolution, orientation&#8230;) v\u00e0 ch\u1ec9 k\u00edch ho\u1ea1t c\u00e1c kh\u1ed1i l\u1ec7nh CSS t\u01b0\u01a1ng \u1ee9ng khi \u0111i\u1ec1u ki\u1ec7n \u0111\u01b0\u1ee3c th\u1ecfa m\u00e3n. \u0110i\u1ec1u n\u00e0y \u0111\u1ea3m b\u1ea3o r\u1eb1ng ch\u00fang ta kh\u00f4ng ch\u1ec9 thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc ph\u1ea7n t\u1eed, m\u00e0 c\u00f2n c\u00f3 th\u1ec3 thay \u0111\u1ed5i c\u1ea3 c\u00e1ch c\u1ea5u tr\u00fac n\u1ed9i dung \u0111\u01b0\u1ee3c \u01b0u ti\u00ean hi\u1ec3n th\u1ecb.  <\/p>\n\n<h4 class=\"wp-block-heading\">2. H\u1ec7 th\u1ee9c logic trong m\u1ed9t truy v\u1ea5n ph\u01b0\u01a1ng ti\u1ec7n Media Query<\/h4>\n\n<p>\u0110\u1ec3 s\u1eed d\u1ee5ng chuy\u00ean nghi\u1ec7p, ch\u00fang ta c\u1ea7n n\u1eafm r\u00f5 ba th\u00e0nh ph\u1ea7n c\u01a1 b\u1ea3n c\u1ee7a m\u1ed9t truy v\u1ea5n:<\/p>\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li><strong>Media Types (Lo\u1ea1i ph\u01b0\u01a1ng ti\u1ec7n):<\/strong> X\u00e1c \u0111\u1ecbnh m\u00f4i tr\u01b0\u1eddng \u0111\u00edch. Trong \u0111\u00f3, <code>screen<\/code> l\u00e0 l\u1ef1a ch\u1ecdn ph\u1ed5 bi\u1ebfn nh\u1ea5t cho c\u00e1c giao di\u1ec7n s\u1ed1, v\u00e0 <code>print<\/code> d\u00e0nh cho t\u1ed1i \u01b0u h\u00f3a b\u1ea3n in. <\/li>\n\n\n\n<li><strong>Media Features (\u0110\u1eb7c \u0111i\u1ec3m ph\u01b0\u01a1ng ti\u1ec7n):<\/strong> \u0110\u00e2y l\u00e0 c\u00e1c bi\u1ebfn s\u1ed1 m\u00e0 ch\u00fang ta mu\u1ed1n ki\u1ec3m tra nh\u01b0 <code>width<\/code>, <code>height<\/code>, <code>aspect-ratio<\/code>, hay <code>color-gamut<\/code>.<\/li>\n\n\n\n<li><strong>Logical Operators (To\u00e1n t\u1eed logic):<\/strong> C\u00e1c t\u1eeb kh\u00f3a <code>and<\/code>, <code>not<\/code>, v\u00e0 <code>only<\/code> cho ph\u00e9p ch\u00fang ta k\u1ebft h\u1ee3p nhi\u1ec1u \u0111i\u1ec1u ki\u1ec7n \u0111\u1ec3 t\u1ea1o ra nh\u1eefng b\u1ed9 l\u1ecdc tinh vi h\u01a1n.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"611\" height=\"97\" src=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/03\/screencapture-voiceinulsan-co-kr-2026-03-31-07_45_32.webpwp-content\/uploads\/2026\/01\/Capture1-5.jpg\" alt=\"\" class=\"wp-image-563\" srcset=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture1-5.jpg 611w, https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture1-5-420x67.jpg 420w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\">3. Chi\u1ebfn l\u01b0\u1ee3c x\u00e2y d\u1ef1ng Breakpoints<\/h4>\n\n<p>M\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean chuy\u00ean nghi\u1ec7p kh\u00f4ng ch\u1ecdn Breakpoint d\u1ef1a tr\u00ean k\u00edch th\u01b0\u1edbc c\u1ee7a m\u1ed9t chi\u1ebfc iPhone c\u1ee5 th\u1ec3. H\u1ecd ch\u1ecdn Breakpoint d\u1ef1a tr\u00ean \u0111i\u1ec3m g\u00e3y c\u1ee7a n\u1ed9i dung. <\/p>\n\n<h6 class=\"wp-block-heading\">C\u00e1c m\u1ed1c chu\u1ea9n trong thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng (Design Systems):<\/h6>\n\n<ul class=\"wp-block-list\">\n<li><strong>Small (Mobile):<\/strong> Th\u01b0\u1eddng d\u01b0\u1edbi <strong>576px<\/strong>. T\u1eadp trung v\u00e0o tr\u1ea3i nghi\u1ec7m m\u1ed9t c\u1ed9t, \u01b0u ti\u00ean c\u00e1c t\u01b0\u01a1ng t\u00e1c ch\u1ea1m (touch). <\/li>\n\n\n\n<li><strong>Medium (Tablet):<\/strong> T\u1eeb <strong>576px \u0111\u1ebfn 992px<\/strong>. B\u1eaft \u0111\u1ea7u m\u1edf r\u1ed9ng b\u1ed1 c\u1ee5c th\u00e0nh hai c\u1ed9t, t\u1ed1i \u01b0u h\u00f3a kh\u00f4ng gian cho c\u00e1c thi\u1ebft b\u1ecb c\u1ea7m tay m\u00e0n h\u00ecnh l\u1edbn. <\/li>\n\n\n\n<li><strong>Large (Desktop):<\/strong> T\u1eeb <strong>992px \u0111\u1ebfn 1200px<\/strong>. Giao di\u1ec7n \u0111\u1ea7y \u0111\u1ee7 v\u1edbi menu \u0111i\u1ec1u h\u01b0\u1edbng d\u00e0n h\u00e0ng ngang v\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n ph\u1ee9c t\u1ea1p. <\/li>\n\n\n\n<li><strong>Extra Large (High-res):<\/strong> Tr\u00ean <strong>1200px<\/strong>. T\u1ed1i \u01b0u h\u00f3a kho\u1ea3ng tr\u1eafng (whitespace) \u0111\u1ec3 tr\u00e1nh vi\u1ec7c n\u1ed9i dung b\u1ecb k\u00e9o gi\u00e3n qu\u00e1 m\u1ee9c tr\u00ean m\u00e0n h\u00ecnh l\u1edbn. <\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">4. Mobile-First: T\u01b0 duy c\u1ee7a s\u1ef1 t\u1ed1i gi\u1ea3n<\/h4>\n\n<p>Trong thi\u1ebft k\u1ebf chuy\u00ean nghi\u1ec7p, chi\u1ebfn l\u01b0\u1ee3c <strong>Mobile-First<\/strong> (\u01afu ti\u00ean di \u0111\u1ed9ng) \u0111\u01b0\u1ee3c coi l\u00e0 ti\u00eau chu\u1ea9n v\u00e0ng. Ch\u00fang ta vi\u1ebft CSS cho m\u00e0n h\u00ecnh nh\u1ecf nh\u1ea5t tr\u01b0\u1edbc, sau \u0111\u00f3 d\u00f9ng Media Queries v\u1edbi \u0111i\u1ec1u ki\u1ec7n <code>min-width<\/code> \u0111\u1ec3 n\u00e2ng c\u1ea5p d\u1ea7n giao di\u1ec7n cho m\u00e0n h\u00ecnh l\u1edbn h\u01a1n. <\/p>\n\n<p><strong>T\u1ea1i sao Mobile-First l\u1ea1i chuy\u00ean nghi\u1ec7p h\u01a1n?<\/strong><\/p>\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li><strong>Hi\u1ec7u su\u1ea5t:<\/strong> C\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng th\u01b0\u1eddng c\u00f3 t\u00e0i nguy\u00ean ph\u1ea7n c\u1ee9ng h\u1ea1n ch\u1ebf. Vi\u1ec7c ch\u1ea1y CSS c\u01a1 b\u1ea3n tr\u01b0\u1edbc gi\u00fap gi\u1ea3m t\u1ea3i cho tr\u00ecnh duy\u1ec7t. <\/li>\n\n\n\n<li><strong>Kh\u1ea3 n\u0103ng b\u1ea3o tr\u00ec:<\/strong> Code c\u1ee7a b\u1ea1n s\u1ebd \u0111i theo h\u01b0\u1edbng t\u00edch l\u0169y (additive) thay v\u00ec tri\u1ec7t ti\u00eau (subtractive). B\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i vi\u1ebft code \u0111\u1ec3 &#8220;x\u00f3a&#8221; \u0111i c\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a m\u00e1y t\u00ednh khi xu\u1ed1ng \u0111i\u1ec7n tho\u1ea1i. <\/li>\n\n\n\n<li><strong>T\u01b0 duy n\u1ed9i dung:<\/strong> N\u00f3 bu\u1ed9c nh\u00e0 thi\u1ebft k\u1ebf ph\u1ea3i x\u00e1c \u0111\u1ecbnh \u0111i\u1ec1u g\u00ec l\u00e0 c\u1ed1t l\u00f5i nh\u1ea5t c\u1ee7a trang web khi kh\u00f4ng gian hi\u1ec3n th\u1ecb b\u1ecb b\u00f3p ngh\u1eb9t.<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">5. T\u1ed1i \u01b0u h\u00f3a s\u00e2u: Kh\u00f4ng ch\u1ec9 l\u00e0 k\u00edch th\u01b0\u1edbc<\/h4>\n\n<p>M\u1ed9t website chuy\u00ean nghi\u1ec7p c\u1ea7n quan t\u00e2m \u0111\u1ebfn nhi\u1ec1u y\u1ebfu t\u1ed1 h\u01a1n l\u00e0 ch\u1ec9 chi\u1ec1u r\u1ed9ng m\u00e0n h\u00ecnh:<\/p>\n\n<h6 class=\"wp-block-heading\">5.1. T\u01b0\u01a1ng t\u00e1c ng\u01b0\u1eddi d\u00f9ng Hover &amp; Pointer<\/h6>\n\n<p>Nhi\u1ec1u l\u1ed7i giao di\u1ec7n x\u1ea3y ra khi ch\u00fang ta \u00e1p d\u1ee5ng hi\u1ec7u \u1ee9ng <code>:hover<\/code> l\u00ean m\u00e0n h\u00ecnh c\u1ea3m \u1ee9ng. S\u1eed d\u1ee5ng Media Queries \u0111\u1ec3 ki\u1ec3m tra kh\u1ea3 n\u0103ng t\u01b0\u01a1ng t\u00e1c c\u1ee7a thi\u1ebft b\u1ecb l\u00e0 m\u1ed9t b\u01b0\u1edbc \u0111i th\u00f4ng minh: <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"615\" height=\"98\" src=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/03\/screencapture-voiceinulsan-co-kr-2026-03-31-07_45_32.webpwp-content\/uploads\/2026\/01\/Capture2-4.jpg\" alt=\"\" class=\"wp-image-564\" srcset=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture2-4.jpg 615w, https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture2-4-420x67.jpg 420w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n<h6 class=\"wp-block-heading\">5.2. Ch\u1ebf \u0111\u1ed9 Dark Mode<\/h6>\n\n<p>Vi\u1ec7c h\u1ed7 tr\u1ee3 <code>prefers-color-scheme<\/code> th\u1ec3 hi\u1ec7n s\u1ef1 tinh t\u1ebf c\u1ee7a nh\u00e0 ph\u00e1t tri\u1ec3n \u0111\u1ed1i v\u1edbi th\u1ecb gi\u00e1c ng\u01b0\u1eddi d\u00f9ng:<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"620\" height=\"81\" src=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/03\/screencapture-voiceinulsan-co-kr-2026-03-31-07_45_32.webpwp-content\/uploads\/2026\/01\/Capture3-2.jpg\" alt=\"\" class=\"wp-image-565\" srcset=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture3-2.jpg 620w, https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture3-2-420x55.jpg 420w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\">6. Nh\u1eefng l\u01b0u \u00fd \u0111\u1ec3 m\u00e3 ngu\u1ed3n s\u1ea1ch v\u00e0 hi\u1ec7u qu\u1ea3<\/h4>\n\n<p>\u0110\u1ec3 qu\u1ea3n l\u00fd @media Queries trong c\u00e1c d\u1ef1 \u00e1n l\u1edbn, h\u00e3y tu\u00e2n th\u1ee7 c\u00e1c nguy\u00ean t\u1eafc sau:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Kh\u00f4ng vi\u1ebft r\u1ea3i r\u00e1c:<\/strong> H\u00e3y gom c\u00e1c \u0111o\u1ea1n Media Query li\u00ean quan l\u1ea1i v\u1edbi nhau ho\u1eb7c \u0111\u1eb7t ch\u00fang ngay b\u00ean d\u01b0\u1edbi selector g\u1ed1c \u0111\u1ec3 d\u1ec5 d\u00e0ng theo d\u00f5i.<\/li>\n\n\n\n<li><strong>S\u1eed d\u1ee5ng bi\u1ebfn (Variables):<\/strong> N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng c\u00e1c ti\u1ec1n x\u1eed l\u00fd nh\u01b0 SASS\/SCSS, h\u00e3y \u0111\u1eb7t t\u00ean cho c\u00e1c m\u1ed1c Breakpoints (v\u00ed d\u1ee5: <code>$tablet: 768px<\/code>).<\/li>\n\n\n\n<li><strong>Lu\u00f4n s\u1eed d\u1ee5ng Meta Viewport:<\/strong> \u0110\u1ea3m b\u1ea3o th\u1ebb <code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;<\/code> lu\u00f4n hi\u1ec7n di\u1ec7n \u0111\u1ec3 tr\u00ecnh duy\u1ec7t hi\u1ec3u c\u00e1ch \u00e1nh x\u1ea1 k\u00edch th\u01b0\u1edbc v\u1eadt l\u00fd sang k\u00edch th\u01b0\u1edbc logic.<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">7. K\u1ebft lu\u1eadn<\/h4>\n\n<p>CSS @media Queries kh\u00f4ng ch\u1ec9 l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 k\u1ef9 thu\u1eadt n\u00f3 l\u00e0 c\u1ea7u n\u1ed1i gi\u1eefa n\u1ed9i dung v\u00e0 thi\u1ebft b\u1ecb. Vi\u1ec7c l\u00e0m ch\u1ee7 c\u00f4ng c\u1ee5 n\u00e0y \u0111\u00f2i h\u1ecfi s\u1ef1 k\u1ebft h\u1ee3p gi\u1eefa k\u1ef9 n\u0103ng l\u1eadp tr\u00ecnh ch\u00ednh x\u00e1c v\u00e0 t\u01b0 duy th\u1ea5u c\u1ea3m ng\u01b0\u1eddi d\u00f9ng. M\u1ed9t chuy\u00ean gia th\u1ef1c th\u1ee5 s\u1ebd kh\u00f4ng c\u1ed1 g\u1eafng t\u1ea1o ra m\u1ed9t website gi\u1ed1ng h\u1ec7t nhau tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb, m\u00e0 t\u1ea1o ra m\u1ed9t website v\u1eadn h\u00e0nh t\u1ed1t nh\u1ea5t tr\u00ean t\u1eebng thi\u1ebft b\u1ecb \u0111\u00f3.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u1ed1i c\u1ea3nh c\u00f4ng ngh\u1ec7 s\u1ed1 hi\u1ec7n nay, thi\u1ebft k\u1ebf giao di\u1ec7n kh\u00f4ng c\u00f2n \u0111\u01a1n thu\u1ea7n l\u00e0 vi\u1ec7c s\u1eafp x\u1ebfp [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[25],"tags":[],"class_list":["post-4484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publishing"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/comments?post=4484"}],"version-history":[{"count":1,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4484\/revisions"}],"predecessor-version":[{"id":4488,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4484\/revisions\/4488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media\/4483"}],"wp:attachment":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media?parent=4484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/categories?post=4484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/tags?post=4484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}