{"id":1943,"date":"2024-03-01T03:54:16","date_gmt":"2024-03-01T03:54:16","guid":{"rendered":"https:\/\/khogiaodienmau.net\/muathemewp\/huong-dan-su-dung-flatsome-chi-tiet-tu-a-toi-z-nam-2023\/"},"modified":"2024-03-01T03:54:27","modified_gmt":"2024-03-01T03:54:27","slug":"huong-dan-su-dung-flatsome-chi-tiet-tu-a-toi-z-nam-2023","status":"publish","type":"post","link":"https:\/\/khogiaodienmau.net\/muathemewp\/huong-dan-su-dung-flatsome-chi-tiet-tu-a-toi-z-nam-2023\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome chi ti\u1ebft t\u1eeb A t\u1edbi Z n\u0103m 2023"},"content":{"rendered":"<\/p>\n
\n
\n

Flatsome l\u00e0 m\u1ed9t Theme ph\u00f9 h\u1ee3p v\u1edbi vi\u1ec7c b\u00e1n h\u00e0ng v\u00e0 n\u1ed5i ti\u1ebfng nh\u1ea5t hi\u1ec7n nay. N\u00f3 l\u1ea7n \u0111\u1ea7u ti\u00ean xu\u1ea5t hi\u1ec7n v\u00e0o n\u0103m 2013, tr\u1ea3i qua h\u01a1n 7 n\u0103m ph\u00e1t tri\u1ec3n, hi\u1ec7n nay n\u00f3 c\u0169ng c\u00f3 ch\u1ed7 \u0111\u1ee9ng nh\u1ea5t \u0111\u1ecbnh trong c\u1ed9ng \u0111\u1ed3ng l\u00e0m Website. Trong b\u00e0i n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n s\u1eed d\u1ee5ng Flatsome t\u1eeb c\u01a1 b\u1ea3n bao g\u1ed3m logo, header, footer, widget, menu, m\u00e0u s\u1eafc, b\u1ed1 c\u1ee5c layout, css,\u2026 v\u00e0 c\u00e1c t\u00ednh n\u0103ng \u201cn\u00e2ng cao\u201d m\u1ed9t ch\u00fat nh\u01b0 s\u1eed d\u1ee5ng UX Block, t\u00f9y bi\u1ebfn Menu D\u1ecdc, t\u00f9y bi\u1ebfn trang s\u1ea3n ph\u1ea9m, thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng Responsive,\u2026<\/strong><\/p>\n

Mua Flatsome \u1edf \u0111\u00e2u?<\/strong><\/span><\/h2>\n

B\u1ea1n\u00a0n\u00ean s\u1eeda d\u1ee5ng Flatsome c\u00f3 b\u1ea3n quy\u1ec1n<\/strong>, \u0111\u01b0\u1ee3c b\u00e1n tr\u00ean Themeforest v\u1edbi gi\u00e1 v\u00e0o kho\u1ea3ng 60$, \u0111\u00e2y l\u00e0 1 chi ph\u00ed r\u1ea5t r\u1ebb cho 1 website th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed chu\u1ea9n. C\u00f3 r\u1ea5t nhi\u1ec1u trang chia s\u1ebb b\u1ea3n mi\u1ec5n ph\u00ed m\u00e0 kh\u00f4ng m\u1ea5t ti\u1ec1n mua, theo m\u00ecnh b\u1ea1n kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng. V\u00ec ch\u00ednh h\u00e3ng h\u1ecd ch\u1ec9 cung c\u1ea5p b\u1ea3n quy\u1ec1n cho 1 domain. H\u1ecd chia s\u1ebb cho b\u1ea1n l\u00e0 b\u1ea3n kh\u00f4ng r\u00f5 ngu\u1ed3n g\u1ed1c, \u0111\u01b0\u1ee3c active s\u1eb5n, khi d\u00f9ng nh\u1eefng b\u1ea3n null n\u00e0y d\u1ec5 d\u00ednh virus. M\u00e0 khi website b\u1ecb m\u00e3 \u0111\u1ed9c b\u1ea1n r\u1ea5t m\u1ec7t m\u1ecfi khi ph\u1ea3i s\u1eeda.<\/p>\n

Themeforest\u00a0l\u00e0 n\u01a1i chuy\u00ean b\u00e1n theme (giao di\u1ec7n) c\u1ee7a Flatsome \u0111\u01b0\u1ee3c qu\u1ea3n l\u00fd b\u1edfi\u00a0Envato.\u00a0<\/strong>C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 mua Flatsome b\u1ea3n quy\u1ec1n t\u1eeb\u00a0Trang ch\u1ee7 <\/strong>c\u1ee7a nh\u00e0 ph\u00e1t tri\u1ec3n, ho\u1eb7c c\u0169ng c\u00f3 th\u1ec3 mua Flatsome b\u1ea3n quy\u1ec1n v\u1edbi gi\u00e1 r\u1ebb c\u1ee7a m\u00ecnh cung c\u1ea5p, \u0111\u1ea3m b\u1ea3o 100% t\u1ea3i v\u1ec1 t\u1eeb Themeforest, m\u00ecnh s\u1ebd h\u1ed7 tr\u1ee3 t\u1ea3i tr\u1ef1c ti\u1ebfp b\u1eb1ng Teamview \u0111\u1ed3ng th\u1eddi h\u1ed7 tr\u1ee3 c\u1eadp nh\u1eadt tr\u1ecdn \u0111\u1eddi, b\u1ea1n c\u00f3 th\u1ec3 g\u00f5 v\u00e0o website n\u00e0y \u0111\u1ec3 t\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m c\u1ee5 th\u1ec3.<\/p>\n

\"Giao
Giao di\u1ec7n trang ch\u1ee7 c\u1ee7a Flatsome t\u1ea1i Evanto<\/figcaption><\/figure>\n

C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 mua b\u1eb1ng m\u1ed9t trong 2 c\u00e1ch tr\u00ean, \u0111\u01b0\u01a1ng nhi\u00ean c\u00e1ch m\u00ecnh \u0111\u00e3 gi\u1edbi thi\u1ec7u v\u00e0 h\u01b0\u1edbng d\u1eabn cho b\u1ea1n th\u00ec an to\u00e0n 100% c\u1ea3 2 c\u00e1ch n\u00ean c\u1ee9 y\u00ean t\u00e2m m\u00e0 s\u1eed d\u1ee5ng, kh\u00f4ng ph\u1ea3i lo l\u1eafng b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec nh\u00e9.<\/p>\n

Sau khi mua v\u1ec1, c\u00e1c b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c cung c\u1ea5p c\u1ea3 4 file tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0y, trong \u0111\u00f3 c\u00e1c b\u1ea1n quan t\u00e2m nh\u1ea5t cho m\u00ecnh v\u00e0o file \u0111\u1ea7u ti\u00ean, ch\u00ednh l\u00e0 th\u1ee9 quan tr\u1ecdng nh\u1ea5t, file c\u00e0i \u0111\u1eb7t Flatsome \u0111\u1ec3 c\u00e1c b\u1ea1n t\u00edch h\u1ee3p n\u00f3 v\u00e0o trong Website c\u1ee7a m\u00ecnh:<\/p>\n

\"Sau
Sau khi mua v\u1ec1 b\u1ea1n \u0111\u01b0\u1ee3c cung c\u1ea5p c\u00e1c File \u0111\u1ec3 c\u00e0i \u0111\u1eb7t Flatsome<\/figcaption><\/figure>\n

\u0110\u01b0\u01a1ng nhi\u00ean n\u1ebfu b\u1ea1n\u00a0mua h\u00e0ng\u00a0<\/i>\u00a0c\u1ee7a b\u00ean m\u00ecnh th\u00ec c\u0169ng s\u1ebd \u0111\u01b0\u1ee3c s\u1edf h\u1eefu to\u00e0n b\u1ed9 c\u00e1c file nh\u01b0 v\u1eady, kh\u00f4ng kh\u00e1c g\u00ec b\u1ea1n b\u1ecf ti\u1ec1n ra mua b\u1ea3n quy\u1ec1n ch\u00ednh h\u00e3ng r\u1ed3i, qu\u00e1 l\u00e0 ngon \u0111\u00fang kh\u00f4ng n\u00e0o.<\/p>\n

H\u01b0\u1edbng d\u1eabn c\u00e0i \u0111\u1eb7t Theme Flatsome v\u00e0o Website<\/strong><\/span><\/h2>\n

Khi c\u00f3 file c\u00e0i \u0111\u1eb7t c\u1ee7a Flatsome r\u1ed3i c\u00e1c b\u1ea1n v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn sau \u0111\u00e2y \u0111\u1ec3 ti\u1ebfn h\u00e0nh c\u00e0i \u0111\u1eb7t:\u00a0V\u00e0o \u201cqu\u1ea3n l\u00fd Admin\u201d > Giao di\u1ec7n > Th\u00eam m\u1edbi > T\u1ea3i giao di\u1ec7n l\u00ean > Ch\u1ecdn T\u1ec7p<\/strong><\/p>\n

\"Giao
Giao di\u1ec7n upload file \u0111\u1ec3 c\u00e0i \u0111\u1eb7t Flatsome<\/figcaption><\/figure>\n

Sau khi b\u1ea5m v\u00e0o n\u00fat \u201cCh\u1ecdn T\u1ec7p<\/strong>\u201d m\u1ed9t c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra, c\u00e1c b\u1ea1n b\u1ea5m v\u00e0o file Flatsome \u0111\u00e3 t\u1ea3i v\u1ec1 ban n\u00e3y v\u00e0 b\u1ea5m ch\u1ecdn n\u00fat \u201cC\u00e0i \u0111\u1eb7t<\/strong>\u201d \u0111\u1ec3\u00a0 h\u1ec7 th\u1ed1ng b\u1eaft \u0111\u1ea7u qu\u00e1 tr\u00ecnh Upload file t\u1ef1 \u0111\u1ed9ng \u0111\u1ed3ng th\u1eddi c\u00e0i \u0111\u1eb7t Theme Flatsome tr\u00ean trang web c\u1ee7a b\u1ea1n.<\/p>\n

\"Ch\u1ecdn
Ch\u1ecdn t\u1ec7p Flatsome \u0111\u1ec3 upload Flatsome<\/figcaption><\/figure>\n

B\u1ea1n \u0111\u1ee3i m\u1ed9t ch\u00fat (kho\u1ea3ng ch\u1eebng 10 gi\u00e2y<\/strong>) \u0111\u1ee3i h\u1ec7 th\u1ed1ng c\u00e0i \u0111\u1eb7t Flatsome cho b\u1ea1n nh\u00e9. \u0110\u00e2y l\u00e0 giao di\u1ec7n sau khi \u0111\u00e3 c\u00e0i xong th\u00ec n\u00f3 s\u1ebd tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n

\"\u0110\u00e3
\u0110\u00e3 c\u00e0i xong Flatsome<\/figcaption><\/figure>\n

C\u00e1c b\u1ea1n b\u1ea5m v\u00e0o n\u00fat \u201cK\u00edch ho\u1ea1t<\/strong>\u201d \u0111\u1ec3 k\u00edch ho\u1ea1t ch\u1ee7 \u0111\u1ec1, s\u1eed d\u1ee5ng Flatsome v\u1edbi vai tr\u00f2 l\u00e0 ch\u1ee7 \u0111\u1ec1 m\u1eb7c \u0111\u1ecbnh c\u1ee7a Website.<\/p>\n

Khi k\u00edch ho\u1ea1t th\u00e0nh c\u00f4ng, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c \u0111\u01b0a \u0111\u1ebfn Tr\u00ecnh c\u00e0i \u0111\u1eb7t ban \u0111\u1ea7u c\u1ee7a Flatsome, \u1edf \u0111\u00e2y s\u1ebd l\u00e0 nh\u1eefng t\u00f9y ch\u1ecdn c\u01a1 b\u1ea3n c\u0169ng nh\u01b0 c\u00e1c b\u01b0\u1edbc h\u01b0\u1edbng d\u1eabn ban \u0111\u1ea7u, m\u1ee5c \u0111\u00edch l\u00e0 \u0111\u1ec3 b\u1ea1n l\u00e0m quen d\u1ea7n v\u1edbi theme n\u00e0y. Nh\u01b0ng c\u0169ng \u0111\u1eebng qu\u00e1 lo l\u1eafng, giao di\u1ec7n c\u1ee7a Flatsome d\u1ec5 nh\u00ecn v\u00e0 \u0111\u01a1n gi\u1ea3n v\u00f4 c\u00f9ng.<\/p>\n

\"B\u1eaft
B\u1eaft \u0111\u1ea7u thi\u1ebft l\u1eadp Flatsome<\/figcaption><\/figure>\n

C\u00e1c b\u1ea1n b\u1ea5m v\u00e0o n\u00fat \u201cLet\u2019s Go!<\/strong>\u201d \u0111\u1ec3 b\u1eaft \u0111\u1ea7u nh\u00e9. Sau khi b\u1ea5m \u201cLet\u2019s Go\u201d, m\u1ed9t c\u1eeda s\u1ed1 m\u1edbi hi\u1ec7n ra, n\u00f3 s\u1ebd y\u00eau c\u1ea7u c\u00e1c b\u1ea1n nh\u1eadp key \u0111\u1ec3 k\u00edch ho\u1ea1t.<\/p>\n

\"Nh\u1eadp
Nh\u1eadp key k\u00edch ho\u1ea1t flatsome<\/figcaption><\/figure>\n

C\u00e1c b\u1ea1n \u0111i\u1ec1n key \u0111\u00e3 mua v\u00e0o \u00f4 tr\u00ean. Sau \u0111\u00f3 b\u1ea5m\u00a0ch\u1ecdn v\u00e0o \u00f4 checkbox<\/strong>\u00a0h\u00ecnh vu\u00f4ng nh\u1ecf tr\u01b0\u1edbc d\u00f2ng ch\u1eef \u201cConfirm that, according to\u2026<\/strong>\u201d<\/p>\n

Sau khi \u0111\u00e3 nh\u1eadp key k\u00edch ho\u1ea1t nh\u01b0 m\u00ecnh \u0111\u00e3 h\u01b0\u1edbng d\u1eabn v\u00e0 b\u1ea5m v\u00e0o n\u00fat \u201cRegister<\/strong>\u201d \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng, c\u00e1c b\u1ea1n s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o ch\u00fac m\u1eebng c\u1ee7a Flatsome t\u1eeb c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n

\"Nh\u1eadp
Nh\u1eadp key k\u00edch ho\u1ea1t flatsome th\u00e0nh c\u00f4ng<\/figcaption><\/figure>\n

Ti\u1ebfp theo, b\u1ea5m v\u00e0o n\u00fat \u201cContinue<\/strong>\u201d \u0111\u1ec3 ti\u1ebfp t\u1ee5c qu\u00e1 tr\u00ecnh c\u00e0i \u0111\u1eb7t.<\/p>\n

Sau \u0111\u00f3, m\u1ed9t c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra:<\/p>\n

\"Ch\u1ecdn
Ch\u1ecdn Theme Child cho Flatsome<\/figcaption><\/figure>\n

\u0110\u1ebfn \u0111\u00e2y m\u00ecnh khuy\u00ean c\u00e1c b\u1ea1n\u00a0b\u1ea5m v\u00e0o n\u00fat \u201cCreate and Use Child Theme\u201d<\/strong>, d\u1ecbch sang Ti\u1ebfng Vi\u1ec7t c\u00f3 ngh\u0129a l\u00e0 \u201cT\u1ea1o v\u00e0 s\u1eed d\u1ee5ng m\u1ed9t Theme con\u201d theo m\u1eb7c \u0111\u1ecbnh ng\u01b0\u1eddi ta h\u01b0\u1edbng d\u1eabn nh\u00e9. \u0110\u00e2y l\u00e0 c\u00e1ch nh\u00e0 ph\u00e1t tri\u1ec3n khuy\u00ean d\u00f9ng v\u1edbi m\u1ee5c \u0111\u00edch sau n\u00e0y n\u1ebfu b\u1ea1n c\u00f3\u00a0c\u1eadp nh\u1eadt<\/strong>\u00a0Theme Flatsome l\u00ean phi\u00ean b\u1ea3n m\u1edbi nh\u1ea5t,\u00a0code c\u1ee7a b\u1ea1n s\u1ebd kh\u00f4ng b\u1ecb m\u1ea5t \u0111i<\/strong>. Code \u1edf \u0111\u00e2y bao g\u1ed3m css, javascript, php \u0111\u01b0\u1ee3c vi\u1ebft trong c\u00e1c file c\u1ee7a \u201cChild Theme<\/strong>\u201d thay v\u00ec vi\u1ebft tr\u1ef1c ti\u1ebfp v\u00e0o Theme Flatsome ch\u00ednh c\u1ee7a b\u1ea1n. C\u00e1c b\u1ea1n h\u1ebft s\u1ee9c l\u01b0u \u00fd \u0111i\u1ec1u n\u00e0y cho m\u00ecnh.<\/p>\n

\"C\u00e0i
C\u00e0i Child Theme cho Flatsome<\/figcaption><\/figure>\n

C\u00e1c b\u1ea1n ti\u1ebfp t\u1ee5c b\u1ea5m n\u00fat \u201cContinue<\/strong>\u201d m\u00e0u xanh gi\u1ed1ng trong h\u00ecnh nh\u00e9. Sau \u0111\u00f3 c\u00e1c b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn c\u1eeda s\u1ed5 c\u00e0i c\u00e1c Plugin khuy\u00ean d\u00f9ng. V\u00ec l\u00e0 \u0111\u01b0\u1ee3c khuy\u00ean d\u00f9ng n\u00ean c\u00e1c b\u1ea1n c\u1ee9 c\u00e0i theo h\u01b0\u1edbng d\u1eabn v\u00e0o cho m\u00ecnh:<\/p>\n

\"C\u00e0i
C\u00e0i c\u00e1c Plugin khuy\u00ean d\u00f9ng cho Flatsome<\/figcaption><\/figure>\n

B\u1edfi v\u00ec trong \u0111\u00f3 c\u00f3 Plugin b\u00e1n h\u00e0ng\u00a0Woocommerce<\/strong>\u00a0l\u00e0 m\u1ed9t th\u1ee9 b\u1ea1n ch\u1eafc ch\u1eafn s\u1ebd s\u1eed d\u1ee5ng sau n\u00e0y, c\u00f2n c\u00e1c plugin kh\u00e1c c\u00f3 th\u1ec3 kh\u00f4ng c\u1ea7n \u0111\u1ebfn, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 x\u00f3a \u0111i ngay sau \u0111\u00f3 m\u00e0 ch\u1eb3ng t\u1ed1n c\u00f4ng s\u1ee9c l\u00e0 m\u1ea5y, n\u00ean c\u0169ng \u0111\u1eebng lo nh\u00e9.<\/p>\n

Ti\u1ebfp theo, c\u00e1c b\u1ea1n b\u1ea5m v\u00e0o n\u00fat \u201cContinue<\/strong>\u201d m\u00e0u xanh nh\u01b0 trong h\u00ecnh \u0111\u1ec3 ti\u1ebfp t\u1ee5c. \u0110\u1ee3i kho\u1ea3ng v\u00e0i ph\u00fat \u0111\u1ec3 n\u00f3 c\u00e0i c\u00e1c Plugin n\u00e0y cho m\u00ecnh. \u0110\u00e2y th\u1ef1c ch\u1ea5t l\u00e0 qu\u00e1 tr\u00ecnh t\u1ea3i file v\u1ec1 v\u00e0 c\u00e0i \u0111\u1eb7t gi\u1ed1ng nh\u01b0 c\u00e0i ph\u1ea7n m\u1ec1m, n\u00ean c\u00f3 h\u01a1i m\u1ea5t ch\u00fat th\u1eddi gian, b\u1ea1n ch\u1ec9 c\u1ea7n \u0111\u1ee3i v\u00e0i ph\u00fat l\u00e0 h\u1ec7 th\u1ed1ng s\u1ebd l\u00e0m h\u1ebft vi\u1ec7c c\u1ea7n l\u00e0m cho b\u1ea1n. N\u1ebfu c\u00f3 l\u1ed7i\u00a0ajax<\/strong>\u00a0h\u00e3y l\u1ed7i g\u00ec c\u1ee9\u00a0k\u1ec7 n\u00f3<\/strong>\u00a0nh\u00e9. Sau n\u00e0y b\u1ea1n ch\u1ec9 c\u1ea7n c\u00e0i\u00a0Woocommerce<\/strong>\u00a0m\u00e0 th\u00f4i, nh\u1eefng c\u00e1i kh\u00e1c kh\u00f4ng c\u00f3 c\u0169ng kh\u00f4ng quan tr\u1ecdng, v\u1eady n\u00ean kh\u00f4ng c\u1ea7n \u0111\u1ec3 \u00fd n\u00f3 th\u00f4ng b\u00e1o c\u00f3 l\u1ed7i g\u00ec.<\/p>\n

\"Import
Import n\u1ed9i dung Demo cho Website<\/figcaption><\/figure>\n

Ti\u1ebfp theo, \u0111\u1ebfn ph\u1ea7n\u00a0Import n\u1ed9i dung Demo<\/strong>\u00a0cho website, c\u00e1i n\u00e0y l\u00e0 m\u1ed9t t\u00f9y ch\u1ecdn b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng l\u00e0m c\u0169ng kh\u00f4ng sao, tuy nhi\u00ean khi m\u1edbi v\u00e0o Website th\u00ec n\u00f3 ch\u01b0a \u0111\u01b0\u1ee3c \u201c\u0111\u1eb9p<\/strong>\u201d b\u1edfi v\u00ec ch\u01b0a c\u00f3 n\u1ed9i dung g\u00ec. \u0110\u00e2y ch\u1ec9 l\u00e0 nh\u1eefng n\u1ed9i dung m\u1eabu, nh\u1eefng b\u00e0i vi\u1ebft, nh\u1eefng s\u1ea3n ph\u1ea9m c\u00f3 \u1ea3nh, m\u00f4 t\u1ea3, th\u00f4ng tin s\u1ea3n ph\u1ea9m,\u2026 \u0111i k\u00e8m \u0111\u01b0\u1ee3c t\u00e1c gi\u1ea3 th\u00eam v\u00e0o. M\u00ecnh khuy\u00ean b\u1ea1n m\u1edbi l\u00e0m quen v\u1edbi Flatsome th\u00ec\u00a0n\u00ean Import to\u00e0n b\u1ed9 v\u00e0o<\/strong>, b\u1edfi v\u00ec b\u1ea1n s\u1ebd nh\u00ecn \u0111\u01b0\u1ee3c t\u1ed5ng quan Website c\u1ee7a m\u00ecnh s\u1ebd tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o n\u1ebfu ho\u00e0n thi\u1ec7n \u0111\u1ea5y.<\/p>\n

N\u1ebfu sau n\u00e0y b\u1ea1n kh\u00f4ng th\u00edch, c\u00f3 th\u1ec3 x\u00f3a n\u1ed9i dung m\u1eabu n\u00e0y \u0111i b\u1ea5t c\u1ee9 khi n\u00e0o b\u1ea1n mu\u1ed1n.<\/p>\n

Sau khi b\u1ea5m v\u00e0o n\u00fat \u201cContinue<\/strong>\u201d b\u1ea1n s\u1ebd c\u1ea7n ch\u1edd trong kho\u1ea3ng v\u00e0i ph\u00fat, t\u00f9y v\u00e0o M\u1ea1ng Wifi nh\u00e0 b\u1ea1n c\u00f3 m\u1ea1nh hay kh\u00f4ng m\u00e0 quy\u1ebft \u0111\u1ecbnh v\u00e0o vi\u1ec7c Import nhanh hay ch\u1eadm. N\u00f3i v\u1eady th\u00f4i nh\u01b0ng c\u0169ng kh\u00e1 l\u00e0 nhanh, m\u00ecnh ch\u1ec9 \u0111\u1ee3i t\u1ea7m kho\u1ea3ng h\u01a1n m\u1ed9t ph\u00fat l\u00e0 xong.<\/p>\n

\"chon
Ch\u1ecdn m\u1eabu \u0111\u1ec3 Import Flatsome<\/figcaption><\/figure>\n

Sau khi Import xong, s\u1ebd \u0111\u1ebfn ph\u1ea7n ch\u1ecdn\u00a0m\u1eabu Template cho Website<\/strong>\u00a0c\u1ee7a b\u1ea1n. \u1ede \u0111\u00e2y c\u00f3 r\u1ea5t nhi\u1ec1u m\u1eabu \u0111\u1eb9p m\u1eaft \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n, b\u1ea1n ch\u1ec9 c\u1ea7n\u00a0k\u00e9o thanh ngang b\u00ean d\u01b0\u1edbi<\/strong>\u00a0\u0111\u1ec3 ch\u1ecdn nh\u1eefng m\u1eabu m\u00e0 b\u1ea1n th\u00edch. C\u00e1c m\u1eabu Template Flatsome \u0111\u1eb9p c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/p>\n

    \n
  • Classic Shop<\/li>\n
  • Big Sale<\/li>\n
  • Parallax Shop<\/li>\n
  • Full Screen Fashion<\/li>\n
  • Sport Shop<\/li>\n
  • Vendo Shop<\/li>\n
  • Coporate<\/li>\n
  • Freelancer<\/li>\n
  • Agency<\/li>\n
  • Booking,\u2026<\/li>\n<\/ul>\n

    Ch\u1ecdn \u0111\u01b0\u1ee3c m\u1eabu \u01b0ng \u00fd r\u1ed3i, c\u00e1c b\u1ea1n b\u1ea5m v\u00e0o n\u00fat \u201cContinue<\/strong>\u201d \u0111\u1ec3 ti\u1ebfp t\u1ee5c.<\/p>\n

    \"\u0110i\u1ec1u
    \u0110i\u1ec1u kho\u1ea3n Flatsome<\/figcaption><\/figure>\n

    M\u1ed9t trang m\u1edbi hi\u1ec7n ra, ch\u00ednh l\u00e0 \u0111i\u1ec1u kho\u1ea3n c\u0169ng nh\u01b0 l\u00e0 m\u1ed9t v\u00e0i th\u00f4ng tin t\u1eeb nh\u00e0 ph\u00e1t tri\u1ec3n, c\u00e1i n\u00e0y kh\u00f4ng quan tr\u1ecdng, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecdc hay b\u1ecf qua c\u0169ng \u0111\u01b0\u1ee3c. \u0110\u1ecdc xong r\u1ed3i b\u1ea1n b\u1ea5m n\u00fat \u201cAgree and Continue<\/strong>\u201d \u0111\u1ed3ng \u00fd v\u1edbi \u0111i\u1ec1u kho\u1ea3n v\u00e0 ti\u1ebfp t\u1ee5c.<\/p>\n

    \"C\u00e0i
    C\u00e0i \u0111\u1eb7t Flatsome th\u00e0nh c\u00f4ng<\/figcaption><\/figure>\n

    Khi b\u1ea1n th\u1ea5y h\u00ecnh n\u00e0y c\u00f3 ngh\u0129a l\u00e0 b\u1ea1n \u0111\u00e3 c\u00e0i th\u00e0nh c\u00f4ng, m\u1ecdi b\u01b0\u1edbc b\u1ea1n l\u00e0m t\u1eeb \u0111\u1ea7u \u0111\u1ebfn gi\u1edd l\u00e0 ch\u00ednh x\u00e1c. \u0110\u1ebfn \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 xem th\u00e0nh qu\u1ea3 website c\u1ee7a m\u00ecnh s\u1ebd tr\u00f4ng nh\u01b0 th\u1ec3 n\u00e0o v\u00e0 c\u00f3 b\u1ed9 d\u1ea1ng \u0111\u1eb9p hay kh\u00f4ng r\u1ed3i. B\u1ea5m v\u00e0o n\u00fat \u201cView your new website<\/strong>\u201d \u1edf cu\u1ed1i c\u00f9ng \u0111\u1ec3 xem ngay Website c\u1ee7a b\u1ea1n nh\u00e9.<\/p>\n

    H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome c\u01a1 b\u1ea3n<\/strong><\/span><\/h2>\n

    T\u00f9y bi\u1ebfn giao di\u1ec7n Flatsome<\/strong><\/span><\/h3>\n

    Tr\u01b0\u1edbc ti\u00ean, \u0111\u00e2y l\u00e0 m\u1ed9t ph\u1ea7n c\u01a1 b\u1ea3n khi b\u1eaft \u0111\u1ea7u ti\u1ebfp c\u1eadn Flatsome, \u0111\u1ed3ng th\u1eddi c\u0169ng l\u00e0 ph\u1ea7n quan tr\u1ecdng nh\u1ea5t, b\u1ea1n s\u1ebd th\u01b0\u1eddng xuy\u00ean l\u00e0m vi\u1ec7c v\u1edbi ph\u1ea7n n\u00e0y trong qu\u00e1 tr\u00ecnh thi\u1ebft k\u1ebf Website v\u1edbi Flatsome.<\/p>\n

    \u0110\u1ec3 t\u00f9y bi\u1ebfn giao di\u1ec7n c\u1ee7a Flatsome c\u00e1c b\u1ea1n v\u00e0o \u0111\u01b0\u1eddng d\u1eabn sau\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn\u00a0<\/strong>\u0111\u1ec3 m\u1edf tr\u00ecnh t\u00f9y bi\u1ebfn giao di\u1ec7n l\u00ean nh\u00e9.<\/p>\n

    \"T\u00f9y
    T\u00f9y bi\u1ebfn giao di\u1ec7n Flatsome<\/figcaption><\/figure>\n

    L\u01b0u \u00fd: ph\u1ea7n n\u00e0y s\u1ebd c\u00f3 nhi\u1ec1u b\u1ea1n kh\u00e1c trong h\u00ecnh v\u00e0 c\u00f3 th\u1ec3 kh\u00f4ng gi\u1ed1ng nhau, l\u00fd do l\u00e0 trong l\u00fac c\u00e0i \u0111\u1eb7t \u1edf tr\u00ean b\u1ea1n \u0111\u00e3 ch\u1ecdn Import m\u1ed9t giao di\u1ec7n \u201cDemo\u201d kh\u00e1c c\u1ee7a Flatsome. Giao di\u1ec7n Demo m\u00e0 m\u00ecnh v\u1eeba Import c\u00f3 t\u00ean l\u00e0 \u201cMega Shop<\/strong>\u201c, v\u1edbi nh\u1eefng ki\u1ec3u kh\u00e1c th\u00ec m\u00ecnh c\u0169ng l\u00e0m t\u01b0\u01a1ng t\u1ef1 gi\u1ed1ng h\u01b0\u1edbng d\u1eabn ch\u1ee9 kh\u00f4ng c\u00f3 g\u00ec kh\u00e1c nhau nh\u00e9 c\u00e1c b\u1ea1n.<\/p>\n

    C\u00e1ch Ch\u1ec9nh s\u1eeda Header<\/strong><\/h4>\n

    \u0110\u00e2y l\u00e0 m\u1ed9t ph\u1ea7n kh\u00e1 l\u00e0 m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c Flatsome h\u1ed7 tr\u1ee3 m\u1ed9t c\u00e1ch chi ti\u1ebft v\u00e0 \u0111\u1ea7y \u0111\u1ee7 nh\u1ea5t. Ph\u1ea3i n\u00f3i l\u00e0 kh\u00f4ng thi\u1ebfu m\u1ed9t th\u1ee9 g\u00ec, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nh\u1eefng t\u00f9y ch\u1ecdn c\u00f3 s\u1eb5n m\u00e0 Theme cung c\u1ea5p cho b\u1ea1n \u0111\u1ec3 t\u1ea1o ra m\u1ed9t Header \u0111\u1eb9p m\u1eaft. T\u1ea5t c\u1ea3 ch\u00fang \u0111\u1ec1u r\u1ea5t d\u1ec5 s\u1eed d\u1ee5ng, thi\u1ebft k\u1ebf m\u1ed9t c\u00e1ch ng\u0103n n\u1eafp v\u00e0 khoa h\u1ecdc. V\u1edbi xu h\u01b0\u1edbng thi\u1ebft k\u1ebf hi\u1ec7n \u0111\u1ea1i kh\u00f4ng c\u1ea7n s\u1eed d\u1ee5ng code c\u0169ng l\u00e0m \u0111\u01b0\u1ee3c. C\u00e1c b\u1ea1n v\u00e0o\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header\u00a0<\/strong>\u0111\u1ec3 b\u1eaft \u0111\u1ea7u s\u1eed d\u1ee5ng ch\u1ee9c n\u0103ng t\u1ea1o Header:<\/p>\n

    \"H\u01b0\u1edbng
    H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf Header cho Flatsome<\/figcaption><\/figure>\n

    C\u00e1c c\u00f4ng c\u1ee5 tr\u1ef1c quan, h\u1ec7 th\u1ed1ng k\u00e9o th\u1ea3 ch\u1ec9 v\u1edbi c\u00fa di chu\u1ed9t, r\u1ea5t d\u1ec5 d\u00e0ng \u0111\u1ec3 s\u1eed d\u1ee5ng v\u00e0\u00a0thi\u1ebft k\u1ebf Header<\/strong>. B\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 thi\u1ebft k\u1ebf m\u1ed9t Header tuy\u1ec7t \u0111\u1eb9p theo \u00fd th\u00edch c\u1ee7a m\u00ecnh ch\u1ec9 v\u1edbi v\u00e0i thao t\u00e1c\u00a0k\u00e9o th\u1ea3<\/strong>\u00a0\u0111\u01a1n gi\u1ea3n.<\/p>\n

    M\u1ed9t t\u00ednh n\u0103ng r\u1ea5t hay \u1edf ph\u1ea7n n\u00e0y m\u00e0 th\u1eadt thi\u1ebfu s\u00f3t n\u1ebfu kh\u00f4ng nh\u1eafc \u0111\u1ebfn, \u0111\u00f3 ch\u00ednh l\u00e0 kh\u1ea3 n\u0103ng\u00a0thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng Responsive<\/strong>\u00a0tr\u00ean nhi\u1ec1u thi\u1ebft b\u1ecb. B\u1ea1n b\u1ea5m v\u00e0o 2 n\u00fat \u1edf ph\u00eda tr\u00ean c\u00e1c \u00f4 m\u00e0u \u0111en, s\u1ebd c\u00f3 2 t\u00f9y ch\u1ecdn:\u00a0Desktop<\/strong>\u00a0v\u00e0\u00a0Mobie\/Tablet.<\/strong>\u00a0M\u1ed7i m\u1ed9t t\u00f9y ch\u1ecdn nh\u1ecf n\u00e0y c\u00f3 m\u1ed9t c\u00e1ch thi\u1ebft k\u1ebf ri\u00eang \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi t\u1eebng lo\u1ea1i thi\u1ebft b\u1ecb. C\u00f4ng c\u1ee5 n\u00e0y cho ch\u00fang ta bi\u1ebft tr\u01b0\u1edbc \u0111\u01b0\u1ee3c Header v\u1eeba \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1ebd tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o n\u1ebfu \u0111\u01b0\u1ee3c tr\u00ecnh duy\u1ec7t hi\u1ec3n th\u1ecb tr\u00ean c\u00e1c thi\u1ebft b\u1ecb kh\u00e1c nhau: \u0111i\u1ec7n tho\u1ea1i, m\u00e1y t\u00ednh b\u1ea3ng, pc.<\/p>\n

    \u1ede ph\u1ea7n\u00a0Header<\/strong>\u00a0n\u00e0y, c\u0169ng c\u00f2n r\u1ea5t nhi\u1ec1u\u00a0t\u00f9y ch\u1ecdn kh\u00e1c<\/strong>\u00a0cho b\u1ea1n tha h\u1ed3 m\u00e0 t\u00f9y bi\u1ebfn, ch\u00fang s\u1eafp x\u1ebfp d\u1ec5 nh\u00ecn v\u00e0 \u0111i\u1ec1u ch\u1ec9nh kh\u00f4ng h\u1ec1 kh\u00f3 m\u1ed9t ch\u00fat n\u00e0o. Ngo\u00e0i ra, t\u1ea5t c\u1ea3 nh\u1eefng g\u00ec b\u1ea1n v\u1eeba ch\u1ec9nh xong th\u00ec s\u1ebd c\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y ngay \u0111\u01b0\u1ee3c \u1edf n\u1eeda m\u00e0n h\u00ecnh b\u00ean ph\u1ea3i, gi\u00fap b\u1ea1n c\u00f3 c\u00e1i nh\u00ecn tr\u1ef1c quan v\u00e0 to\u00e0n di\u1ec7n h\u01a1n, kh\u00f4ng ph\u1ea3i tho\u00e1t ra \u0111\u1ec3 t\u1ea3i l\u1ea1i trang m\u00e0 v\u1eabn bi\u1ebft website thay \u0111\u1ed5i nh\u01b0 th\u1ebf n\u00e0o. \u0110\u00f3 ch\u00ednh l\u00e0 c\u00e1ch hi\u1ec3n th\u1ecb theo \u201cTh\u1eddi gian th\u1ef1c<\/strong>\u201d \/\u00a0Real-time,\u00a0<\/strong>m\u1ed9t t\u00ednh n\u0103ng hay ho v\u00e0 h\u1eefu d\u1ee5ng.<\/p>\n

    M\u1ed9t v\u00e0i t\u00f9y ch\u1ecdn n\u1eb1m trong ph\u1ea7n \u201cHeader\u201d n\u00e0y c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0:<\/p>\n

    H\u01b0\u1edbng d\u1eabn thay \u0111\u1ed5i Logo cho Flatsome<\/strong><\/h4>\n
    \"Thay
    Thay \u0111\u1ed5i L\u00f4 g\u00f4 Flatsome<\/figcaption><\/figure>\n

    B\u1ea1n v\u00e0o thay \u0111\u1ed5i logo b\u1eb1ng c\u00e1ch v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header > Logo & Site Identity\u00a0<\/strong>\u0111\u1ec3 b\u1eaft \u0111\u1ea7u thay \u0111\u1ed5i\u00a0Logo<\/strong>\u00a0website cho m\u00ecnh. Trong tr\u01b0\u1eddng h\u1ee3p website c\u1ee7a b\u1ea1n \u0111\u00e3 c\u00f3 logo th\u00ec \u0111\u01a1n gi\u1ea3n l\u00e0 upload. N\u1ebfu b\u1ea1n ch\u01b0a c\u00f3 logo th\u00ec t\u00ecm \u0111\u01a1n v\u1ecb thi\u1ebft k\u1ebf Logo ho\u1eb7c t\u1ef1 thi\u1ebft k\u1ebf.<\/p>\n

    C\u00e1ch t\u00f9y bi\u1ebfn v\u1edbi Top Bar Menu tr\u00ean theme Flatsome<\/strong><\/h4>\n
    \"T\u00f9y
    T\u00f9y bi\u1ebfn Top Bar Menu Flatsome<\/figcaption><\/figure>\n

    \u0110\u00e2y l\u00e0 m\u1ed9t menu ph\u1ee5 n\u1eb1m \u1edf tr\u00ean c\u00f9ng c\u1ee7a trang ch\u1ee7 v\u00e0 c\u00e1c trang con kh\u00e1c, b\u1ea1n c\u00f3 th\u1ec3 v\u00e0o \u0111i\u1ec1u ch\u1ec9nh n\u00f3 b\u1eb1ng c\u00e1ch v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header > Top Bar.\u00a0<\/strong>B\u1ea1n c\u00f3 th\u1ec3 ch\u1ec9nh b\u1eadt\/t\u1eaft, font ch\u1eef, chi\u1ec1u cao, m\u00e0u s\u1eafc, style hi\u1ec3n th\u1ecb,\u2026 cho menu n\u00e0y.<\/p>\n

    C\u00e1ch s\u1eed d\u1ee5ng Header Main trong Flatsome<\/strong><\/h4>\n

    Header Main l\u00e0 m\u1ed9t lo\u1ea1i menu n\u1eb1m ngay ph\u00eda d\u01b0\u1edbi Top Bar Menu, l\u00e0 menu ch\u00ednh c\u0169ng l\u00e0\u00a0menu n\u1ed5i b\u1eadt nh\u1ea5t<\/strong>\u00a0tr\u00ean Website c\u1ee7a b\u1ea1n. N\u00f3 c\u00f3 vai tr\u00f2 \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng v\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu n\u1ebfu nh\u01b0 kh\u00f4ng mu\u1ed1n b\u1ecb m\u1ea5t \u0111i ch\u1ee9c n\u0103ng. B\u1ea1n c\u00f3 th\u1ec3 v\u00e0o ch\u1ec9nh s\u1eeda Header Main b\u1eb1ng c\u00e1ch v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header > Header Main<\/strong><\/p>\n

    \"Header
    Header Main \u2013 Menu ch\u00ednh c\u1ee7a Flatsome<\/figcaption><\/figure>\n

    Header Main<\/strong>\u00a0th\u01b0\u1eddng s\u1ebd ch\u1ee9a c\u00e1c ph\u1ea7n t\u1eeb \u201ct\u1ed1i quan tr\u1ecdng\u201d c\u1ee7a c\u00e1c Website b\u1eaft bu\u1ed9c ph\u1ea3i c\u00f3, c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn nh\u01b0: Logo, thanh t\u00ecm ki\u1ebfm, gi\u1ecf h\u00e0ng, t\u00e0i kho\u1ea3n, thanh to\u00e1n, \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7,\u2026<\/p>\n

    L\u00e0 lo\u1ea1i\u00a0menu ch\u00ednh<\/strong>\u00a0c\u1ee7a Website n\u00ean b\u1ea1n c\u1ea7n quan t\u00e2m \u201c\u0111\u1eb7c bi\u1ec7t\u201d t\u1edbi lo\u1ea1i menu n\u00e0y. C\u00f3 nhi\u1ec1u t\u00f9y ch\u1ecdn \u0111\u1ec3 b\u1ea1n thay \u0111\u1ed5i \u0111i\u1ec1u ch\u1ec9nh m\u1ecdi th\u1ee9 \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n nh\u01b0: chi\u1ec1u r\u1ed9ng, ki\u1ec3u ch\u1eef, m\u00e0u n\u1ec1n, \u0111\u1ed5 b\u00f3ng, chia ph\u1ea7n t\u1eed, style, k\u00edch c\u1ee1, hover, icon t\u00edch h\u1ee3p, trong su\u1ed1t,\u2026<\/p>\n

    C\u00e1ch t\u00f9y bi\u1ebfn Header Bottom trong theme Flatsome<\/strong><\/h4>\n

    L\u00e0 m\u1ed9t lo\u1ea1i Header n\u1eb1m ngay d\u01b0\u1edbi Header Main, Header bottom n\u00e0y c\u0169ng c\u00f3 vai tr\u00f2 v\u00f4 c\u00f9ng quan tr\u1ecdng, kh\u00f4ng th\u1ec3 thi\u1ebfu c\u1ee7a c\u00e1c website. C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn lo\u1ea1i Header n\u00e0y b\u1eb1ng c\u00e1ch v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header > Header Bottom<\/strong><\/p>\n

    \"Header
    Header Bottom c\u1ee7a Flatsome<\/figcaption><\/figure>\n

    Header Bottom th\u01b0\u1eddng ch\u1ee9a Menu ch\u00ednh c\u1ee7a website, bao g\u1ed3m c\u00e1c n\u00fat \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn c\u00e1c trang quan tr\u1ecdng: Trang Ch\u1ee7, Gi\u1edbi Thi\u1ec7u, C\u1eeda H\u00e0ng, S\u1ea3n Ph\u1ea9m, Li\u00ean H\u1ec7, H\u1ed7 Tr\u1ee3,\u2026<\/p>\n

    Nh\u1eefng th\u00f4ng s\u1ed1 b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh c\u0169ng r\u1ea5t nhi\u1ec1u: chi\u1ec1u cao, m\u00e0u s\u1eafc, style, k\u00edch th\u01b0\u1edbc, ki\u1ec3u ch\u1eef, hover,\u2026 B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c ch\u1ee9c n\u0103ng n\u00e0y do Flatsome cung c\u1ea5p \u0111\u1ec3 t\u00f9y bi\u1ebfn theo \u00fd th\u00edch c\u1ee7a b\u1ea3n th\u00e2n.<\/p>\n

    H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Header Sticky c\u1ee7a theme Flatsome<\/strong><\/h4>\n
    \"Header
    Header Sticky c\u1ee7a Flatsome<\/figcaption><\/figure>\n

    \u0110\u00e2y \u0111\u01a1n gi\u1ea3n l\u00e0 ki\u1ec3u Header s\u1ebd h\u1ee3p nh\u1ea5t 3 lo\u1ea1i tr\u00ean l\u1ea1i th\u00e0nh m\u1ed9t c\u00e1i duy nh\u1ea5t, n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh \u1edf tr\u00ean c\u00f9ng m\u00e0n h\u00ecnh khi ng\u01b0\u1eddi d\u00f9ng cu\u1ed9n chu\u1ed9t xu\u1ed1ng, c\u0169ng c\u00f3 nhi\u1ec1u t\u00f9y ch\u1ecdn cho b\u1ea1n v\u1edbi lo\u1ea1i Header n\u00e0y: style x\u1ed5 xu\u1ed1ng, m\u1edd d\u1eabn, co nh\u1ecf l\u1ea1i, chi\u1ec1u cao, b\u1eadt\/t\u1eaft t\u1eebng th\u00e0nh ph\u1ea7n,\u2026 b\u1ea1n ch\u1ec9 c\u1ea7n v\u00e0o\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Header > Sticky Header\u00a0<\/strong>\u0111\u1ec3 ch\u1ec9nh s\u1eeda.<\/p>\n

    M\u1ed9t s\u1ed1 t\u00f9y ch\u1ecdn Header kh\u00e1c<\/strong><\/h4>\n

    \u0110\u1ec3 m\u00e0 k\u1ec3 h\u1ebft c\u00e1c t\u00ednh n\u0103ng trong ph\u1ea7n Header n\u00e0y ra th\u00ec s\u1ebd kh\u00e1 l\u00e0 l\u00e2u v\u00ec n\u00f3 nhi\u1ec1u v\u00f4 k\u1ec3, n\u00ean m\u00ecnh s\u1ebd li\u1ec7t k\u00ea m\u1ed9t v\u00e0i t\u00f9y ch\u1ecdn n\u1ed5i b\u1eadt \u0111\u1ec3 b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn Header Flatsome nh\u00e9:<\/p>\n

      \n
    • Button:<\/strong>\u00a0\u0110i\u1ec1u ch\u1ec9nh phong c\u00e1ch\/style c\u1ee7a t\u1ea5t c\u1ea3 c\u00e1c n\u00fat trong to\u00e0n b\u1ed9 site<\/li>\n
    • Account:<\/strong>\u00a0Hi\u1ec3n th\u1ecb t\u00e0i kho\u1ea3n ng\u01b0\u1eddi d\u00f9ng s\u1ebd ra sao tr\u00ean header<\/li>\n
    • Cart:<\/strong>\u00a0\u0110\u1ecbnh ki\u1ec3u style cho gi\u1ecf h\u00e0ng<\/li>\n
    • Search:<\/strong>\u00a0B\u1ea1n mu\u1ed1n n\u00fat t\u00ecm ki\u1ebfm tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o<\/li>\n
    • HTML:<\/strong>\u00a0B\u1ed5 xung m\u00e3 html n\u1ebfu b\u1ea1n mu\u1ed1n \u201ckhai th\u00e1c\u201d header s\u00e2u h\u01a1n theo \u00fd b\u1ea1n<\/li>\n
    • Contact:<\/strong>\u00a0Th\u00f4ng tin li\u00ean h\u1ec7 c\u1ee7a c\u1eeda h\u00e0ng<\/li>\n
    • Newsletter:<\/strong>\u00a0Tin t\u1ee9c g\u1eedi qua th\u01b0 \u0111i\u1ec7n t\u1eed th\u00f4ng tin \u0111\u1ebfn kh\u00e1ch h\u00e0ng<\/li>\n
    • Vertical Menu:<\/strong>\u00a0Menu m\u1edbi \u0111\u01b0\u1ee3c t\u00e1c gi\u1ea3 t\u00edch h\u1ee3p trong c\u00e1c phi\u00ean b\u1ea3n g\u1ea7n \u0111\u00e2y, kh\u00e1 l\u00e0 \u0111\u1eb9p,\u2026<\/li>\n<\/ul>\n

      \u0110\u00f3 l\u00e0 t\u1ea5t c\u1ea3 m\u1ecdi th\u1ee9 v\u1ec1 header m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00eam th\u00f4ng qua giao di\u1ec7n admin, k\u1ec3 ra h\u1ebft th\u00ec r\u1ea5t nhi\u1ec1u, \u0111i\u1ec1u \u0111\u00f3 cho th\u1ea5y r\u1eb1ng Flatsome c\u00f3 \u0111\u1ea7y \u0111\u1ee7 ch\u1ee9c n\u0103ng c\u1ea7n thi\u1ebft nh\u1ea5t cho m\u1ed9t lo\u1ea1i Theme b\u00e1n h\u00e0ng.<\/p>\n

      T\u00f9y bi\u1ebfn Style<\/strong><\/span><\/h3>\n
      \"T\u00f9y
      T\u00f9y bi\u1ebfn style cho Flatsome<\/figcaption><\/figure>\n

      Ph\u1ea7n n\u00e0y quy\u1ebft \u0111\u1ecbnh m\u00e0u s\u1eafc hi\u1ec3n th\u1ecb, font ch\u1eef, css b\u1ed5 sung th\u00eam cho to\u00e0n trang. \u0110\u00e2y l\u00e0 \u0111\u01b0\u1eddng d\u1eabn:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Style.\u00a0<\/strong>C\u00f3 kh\u00e1 l\u00e0 nhi\u1ec1u ch\u1ee9c n\u0103ng xu\u1ea5t hi\u1ec7n trong ph\u1ea7n Style nh\u01b0ng b\u1ea1n ch\u1ec9 c\u1ea7n quan t\u00e2m \u0111\u1ebfn\u00a02 ph\u1ea7n ch\u00ednh<\/strong>\u00a0m\u00e0 th\u00f4i:<\/p>\n

        \n
      • Color:<\/strong>\u00a0Ch\u1ec9nh s\u1eeda m\u00e0u s\u1eafc cho c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c nhau, t\u00f9y ch\u1ecdn n\u00e0y \u1ea3nh h\u01b0\u1edfng kh\u00e1 nhi\u1ec1u \u0111\u1ebfn di\u1ec7n m\u1ea1o b\u00ean ngo\u00e0i website c\u1ee7a b\u1ea1n cho n\u00ean h\u00e3y c\u1ea9n th\u1eadn xem th\u1eadt k\u1ef9 tr\u01b0\u1edbc khi s\u1eed d\u1ee5ng. B\u1ea1n s\u1ebd c\u00f3 th\u1ec3 ch\u1ec9nh m\u00e0u s\u1eafc cho h\u1ea7u h\u1ebft c\u00e1c th\u00e0nh ph\u1ea7n b\u1ea1n mu\u1ed1n, bao g\u1ed3m c\u00e1c th\u00e0nh ph\u1ea7n sau: m\u00e0u ch\u00ednh, m\u00e0u ph\u1ee5, th\u00e0nh c\u00f4ng, c\u1ea3nh b\u00e1o, \u0111\u01b0\u1eddng link, hover, d\u1ea3i ph\u00e2n c\u00e1ch, th\u00eam gi\u1ecf h\u00e0ng, widget, nh\u00e3n gi\u1ea3m gi\u00e1,\u2026<\/li>\n
      • Typography:\u00a0<\/strong>C\u0169ng gi\u1ed1ng v\u1edbi t\u00ean ti\u1ebfng Anh c\u1ee7a n\u00f3, Tyography l\u00e0 ki\u1ec3u ch\u1eef, phong c\u00e1ch ch\u1eef hi\u1ec3n th\u1ecb. Flatsome c\u00f3 m\u1ed9t kho r\u1ed9ng l\u1edbn c\u00e1c ki\u1ec3u ch\u1eef \u0111a d\u1ea1ng m\u1eabu m\u00e3 \u0111\u1ec3 b\u1ea1n l\u1ef1a ch\u1ecdn theo \u00fd th\u00edch. Tuy nhi\u00ean h\u00e3y l\u01b0u \u00fd kh\u00f4ng n\u00ean ch\u1ec9nh s\u1eeda qu\u00e1 nhi\u1ec1u ph\u1ea7n n\u00e0y v\u00ec c\u00f3 th\u1ec3 l\u00e0m b\u1ed1 c\u1ee5c website c\u1ee7a b\u1ea1n b\u1ecb \u0111\u1ea3o l\u1ed9n h\u01a1n.<\/li>\n<\/ul>\n

        Blog trong Flatsome<\/strong><\/span><\/h3>\n

        Blog th\u1ef1c ch\u1ea5t l\u00e0 \u201cb\u00e0i vi\u1ebft<\/strong>\u201d hay \u201cArticle<\/strong>\u201d hi\u1ec3u theo m\u1ed9t c\u00e1ch \u0111\u01a1n gi\u1ea3n, n\u00f3 ch\u00ednh l\u00e0 n\u1ed9i dung b\u1ed5 sung th\u00eam cho doanh nghi\u1ec7p, cho s\u1ea3n ph\u1ea9m b\u1ea1n \u0111ang \u0111\u0103ng b\u00e1n. N\u00f3 b\u1ed5 tr\u1ee3 gi\u00fap b\u1ea1n b\u00e1n \u0111\u01b0\u1ee3c h\u00e0ng v\u00e0 qu\u1ea3ng b\u00e1 doanh nghi\u1ec7p t\u1edbi kh\u00e1ch h\u00e0ng. \u0110\u00e2y l\u00e0 \u0111\u01b0\u1eddng d\u1eabn \u0111\u1ec3 b\u1ea1n ch\u1ec9nh s\u1eeda trang Blog:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Blog.<\/strong><\/p>\n

        \"Blog
        Blog hay \u201cb\u00e0i vi\u1ebft\u201d trong Flatsome<\/figcaption><\/figure>\n

        T\u1ea1i \u0111\u00e2y, b\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn m\u1ed9t trong s\u1ed1 c\u00e1c ph\u1ea7n sau \u0111\u1ec3 t\u00f9y ch\u1ec9nh:<\/p>\n

          \n
        • Blog Global:<\/strong>\u00a0Chuy\u00ean trang ch\u00ednh th\u1ee9c c\u1ee7a t\u1ea5t c\u1ea3 b\u00e0i vi\u1ebft, c\u0169ng l\u00e0 b\u1ed9 m\u1eb7t c\u1ee7a trang \u201cTin t\u1ee9c<\/strong>\u201c, hay trang \u201cB\u00e0i vi\u1ebft<\/strong>\u201c.<\/li>\n
        • Blog Layout:<\/strong>\u00a0B\u1ed1 c\u1ee5c c\u1ee7a trang Blog tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o<\/li>\n
        • Blog Archive:<\/strong>\u00a0N\u01a1i l\u01b0u tr\u1eef t\u1ea5t c\u1ea3 c\u00e1c b\u00e0i vi\u1ebft<\/li>\n
        • Blog Single Post:<\/strong>\u00a0\u0110\u1ecbnh ki\u1ec3u cho m\u1ed9t b\u00e0i vi\u1ebft \u0111\u01a1n\/b\u00e0i vi\u1ebft ri\u00eang l\u1ebb<\/li>\n
        • Blog Featured Posts:<\/strong>\u00a0B\u00e0i vi\u1ebft n\u1ed5i b\u1eadt b\u1ea1n mu\u1ed1n hi\u1ec3n th\u1ecb ra trang ch\u1ee7<\/li>\n<\/ul>\n

          T\u00f9y bi\u1ebfn ch\u1ee9c n\u0103ng WooCommerce<\/strong><\/span><\/h3>\n

          \u0110\u00e2y kh\u00f4ng ph\u1ea3i to\u00e0n b\u1ed9 nh\u1eefng g\u00ec c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda v\u1ec1 Woocommerce, ph\u1ea7n n\u00e0y ch\u1ec9 ch\u1ee9a m\u1ed9t ph\u1ea7n kh\u00e1 nh\u1ecf c\u00e1c t\u00f9y ch\u1ecdn, Flatsome cho ph\u00e9p b\u1ea1n ch\u1ec9nh s\u1eeda \u0111\u01b0\u1ee3c nhi\u1ec1u h\u01a1n th\u1ebf, sau n\u00e0y b\u1ea1n mu\u1ed1n \u0111i sau h\u01a1n n\u1eefa \u0111\u1ec3 b\u00e1n h\u00e0ng tr\u00ean website th\u00ec c\u1ea7n th\u1ef1c hi\u1ec7n th\u00eam c\u00e1c b\u01b0\u1edbc b\u1ed5 sung th\u00eam. B\u1ea1n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn ph\u1ea7n n\u00e0y b\u1eb1ng c\u00e1ch theo \u0111\u01b0\u1eddng d\u1eabn sau \u0111\u00e2y:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > WooCommerce\u00a0<\/strong>v\u00e0 l\u00e0m theo h\u01b0\u1edbng d\u1eabn b\u00ean d\u01b0\u1edbi:<\/p>\n

          \"T\u00f9y
          T\u00f9y bi\u1ebfn ph\u1ea7n Woocommerce<\/figcaption><\/figure>\n

          Trong ph\u1ea7n n\u00e0y s\u1ebd c\u00f3 m\u1ed9t v\u00e0i n\u1ed9i dung d\u00e0nh cho b\u1ea1n th\u1ecfa s\u1ee9c t\u00f9y ch\u1ec9nh, c\u00f3 th\u1ec3 k\u1ec3 \u0111\u1ebfn v\u00e0i c\u00e1i t\u00ean nh\u01b0:<\/p>\n

            \n
          • Store Notice:<\/strong>\u00a0Th\u00f4ng b\u00e1o c\u1ee7a c\u1eeda h\u00e0ng khi c\u00f3 kh\u00e1ch truy c\u1eadp<\/li>\n
          • Product Catalog:<\/strong>\u00a0H\u1ed9p tho\u1ea1i s\u1ea3n ph\u1ea9m, c\u00f3 r\u1ea5t nhi\u1ec1u th\u1ee9 b\u00ean trong \u0111\u1ec3 b\u1ea1n t\u00f9y bi\u1ebfn c\u00e1ch hi\u1ec3n th\u1ecb s\u1ea3n ph\u1ea9m c\u1ee7a c\u1eeda h\u00e0ng<\/li>\n
          • Product Page:<\/strong>\u00a0Trang s\u1ea3n ph\u1ea9m \u0111\u01a1n, kh\u00e1ch h\u00e0ng c\u00f3 \u1ea5n t\u01b0\u1ee3ng b\u1edfi s\u1ea3n ph\u1ea9m c\u1ee7a b\u1ea1n hay kh\u00f4ng \u0111\u1ec1u do trang n\u00e0y quy\u1ebft \u0111\u1ecbnh<\/li>\n
          • My Account:<\/strong>\u00a0Trang t\u00e0i kho\u1ea3n v\u00e0 qu\u1ea3n tr\u1ecb<\/li>\n
          • Payments Icon:<\/strong>\u00a0Icon thanh to\u00e1n v\u00e0 c\u00e1ch hi\u1ec3n th\u1ecb<\/li>\n
          • Product Images:<\/strong>\u00a0X\u00e1c \u0111\u1ecbnh k\u00edch c\u1ee1 c\u1ee7a \u1ea3nh thu nh\u1ecf\/\u1ea3nh s\u1ea3n ph\u1ea9m<\/li>\n
          • Checkout:<\/strong>\u00a0Trang thanh to\u00e1n<\/li>\n
          • Cart:<\/strong>\u00a0Trang gi\u1ecf h\u00e0ng<\/li>\n<\/ul>\n

            Layout<\/strong><\/span><\/h3>\n

            Layout l\u00e0 m\u1ed9t t\u1eeb trong ti\u1ebfng Anh, d\u1ecbch sang ti\u1ebfng Vi\u1ec7t n\u00f3 c\u00f3 ngh\u0129a l\u00e0 b\u1ed1 c\u1ee5c. \u00dd ngh\u0129a c\u1ee7a ch\u1ee9c n\u0103ng n\u00e0y c\u0169ng gi\u1ed1ng y nh\u01b0 ngh\u0129a ban \u0111\u1ea7u c\u1ee7a n\u00f3. B\u1ea1n s\u1ebd t\u00f9y bi\u1ebfn \u0111\u01b0\u1ee3c b\u1ed1 c\u1ee5c trang web c\u1ee7a m\u00ecnh trong t\u00f9y ch\u1ecdn n\u00e0y.<\/p>\n

            \"Ch\u1ec9nh
            Ch\u1ec9nh s\u1eeda Layout \u201cB\u1ed1 c\u1ee5c\u201d tr\u00ean Flatsome<\/figcaption><\/figure>\n

            B\u1ea1n c\u1ea7n \u0111i theo \u0111\u01b0\u1eddng d\u1eabn\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Layout<\/strong>\u00a0l\u00e0 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda ph\u1ea7n n\u00e0y. M\u1ed9t v\u00e0i th\u00f4ng s\u1ed1 b\u1ea1n c\u00f3 th\u1ec3 can thi\u1ec7p \u0111\u1ec3 thay \u0111\u1ed5i di\u1ec7n m\u1ea1o cho website: ch\u1ebf \u0111\u1ed9 full width, boxed, framed, chi\u1ec1u d\u00e0i, m\u00e0u n\u1ec1n v\u00e0 m\u00e0u ch\u1eef.<\/p>\n

            Footer<\/strong><\/span><\/h3>\n

            Footer ch\u00ednh l\u00e0 ch\u00e2n trang, l\u00e0 ph\u1ea7n cu\u1ed1i c\u00f9ng hi\u1ec3n th\u1ecb \u0111\u1ebfn m\u1eaft kh\u00e1ch h\u00e0ng khi k\u00e9o xu\u1ed1ng cu\u1ed1i n\u1ed9i dung. Theo m\u1eb7c \u0111\u1ecbnh ch\u00fang s\u1ebd \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh hi\u1ec3n th\u1ecb \u1edf t\u1ea5t c\u1ea3 c\u00e1c trang bao g\u1ed3m trang cha v\u00e0 c\u00e1c trang nh\u1ecf. \u0110\u00e2y l\u00e0 \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a Footer cho b\u1ea1n ch\u1ec9nh s\u1eeda:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Footer<\/strong><\/p>\n

            \"Footer
            Footer m\u1eb7c \u0111\u1ecbnh c\u1ee7a Flatsome<\/figcaption><\/figure>\n

            Theo m\u1eb7c \u0111\u1ecbnh Flatsome s\u1ebd cho b\u1ea1n m\u1ed9t Footer thi\u1ebft k\u1ebf s\u1eb5n bao g\u1ed3m c\u00e1c s\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c x\u1ebfp th\u00e0nh 3 c\u1ed9t nh\u01b0 trong h\u00ecnh. C\u00e1i n\u00e0y kh\u00e1 l\u00e0 x\u1ea5u v\u00e0 b\u00e2y gi\u1edd c\u0169ng kh\u00f4ng ai d\u00f9ng lo\u1ea1i n\u00e0y n\u1eefa. Nh\u01b0ng v\u1eabn c\u00f3 c\u00e1ch \u0111\u1ec3 t\u1ea1o Footer \u0111\u1eb9p h\u01a1n m\u00e0 kh\u00f4ng c\u1ea7n d\u00f9ng Plugin th\u1ee9 ba, \u0111\u00f3 l\u00e0 s\u1eed d\u1ee5ng UX Block, m\u1ed9t ch\u1ee9c n\u0103ng kh\u00e1 hay ho c\u00f3 s\u1eb5n tr\u00ean Flatsome.<\/p>\n

            \"M\u1ed9t
            M\u1ed9t v\u00ed d\u1ee5 Footer t\u1ea1o ra b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng UX Block<\/figcaption><\/figure>\n

            CSS B\u1ed5 sung c\u1ee7a Flatsome<\/strong><\/span><\/h3>\n

            N\u01a1i b\u1ea1n th\u00eam code css v\u00e0o \u0111\u1ec3 t\u00f9y ch\u1ec9nh s\u00e2u h\u01a1n theo \u00fd mu\u1ed1n, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u00eam css \u1edf ch\u1ed7 kh\u00e1c nh\u01b0 l\u00e0 ph\u1ea7n Theme Editor, tuy nhi\u00ean m\u00ecnh khuy\u00ean c\u00e1c b\u1ea1n n\u00ean th\u00eam css \u1edf \u0111\u00e2y \u0111\u1ec3 ti\u1ec7n theo d\u00f5i k\u1ebft qu\u1ea3 tr\u00ean m\u00e0n h\u00ecnh b\u00ean tay ph\u1ea3i lu\u00f4n, b\u1edfi c\u01a1 ch\u1ebf hi\u1ec3n th\u1ecb theo th\u1eddi gian th\u1ef1c\u00a0Real-time<\/strong>, r\u1ea5t ti\u1ec7n l\u1ee3i cho b\u1ea1n quan s\u00e1t nh\u1eefng thay \u0111\u1ed5i c\u1ee7a code \u0111\u1ebfn website. B\u1ea1n v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn n\u00e0y \u0111\u1ec3 th\u00eam css b\u1ed5 sung nh\u00e9:\u00a0Giao di\u1ec7n > T\u00f9y bi\u1ebfn > Css b\u1ed5 sung<\/strong><\/p>\n

            \"Th\u00eam
            Th\u00eam Css b\u1ed5 sung v\u00e0o Flatsome<\/figcaption><\/figure>\n

            C\u00e1ch hi\u1ec3n th\u1ecb Trang ch\u1ee7 ra b\u00ean ngo\u00e0i<\/strong><\/span><\/h3>\n

            Trang ch\u1ee7 s\u1ebd hi\u1ec3n th\u1ecb \u0111\u1ea7u ti\u00ean cho kh\u00e1ch h\u00e0ng nh\u00ecn th\u1ea5y, b\u1ea1n c\u1ea7n hi\u1ec3u r\u00f5 c\u1ea5u tr\u00fac c\u0169ng nh\u01b0 c\u00e1ch th\u1ef1c hi\u1ec7n \u0111\u1ec3 hi\u1ec3u \u0111\u01b0\u1ee3c trong Flatsome n\u00f3 \u0111\u01b0\u1ee3c d\u00f9ng nh\u01b0 th\u1ebf n\u00e0o. N\u00f3 n\u1eb1m trong \u0111\u01b0\u1eddng d\u1eabn:\u00a0C\u00e0i \u0111\u1eb7t > \u0110\u1ecdc\u00a0<\/strong>(t\u00f9y ch\u1ecdn hi\u1ec3n th\u1ecb)<\/p>\n

            \"C\u00e1ch
            C\u00e1ch hi\u1ec3n th\u1ecb Trang Ch\u1ee7 Flatsome<\/figcaption><\/figure>\n

            B\u1ea1n c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb trang ch\u1ee7 ra b\u00ean ngo\u00e0i b\u1eb1ng 2 c\u00e1ch:<\/p>\n

              \n
            • Hi\u1ec3n th\u1ecb t\u1ef1 \u0111\u1ed9ng:<\/strong>\u00a0T\u1ea5t c\u1ea3 c\u00e1c b\u00e0i \u0111\u0103ng m\u1edbi nh\u1ea5t s\u1ebd t\u1ef1 \u0111\u1ed9ng hi\u1ec3n th\u1ecb ra trang ch\u1ee7<\/li>\n
            • Hi\u1ec3n th\u1ecb t\u00f9y ch\u1ecdn:<\/strong>\u00a0M\u1ed9t trang b\u1ea5t k\u1ef3 b\u1ea1n thi\u1ebft k\u1ebf s\u1eb5n v\u00e0 b\u1ea1n mu\u1ed1n \u0111\u1eb7t n\u00f3 l\u00e0m trang ch\u1ee7<\/li>\n<\/ul>\n

              C\u00e0i \u0111\u1eb7t \u0111\u01b0\u1eddng d\u1eabn t\u0129nh<\/strong><\/span><\/h3>\n

              \u0110\u01b0\u1eddng d\u1eabn t\u0129nh n\u1eb1m trong ph\u1ea7n c\u00e0i \u0111\u1eb7t, b\u1ea1n c\u00f3 th\u1ec3 truy xu\u1ea5t n\u00f3 th\u00f4ng qua \u0111\u01b0\u1eddng d\u1eabn sau \u0111\u00e2y:\u00a0C\u00e0i \u0111\u1eb7t > \u0110\u01b0\u1eddng d\u1eabn t\u0129nh.<\/strong><\/p>\n

              \"\u0110\u01b0\u1eddng
              \u0110\u01b0\u1eddng d\u1eabn t\u0129nh website<\/figcaption><\/figure>\n

              \u0110\u01b0\u1eddng d\u1eabn t\u0129nh l\u00e0 nh\u1eefng ch\u1eef c\u00e1i tr\u00ean URL hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t khi ta truy c\u1eadp m\u1ed9t trang n\u00e0o \u0111\u00f3. Theo m\u1eb7c \u0111\u1ecbnh Flatsome \u0111\u00e3 ch\u1ecdn s\u1eb5n cho b\u1ea1n theo ki\u1ec3u\u00a0\u201cNg\u00e0y v\u00e0 T\u00ean b\u00e0i vi\u1ebft\u201d,<\/strong>\u00a0ki\u1ec3u nh\u01b0 th\u1ebf n\u00e0y:\u00a0http:\/\/abc.com\/2023\/02\/27\/ten-bai-viet\/. <\/strong>C\u00e1ch tr\u00ecnh b\u00e0y n\u00e0y kh\u00f4ng \u0111\u01b0\u1ee3c \u0111\u1eb9p v\u00e0 ch\u01b0a t\u1ed1i \u01b0u, n\u00f3 c\u0169ng kh\u00f4ng t\u1ed1t cho SEO trang web c\u1ee7a b\u1ea1n, cho n\u00ean b\u1ea1n c\u1ea7n \u0111\u1ed5i ki\u1ec3u hi\u1ec3n th\u1ecb sang m\u1ed9t ki\u1ec3u kh\u00e1c l\u00e0 \u0111\u01b0\u1ee3c: B\u1ea1n n\u00ean \u0111\u1ec3 theo ki\u1ec3u:\u00a0\u201cTi\u00eau \u0111\u1ec1 b\u00e0i vi\u1ebft\u201d\u00a0<\/strong>nh\u01b0 th\u1ebf n\u00e0y:http:\/\/abc.com\/ten-bai-viet\/,<\/strong>\u00a0s\u1ebd g\u1ecdn g\u00e0ng, \u0111\u1eb9p v\u00e0 \u0111\u1ee1 r\u1ed1i m\u1eaft h\u01a1n ki\u1ec3u \u1edf tr\u00ean. Ch\u1ecdn xong r\u1ed3i b\u1ea5m l\u01b0u l\u1ea1i v\u00e0 load l\u1ea1i trang \u0111\u1ec3 ki\u1ec3m tra th\u00e0nh qu\u1ea3 nh\u00e9.<\/p>\n

              Menu trong Flatsome<\/strong><\/span><\/h3>\n

              Hi\u1ec7n t\u1ea1i m\u1eb7c \u0111\u1ecbnh\u00a0Flatsome<\/strong>\u00a0cho ph\u00e9p ch\u00fang ta menu c\u00f3 s\u1eb5n d\u1ea1ng c\u1ed1 \u0111\u1ecbnh v\u00e0 c\u0169ng Responsive menu tr\u00ean \u0111i\u1ec7n tho\u1ea1i r\u1ea5t t\u1ed1t.<\/p>\n

              Ph\u1ea7n n\u00e0y h\u01b0\u1edbng d\u1eabn thay \u0111\u1ed5i menu cho theme. Ph\u1ea7n n\u00e0y s\u1ebd gi\u1ed1ng v\u1edbi t\u1ea5t c\u1ea3 theme c\u1ee7a wordpress. B\u01b0\u1edbc n\u00e0y b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m sau c\u00f9ng khi \u0111\u00e3 \u0111\u0103ng b\u00e0i. Flatsome m\u1eb7c \u0111\u1ecbnh cho b\u1ea1n 2 lo\u1ea1i menu l\u00e0\u00a0Main Menu<\/strong>\u00a0v\u00e0\u00a0Second Menu<\/strong>. T\u00f9y v\u00f4 nhu c\u1ea7u m\u00e0 c\u00f3 c\u00e2n nh\u1eafc c\u00f3 s\u1eed d\u1ee5ng Second Meunu hay kh\u00f4ng.<\/p>\n

              \"Hai
              Hai lo\u1ea1i Menu trong Flatsome<\/figcaption><\/figure>\n
                \n
              • Main Menu<\/strong>: (ph\u1ea7n m\u00e0u xanh trong h\u00ecnh): l\u00e0 lo\u1ea1i menu ch\u00ednh, b\u1eaft bu\u1ed9c ph\u1ea3i c\u00f3 m\u1ed7i website, th\u01b0\u1eddng ch\u1ee9a nh\u1eefng th\u00f4ng tin v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn nh\u1eefng trang quan tr\u1ecdng nh\u1ea5t c\u1ee7a b\u1ea1n<\/li>\n
              • Second Menu:\u00a0<\/strong>(d\u00f2ng tr\u00ean c\u00f9ng): l\u00e0 m\u1ed9t lo\u1ea1i menu ph\u1ee5, k\u00e9m quan tr\u1ecdng h\u01a1n, tuy nhi\u00ean b\u1ea1n n\u00ean c\u00f3 \u0111\u1ec3 website c\u00f3 c\u00e1c ch\u1ee9c n\u0103ng \u0111\u1ea7y \u0111\u1ee7 v\u00e0 h\u00e0i h\u00f2a.<\/li>\n<\/ul>\n

                B\u1ea1n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn c\u00e1c menu n\u00e0y b\u1eb1ng c\u00e1ch \u0111i theo \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0Giao di\u1ec7n > Menu<\/strong><\/p>\n

                \"Tr\u00ecnh
                Tr\u00ecnh k\u00e9o th\u1ea3 Menu trong Flatsome<\/figcaption><\/figure>\n

                B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn c\u00e1c\u00a0trang\u00a0<\/strong>\/\u00a0danh m\u1ee5c s\u1ea3n ph\u1ea9m\u00a0<\/strong>\/\u00a0chuy\u00ean m\u1ee5c b\u00e0i vi\u1ebft\u00a0<\/strong>\u1edf \u00f4 b\u00ean tr\u00e1i v\u00e0 k\u00e9o n\u00f3 v\u00e0o ph\u1ea7n b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh, \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 th\u00f2 ra\/th\u1ee5t v\u00e0o c\u1ee7a t\u1eebng ph\u1ea7n t\u1eed s\u1ebd quy\u1ebft \u0111\u1ecbnh xem ph\u1ea7n t\u1eed \u1ea5y l\u00e0 cha hay con. Trong v\u00ed d\u1ee5 tr\u00ean th\u00ec \u201cDemo\u201d s\u1ebd l\u00e0\u00a0cha<\/strong>\u00a0v\u00e0 \u201cShop Demos\u201d s\u1ebd l\u00e0\u00a0con<\/strong>. T\u01b0\u01a1ng \u1ee9ng v\u1edbi b\u00ean ngo\u00e0i giao di\u1ec7n b\u1ea1n s\u1ebd th\u1ea5y\u00a0Menu c\u1ea5p 1<\/strong>\u00a0v\u00e0\u00a0Menu c\u1ea5p 2<\/strong>\u00a0c\u0169ng theo th\u1ee9 t\u1ef1 \u1ea5y. Khi thi\u1ebft k\u1ebf Memu xong c\u00e1c b\u1ea1n b\u1ea5m n\u00fat m\u00e0u xanh \u201cL\u01b0u menu\u201d \u0111\u1ec3 l\u01b0u l\u1ea1i v\u00e0 t\u1ea3i l\u1ea1i trang \u0111\u1ec3 xem k\u1ebft qu\u1ea3.<\/p>\n

                Widget trong Flatsome<\/strong><\/span><\/h3>\n

                Widget trong Flatsome ch\u1ee9a kh\u00e1 nhi\u1ec1u th\u00e0nh ph\u1ea7n kh\u00e1c bao g\u1ed3m: C\u00e1c thanh Sidebar, Footer, Product Sidebar, Shop Sidebar,\u2026 B\u1ea1n c\u00f3 th\u1ec3 v\u00e0o ch\u1ec9nh s\u1eeda c\u00e1c Widget theo \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0Giao di\u1ec7n > Widget.<\/strong><\/p>\n

                \"Widget
                Widget trong Flatsome<\/figcaption><\/figure>\n

                B\u1ea1n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn Widget d\u1ec5 d\u00e0ng b\u1eb1ng c\u00e1ch k\u00e9o c\u00e1c ph\u1ea7n t\u1eed \u1edf b\u00ean tr\u00e1i sang m\u00e0n h\u00ecnh b\u00ean ph\u1ea3i t\u01b0\u01a1ng \u1ee9ng. Sau \u0111\u00e2y m\u00ecnh s\u1ebd \u0111i\u1ec3m qua m\u1ed9t v\u00e0i lo\u1ea1i Widget ph\u1ed5 bi\u1ebfn:<\/p>\n

                  \n
                • Sidebar:<\/strong>\u00a0Widget c\u1ee7a trang b\u00e0i vi\u1ebft, khi kh\u00e1ch h\u00e0ng v\u00e0o m\u1ed9t trang b\u00e0i vi\u1ebft hay tin t\u1ee9c b\u1ea5t k\u1ef3, n\u00f3 s\u1ebd hi\u1ec3n th\u1ecb ra \u1edf \u0111\u1ea5y<\/li>\n
                • Footer 1<\/strong>,\u00a0Footer 2<\/strong>: Footer th\u1ee9 nh\u1ea5t v\u00e0 th\u1ee9 2 \u1edf cu\u1ed1i c\u00e1c trang<\/li>\n
                • Shop Sidebar<\/strong>: Thanh b\u00ean hi\u1ec3n th\u1ecb ra trong trang s\u1ea3n ph\u1ea9m\/ trang c\u1eeda h\u00e0ng<\/li>\n
                • Product Sidebar<\/strong>: Thanh b\u00ean c\u1ee7a trang s\u1ea3n ph\u1ea9m \u0111\u01a1n l\u1ebb b\u1ea5t k\u1ef3<\/li>\n<\/ul>\n

                  Ngo\u00e0i ra c\u00f2n nhi\u1ec1u lo\u1ea1i\u00a0Sidebar kh\u00e1c<\/strong>\u00a0c\u00f3 trong Widget kh\u00e1c n\u1eefa, ch\u00fang kh\u00e1 l\u00e0 nhi\u1ec1u v\u00e0 ph\u1ee5 thu\u1ed9c v\u00e0o b\u1ea1n c\u00e0i nh\u1eefng lo\u1ea1i Plugin n\u00e0o, b\u1edfi m\u1ed7i lo\u1ea1i Plugin s\u1ebd t\u00edch h\u1ee3p th\u00eam t\u00ednh n\u0103ng v\u00e0o trong Sidebar \u0111\u1ec3 l\u00e0m phong ph\u00fa h\u01a1n t\u00ednh n\u0103ng cho Plugin \u0111\u00f3. V\u00ed d\u1ee5 nh\u01b0 \u201cMax mega menu Sidebar\u201d s\u1ebd hi\u1ec3n th\u1ecb \u1edf Widget khi b\u1ea1n s\u1eed d\u1ee5ng Plugin n\u00e0y.<\/p>\n

                  H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao<\/strong><\/span><\/h2>\n

                  S\u1eed d\u1ee5ng UX Builder t\u1ea1o n\u00fat \u201cG\u1ecdi \u0111\u1eb7t h\u00e0ng\u201d<\/strong><\/span><\/h3>\n

                  Trong ph\u1ea7n n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c m\u1ed9t ph\u1ea7n \u201cG\u1ecdi \u0111\u1eb7t h\u00e0ng<\/strong>\u201d theo s\u1ed1 \u0111i\u1ec7n tho\u1ea1i m\u00e0 kh\u00f4ng th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng n\u1ebfu kh\u00f4ng d\u00f9ng c\u00f4ng c\u1ee5\u00a0UX Builder<\/strong>. V\u1ec1 \u0111\u1ed9 kh\u00f3 th\u00ec b\u1ea1n c\u1ee9 y\u00ean t\u00e2m v\u00ec n\u00f3 kh\u00e1 d\u1ec5 \u0111\u1ec3 s\u1eed d\u1ee5ng. N\u00f3 d\u00f9ng t\u01b0\u01a1ng t\u1ef1 nh\u01b0 Elementor v\u1eady n\u00ean ch\u1ec9 c\u00f3 k\u00e9o v\u00e0 th\u1ea3, kh\u00f4ng c\u1ea7n bi\u1ebft code v\u1eabn c\u00f3 th\u1ec3 l\u00e0m ngon l\u00e0nh.<\/p>\n

                  \u0110\u00e2y l\u00e0 th\u00e0nh qu\u1ea3 sau khi b\u1ea1n hi\u1ec3u v\u00e0 bi\u1ebft s\u1eed d\u1ee5ng UX Builder x\u00e2y d\u1ef1ng Header cho website c\u1ee7a m\u00ecnh, t\u1ea5t c\u1ea3 \u0111\u1ec1u g\u00f3i g\u1ecdn trong ph\u1ea7n n\u00e0y:<\/p>\n

                  \"Ch\u1ee9c
                  Ch\u1ee9c n\u0103ng \u201cG\u1ecdi \u0111\u1eb7t h\u00e0ng\u201d trong Flatsome<\/figcaption><\/figure>\n

                  Ch\u00fang ta c\u00f3 icon b\u1eaft m\u1eaft \u0111i k\u00e8m v\u1edbi s\u1ed1 \u0111i\u1ec7n tho\u1ea1i n\u1ed5i b\u1eadt, k\u00edch th\u00edch kh\u00e1ch mua h\u00e0ng v\u00e0 ti\u1ec7n cho h\u1ecd n\u1ebfu c\u1ea7n t\u01b0 v\u1ea5n th\u00eam, th\u1eadt ti\u1ec7n \u0111\u00fang kh\u00f4ng n\u00e0o. C\u00e1c b\u1ea1n l\u00e0m theo c\u00e1c b\u01b0\u1edbc sau \u0111\u00e2y \u0111\u1ec3 th\u1ef1c hi\u1ec7n nh\u00e9.<\/p>\n

                    \n
                  1. M\u1edf UX Block theo \u0111\u01b0\u1eddng d\u1eabn\u00a0UX Block > Th\u00eam trang m\u1edbi.<\/strong><\/li>\n<\/ol>\n
                    \"Th\u00eam
                    Th\u00eam Block m\u1edbi<\/figcaption><\/figure>\n

                    C\u00e1c b\u1ea1n \u0111i\u1ec1n t\u00ean Block l\u00e0 g\u00ec c\u0169ng \u0111\u01b0\u1ee3c, sau \u0111\u00f3 b\u1ea5m n\u00fat \u201c\u0110\u0103ng\u201d m\u00e0u xanh b\u00ean d\u01b0\u1edbi nh\u00e9.<\/p>\n

                    2. Sau \u0111\u1ea5y b\u1ea5m n\u00fat \u201cUX Builder<\/strong>\u201d \u1edf \u00f4 tr\u00ean c\u00f9ng \u0111\u1ec3 b\u1eaft \u0111\u1ea7u thi\u1ebft k\u1ebf.<\/p>\n

                    \"B\u1eaft
                    B\u1eaft \u0111\u1ea7u thi\u1ebft k\u1ebf v\u1edbi UX Builder<\/figcaption><\/figure>\n

                    3. B\u1ea5m ch\u1ecdn \u201cAdd Elements<\/strong>\u201d \u1edf \u00f4 b\u00ean tr\u00e1i.<\/p>\n

                    \"Add
                    Add Element<\/figcaption><\/figure>\n

                    4. K\u00e9o chu\u1ed9t xu\u1ed1ng d\u01b0\u1edbi v\u00e0 ch\u1ecdn \u201cIcon Box<\/strong>\u201c.<\/p>\n

                    \"Ch\u1ecdn
                    Ch\u1ecdn Icon Box<\/figcaption><\/figure>\n

                    5. C\u00e1c b\u1ea1n t\u1ea3i m\u1ed9t h\u00ecnh nh\u1ecf v\u00e0 \u0111\u1eb9p v\u1ec1 \u0111\u1ec3 \u0111\u1eb7t l\u00e0m icon. Trong c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra, c\u00e1c b\u1ea1n b\u1ea5m \u201cSelect Media<\/strong>\u201d \u0111\u1ec3 upload icon v\u1eeba t\u1ea3i v\u1ec1 l\u00ean nh\u00e9.<\/p>\n

                    6. T\u1ea5t c\u1ea3 c\u00e1c th\u00f4ng s\u1ed1 trong h\u1ed9p tho\u1ea1i \u201cIcon Box<\/strong>\u201d b\u1ea1n s\u1eeda cho m\u00ecnh th\u00e0nh nh\u01b0 th\u1ebf n\u00e0y:\u00a0icon width: 40px, icon position: left, class: dv-hotline<\/em>. Th\u00f4ng s\u1ed1 kh\u00e1c v\u1eabn gi\u1eef nguy\u00ean.<\/p>\n

                    7. Trong h\u1ed9p tho\u1ea1i \u201cText<\/strong>\u201c, c\u00e1c b\u1ea1n ch\u00e8n \u0111o\u1ea1n m\u00e3 sau v\u00e0o:<\/p>\n

                    <\/p>\n

                    \n
                    <\/span><\/p>\n
                    \n
                    \n
                    <\/div>\n<\/div>\n
                    \n
                    <\/div>\n<\/div>\n
                    \n
                    <\/div>\n<\/div>\n
                    \n
                    <\/div>\n<\/div>\n
                    \n
                    <\/div>\n<\/div>\n
                    \n
                    <\/div>\n<\/div>\n<\/div>\n<\/div>\n
                    <\/div>\n