{"id":122693,"date":"2026-01-17T11:11:00","date_gmt":"2026-01-17T04:11:00","guid":{"rendered":"https:\/\/tino.vn\/blog\/?p=122693"},"modified":"2026-01-16T16:40:25","modified_gmt":"2026-01-16T09:40:25","slug":"them-icon-vao-menu-wordpress","status":"publish","type":"post","link":"https:\/\/tino.vn\/blog\/them-icon-vao-menu-wordpress\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn th\u00eam icon v\u00e0o menu WordPress \u0111\u01a1n gi\u1ea3n [2026]"},"content":{"rendered":"\n<p><strong>M\u1ed9t thanh \u0111i\u1ec1u h\u01b0\u1edbng ch\u1ec9 to\u00e0n v\u0103n b\u1ea3n thu\u1ea7n t\u00fay \u0111\u00f4i khi khi\u1ebfn giao di\u1ec7n tr\u1edf n\u00ean \u0111\u01a1n \u0111i\u1ec7u v\u00e0 thi\u1ebfu \u0111i\u1ec3m nh\u1ea5n. Vi\u1ec7c t\u00edch h\u1ee3p c\u00e1c icon v\u00e0o menu kh\u00f4ng ch\u1ec9 gi\u00fap trang web c\u1ee7a b\u1ea1n tr\u1edf n\u00ean sinh \u0111\u1ed9ng, chuy\u00ean nghi\u1ec7p h\u01a1n m\u00e0 c\u00f2n h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi truy c\u1eadp nh\u1eadn di\u1ec7n n\u1ed9i dung nhanh ch\u00f3ng. C\u00f9ng Tino kh\u00e1m ph\u00e1 c\u00e1ch th\u00eam icon v\u00e0o menu <a href=\"https:\/\/tino.vn\/blog\/wordpress-la-gi\/\" target=\"_blank\" data-type=\"post\" data-id=\"15589\" rel=\"noreferrer noopener\">WordPress <\/a>\u0111\u01a1n gi\u1ea3n qua b\u00e0i vi\u1ebft d\u01b0\u1edbi \u0111\u00e2y nh\u00e9!<\/strong><\/p>\n\n\n\n<h2 id=\"T\u1ea1i_sao_n\u00ean_s\u1eed_d\u1ee5ng_icon_tr\u00ean_menu?\"><a id=\"post-122693-_lre5k9x1ss11\"><\/a><strong>T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng icon tr\u00ean menu?<\/strong><\/h2>\n\n\n\n<p>Trong thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UX) hi\u1ec7n \u0111\u1ea1i, menu website \u0111\u00f3ng vai tr\u00f2 nh\u01b0 &#8220;t\u1ea5m b\u1ea3n \u0111\u1ed3&#8221; ch\u1ec9 d\u1eabn kh\u00e1ch truy c\u1eadp. Vi\u1ec7c t\u00edch h\u1ee3p bi\u1ec3u t\u01b0\u1ee3ng v\u00e0o khu v\u1ef1c n\u00e0y mang l\u1ea1i nhi\u1ec1u gi\u00e1 tr\u1ecb thi\u1ebft th\u1ef1c h\u01a1n l\u00e0 ch\u1ec9 \u0111\u1ec3 trang tr\u00ed \u0111\u01a1n thu\u1ea7n.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>T\u0103ng t\u1ed1c \u0111\u1ed9 nh\u1eadn di\u1ec7n th\u00f4ng tin:<\/strong> N\u00e3o b\u1ed9 con ng\u01b0\u1eddi x\u1eed l\u00fd h\u00ecnh \u1ea3nh nhanh h\u01a1n v\u0103n b\u1ea3n g\u1ea5p nhi\u1ec1u l\u1ea7n. M\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng &#8220;ng\u00f4i nh\u00e0&#8221; s\u1ebd gi\u00fap ng\u01b0\u1eddi d\u00f9ng nh\u1eadn ra trang ch\u1ee7 ngay l\u1eadp t\u1ee9c m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ecdc ch\u1eef. Y\u1ebfu t\u1ed1 n\u00e0y gi\u00fap gi\u1ea3m t\u1ea3i nh\u1eadn th\u1ee9c v\u00e0 l\u00e0m cho qu\u00e1 tr\u00ecnh duy\u1ec7t web tr\u1edf n\u00ean nh\u1eb9 nh\u00e0ng h\u01a1n.<\/li>\n\n\n\n<li><strong>Ti\u1ebft ki\u1ec7m kh\u00f4ng gian hi\u1ec3n th\u1ecb:<\/strong> Tr\u00ean c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng v\u1edbi m\u00e0n h\u00ecnh nh\u1ecf, kh\u00f4ng gian l\u00e0 &#8220;t\u1ea5c \u0111\u1ea5t t\u1ea5c v\u00e0ng&#8221;. Vi\u1ec7c thay th\u1ebf c\u00e1c nh\u00e3n v\u0103n b\u1ea3n d\u00e0i d\u00f2ng b\u1eb1ng c\u00e1c bi\u1ec3u t\u01b0\u1ee3ng c\u00f4 \u0111\u1ecdng gi\u00fap thanh menu g\u1ecdn g\u00e0ng, tr\u00e1nh t\u00ecnh tr\u1ea1ng menu b\u1ecb tr\u00e0n d\u00f2ng ho\u1eb7c che khu\u1ea5t n\u1ed9i dung ch\u00ednh.<\/li>\n\n\n\n<li><strong>T\u1ea1o \u0111i\u1ec3m nh\u1ea5n th\u1ecb gi\u00e1c v\u00e0 ph\u00e2n c\u1ea5p n\u1ed9i dung:<\/strong> M\u1ed9t danh s\u00e1ch d\u00e0i to\u00e0n ch\u1eef th\u01b0\u1eddng g\u00e2y c\u1ea3m gi\u00e1c nh\u00e0m ch\u00e1n. C\u00e1c bi\u1ec3u t\u01b0\u1ee3ng gi\u00fap ph\u00e1 v\u1ee1 s\u1ef1 \u0111\u01a1n \u0111i\u1ec7u n\u00e0y, thu h\u00fat s\u1ef1 ch\u00fa \u00fd v\u00e0o c\u00e1c m\u1ee5c quan tr\u1ecdng (nh\u01b0 Gi\u1ecf h\u00e0ng, Li\u00ean h\u1ec7 ho\u1eb7c Khuy\u1ebfn m\u00e3i). S\u1ef1 k\u1ebft h\u1ee3p h\u00e0i h\u00f2a gi\u1eefa h\u00ecnh \u1ea3nh v\u00e0 v\u0103n b\u1ea3n t\u1ea1o n\u00ean v\u1ebb ngo\u00e0i chuy\u00ean nghi\u1ec7p v\u00e0 hi\u1ec7n \u0111\u1ea1i cho website.<\/li>\n\n\n\n<li><strong>V\u01b0\u1ee3t qua r\u00e0o c\u1ea3n ng\u00f4n ng\u1eef:<\/strong> Bi\u1ec3u t\u01b0\u1ee3ng mang t\u00ednh qu\u1ed1c t\u1ebf h\u00f3a cao. D\u00f9 kh\u00e1ch truy c\u1eadp \u0111\u1ebfn t\u1eeb qu\u1ed1c gia n\u00e0o, nh\u1eefng k\u00fd hi\u1ec7u ph\u1ed5 qu\u00e1t nh\u01b0 k\u00ednh l\u00fap (t\u00ecm ki\u1ebfm) hay l\u00e1 th\u01b0 (li\u00ean h\u1ec7) \u0111\u1ec1u d\u1ec5 d\u00e0ng \u0111\u01b0\u1ee3c th\u1ea5u hi\u1ec3u m\u00e0 kh\u00f4ng c\u1ea7n bi\u00ean d\u1ecbch.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Xem th\u00eam: <a href=\"https:\/\/tino.vn\/blog\/tao-menu-da-cap-trong-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">H\u01b0\u1edbng d\u1eabn t\u1ea1o menu \u0111a c\u1ea5p trong WordPress \u0111\u01a1n gi\u1ea3n\u00a0<\/a><\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-1.png\" alt=\"T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng icon tr\u00ean menu?\" class=\"wp-image-122708\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-1.png 700w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-1-300x161.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\"><strong>T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng icon tr\u00ean menu?<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<h2 id=\"Chu\u1ea9n_b\u1ecb_tr\u01b0\u1edbc_khi_th\u1ef1c_hi\u1ec7n\"><a id=\"post-122693-_d8se9b1cv70j\"><\/a><strong>Chu\u1ea9n b\u1ecb tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n<\/strong><\/h2>\n\n\n\n<h3 id=\"X\u00e1c_\u0111\u1ecbnh_lo\u1ea1i_giao_di\u1ec7n_(theme)_\u0111ang_s\u1eed_d\u1ee5ng\"><a id=\"post-122693-_swsni0687at4\"><\/a><strong>X\u00e1c \u0111\u1ecbnh lo\u1ea1i giao di\u1ec7n (theme) \u0111ang s\u1eed d\u1ee5ng<\/strong><\/h3>\n\n\n\n<p>Hi\u1ec7n nay, WordPress ph\u00e2n h\u00f3a r\u00f5 r\u1ec7t th\u00e0nh hai d\u00f2ng giao di\u1ec7n v\u00e0 c\u00e1ch thi\u1ebft l\u1eadp menu c\u1ee7a hai d\u00f2ng n\u00e0y ho\u00e0n to\u00e0n kh\u00e1c nhau:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Giao di\u1ec7n c\u1ed5 \u0111i\u1ec3n (Classic Themes):<\/strong> Qu\u1ea3n l\u00fd menu th\u00f4ng qua m\u1ee5c <strong>Giao di\u1ec7n (Appearance) > Menu<\/strong>. N\u1ebfu \u0111ang d\u00f9ng lo\u1ea1i n\u00e0y, b\u1ea1n s\u1ebd c\u1ea7n can thi\u1ec7p v\u00e0o c\u00e0i \u0111\u1eb7t CSS ho\u1eb7c d\u00f9ng plugin h\u1ed7 tr\u1ee3 menu truy\u1ec1n th\u1ed1ng.<\/li>\n\n\n\n<li><strong>Giao di\u1ec7n kh\u1ed1i (Block Themes\/FSE):<\/strong> Qu\u1ea3n l\u00fd to\u00e0n b\u1ed9 th\u00f4ng qua <strong>Tr\u00ecnh ch\u1ec9nh s\u1eeda trang (Site Editor)<\/strong>. V\u1edbi lo\u1ea1i n\u00e0y, vi\u1ec7c ch\u00e8n bi\u1ec3u t\u01b0\u1ee3ng th\u01b0\u1eddng \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n tr\u1ef1c ti\u1ebfp th\u00f4ng qua c\u00e1c kh\u1ed1i (Blocks) m\u00e0 kh\u00f4ng c\u1ea7n code ph\u1ee9c t\u1ea1p.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-2.png\" alt=\"Chu\u1ea9n b\u1ecb tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n\" class=\"wp-image-122709\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-2.png 700w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-2-300x161.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\"><strong>Chu\u1ea9n b\u1ecb tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 id=\"L\u1ef1a_ch\u1ecdn_th\u01b0_vi\u1ec7n_ho\u1eb7c_\u0111\u1ecbnh_d\u1ea1ng_bi\u1ec3u_t\u01b0\u1ee3ng\"><a id=\"post-122693-_dwx4rywf95yl\"><\/a><strong>L\u1ef1a ch\u1ecdn th\u01b0 vi\u1ec7n ho\u1eb7c \u0111\u1ecbnh d\u1ea1ng bi\u1ec3u t\u01b0\u1ee3ng<\/strong><\/h3>\n\n\n\n<p>B\u1ea1n c\u1ea7n quy\u1ebft \u0111\u1ecbnh ngu\u1ed3n cung c\u1ea5p bi\u1ec3u t\u01b0\u1ee3ng \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o s\u1ef1 \u0111\u1ed3ng b\u1ed9 trong thi\u1ebft k\u1ebf:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>FontAwesome:<\/strong> \u0110\u00e2y l\u00e0 th\u01b0 vi\u1ec7n ph\u1ed5 bi\u1ebfn nh\u1ea5t v\u1edbi h\u00e0ng ngh\u00ecn bi\u1ec3u t\u01b0\u1ee3ng c\u00f3 s\u1eb5n. \u01afu \u0111i\u1ec3m l\u00e0 d\u1ec5 s\u1eed d\u1ee5ng, nh\u01b0ng nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 ph\u1ea3i t\u1ea3i th\u00eam t\u00e0i nguy\u00ean t\u1eeb b\u00ean th\u1ee9 ba, c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng nh\u1eb9 \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang.<\/li>\n\n\n\n<li><strong>Dashicons:<\/strong> B\u1ed9 bi\u1ec3u t\u01b0\u1ee3ng m\u1eb7c \u0111\u1ecbnh c\u1ee7a WordPress. Tuy nh\u1eb9 v\u00e0 c\u00f3 s\u1eb5n, nh\u01b0ng s\u1ed1 l\u01b0\u1ee3ng m\u1eabu m\u00e3 kh\u00e1 h\u1ea1n ch\u1ebf v\u00e0 thi\u1ebft k\u1ebf c\u00f3 ph\u1ea7n c\u0169 k\u1ef9 so v\u1edbi xu h\u01b0\u1edbng hi\u1ec7n nay.<\/li>\n\n\n\n<li><strong>SVG (Scalable Vector Graphics):<\/strong> \u0110\u1ecbnh d\u1ea1ng file SVG c\u1ef1c nh\u1eb9, s\u1eafc n\u00e9t tr\u00ean m\u1ecdi m\u00e0n h\u00ecnh v\u00e0 kh\u00f4ng c\u1ea7n t\u1ea3i th\u01b0 vi\u1ec7n ngo\u00e0i. Tuy nhi\u00ean, thao t\u00e1c n\u00e0y \u0111\u00f2i h\u1ecfi b\u1ea1n ph\u1ea3i chu\u1ea9n b\u1ecb s\u1eb5n file thi\u1ebft k\u1ebf ho\u1eb7c t\u1ea3i t\u1eeb c\u00e1c ngu\u1ed3n uy t\u00edn.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"Sao_l\u01b0u_website_(Backup)\"><a id=\"post-122693-_p1xxskgg0hz1\"><\/a><strong>Sao l\u01b0u website (Backup)<\/strong><\/h3>\n\n\n\n<p>D\u00f9 thao t\u00e1c th\u00eam bi\u1ec3u t\u01b0\u1ee3ng c\u00f3 v\u1ebb \u0111\u01a1n gi\u1ea3n, nh\u01b0ng vi\u1ec7c c\u00e0i \u0111\u1eb7t th\u00eam plugin m\u1edbi ho\u1eb7c ch\u1ec9nh s\u1eeda m\u00e3 ngu\u1ed3n lu\u00f4n ti\u1ec1m \u1ea9n r\u1ee7i ro xung \u0111\u1ed9t ph\u1ea7n m\u1ec1m. H\u00e3y t\u1ea1o m\u1ed9t b\u1ea3n sao l\u01b0u d\u1eef li\u1ec7u \u0111\u1ea7y \u0111\u1ee7 tr\u01b0\u1edbc khi b\u1eaft \u0111\u1ea7u. Thao t\u00e1c d\u1ef1 ph\u00f2ng n\u00e0y \u0111\u1ea3m b\u1ea3o b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4i ph\u1ee5c l\u1ea1i tr\u1ea1ng th\u00e1i ban \u0111\u1ea7u ngay l\u1eadp t\u1ee9c n\u1ebfu c\u00f3 s\u1ef1 c\u1ed1 ph\u00e1t sinh.<\/p>\n\n\n\n<h2 id=\"H\u01b0\u1edbng_d\u1eabn_m\u1ed9t_s\u1ed1_c\u00e1ch_th\u00eam_icon_v\u00e0o_menu_WordPress\"><a id=\"post-122693-_nx83gvucrrxy\"><\/a>H\u01b0\u1edbng d\u1eabn m\u1ed9t s\u1ed1 c\u00e1ch th\u00eam icon v\u00e0o menu WordPress<\/h2>\n\n\n\n<h3 id=\"C\u00e1ch_1:_S\u1eed_d\u1ee5ng_Plugin_&#8220;Menu_Image&#8221;_(D\u00e0nh_cho_theme_c\u1ed5_\u0111i\u1ec3n_&amp;_hybrid)\"><a id=\"post-122693-_tixikftr8rs9\"><\/a><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/h3>\n\n\n\n<p>\u0110\u00e2y l\u00e0 gi\u1ea3i ph\u00e1p t\u1ed1i \u01b0u cho ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng mu\u1ed1n can thi\u1ec7p v\u00e0o m\u00e3 ngu\u1ed3n. Plugin n\u00e0y h\u1ed7 tr\u1ee3 t\u1ed1t c\u00e1c giao di\u1ec7n truy\u1ec1n th\u1ed1ng (Classic Themes) v\u00e0 cung c\u1ea5p nhi\u1ec1u t\u00f9y ch\u1ecdn k\u00edch th\u01b0\u1edbc, v\u1ecb tr\u00ed hi\u1ec3n th\u1ecb \u0111a d\u1ea1ng.<\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 1: C\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t Plugin: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Truy c\u1eadp trang qu\u1ea3n tr\u1ecb WordPress, t\u00ecm \u0111\u1ebfn m\u1ee5c <strong>Plugin > C\u00e0i m\u1edbi <\/strong>.<\/li>\n\n\n\n<li>G\u00f5 t\u1eeb kh\u00f3a &#8220;<strong>Menu Image<\/strong>&#8221; v\u00e0o thanh t\u00ecm ki\u1ebfm.<\/li>\n\n\n\n<li>Ch\u1ecdn k\u1ebft qu\u1ea3 \u201c<strong>Menu Image, Icons made easy<\/strong>\u201d, nh\u1ea5n <strong>C\u00e0i \u0111\u1eb7t<\/strong> v\u00e0 sau \u0111\u00f3 <strong>K\u00edch ho\u1ea1t<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"824\" height=\"373\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-1.png\" alt=\"C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &quot;Menu Image&quot; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)\" class=\"wp-image-122694\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-1.png 824w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-1-300x136.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-1-768x348.png 768w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 2: Ch\u00e8n icon v\u00e0o menu:<\/strong><\/p>\n\n\n\n<p>\u0110i t\u1edbi <strong>Giao di\u1ec7n > Menu<\/strong>.<\/p>\n\n\n\n<p>Di chu\u1ed9t v\u00e0o t\u00ean m\u1ee5c menu mu\u1ed1n ch\u1ec9nh s\u1eeda (v\u00ed d\u1ee5: Trang ch\u1ee7), b\u1ea1n s\u1ebd th\u1ea5y n\u00fat <strong>Menu Image<\/strong> xu\u1ea5t hi\u1ec7n.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"941\" height=\"595\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-2.png\" alt=\"C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &quot;Menu Image&quot; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)\" class=\"wp-image-122695\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-2.png 941w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-2-300x190.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-2-768x486.png 768w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Nh\u1ea5n v\u00e0o n\u00fat n\u00e0y, m\u1ed9t c\u1eeda s\u1ed5 s\u1ebd hi\u1ec7n ra cho ph\u00e9p ch\u1ecdn icon (d\u1ea1ng \u1ea3nh) t\u1eeb th\u01b0 vi\u1ec7n Media ho\u1eb7c t\u1ea3i file m\u1edbi l\u00ean (khuy\u00ean d\u00f9ng \u0111\u1ecbnh d\u1ea1ng SVG ho\u1eb7c PNG n\u1ec1n trong su\u1ed1t).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1477\" height=\"809\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-3.png\" alt=\"C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &quot;Menu Image&quot; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)\" class=\"wp-image-122696\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-3.png 1477w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-3-300x164.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-3-1024x561.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-3-768x421.png 768w\" sizes=\"(max-width: 1477px) 100vw, 1477px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 3: T\u00f9y ch\u1ec9nh hi\u1ec3n th\u1ecb:<\/strong><\/p>\n\n\n\n<p>T\u1ea1i m\u1ee5c <strong>Image Size<\/strong>, ch\u1ecdn k\u00edch th\u01b0\u1edbc ph\u00f9 h\u1ee3p (th\u01b0\u1eddng l\u00e0 24x24px ho\u1eb7c 36x36px).<\/p>\n\n\n\n<p>T\u1ea1i m\u1ee5c <strong>Title Position<\/strong>, quy\u1ebft \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a bi\u1ec3u t\u01b0\u1ee3ng so v\u1edbi v\u0103n b\u1ea3n (tr\u00ean, d\u01b0\u1edbi, tr\u01b0\u1edbc ho\u1eb7c sau v\u0103n b\u1ea3n). N\u1ebfu ch\u1ec9 mu\u1ed1n hi\u1ec7n icon, ch\u1ecdn &#8220;Hide&#8221; \u1edf ph\u1ea7n Title.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"998\" height=\"716\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-4.png\" alt=\"C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &quot;Menu Image&quot; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)\" class=\"wp-image-122697\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-4.png 998w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-4-300x215.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-4-768x551.png 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>\u0110\u1ec3 ch\u00e8n icon th\u00f4ng th\u01b0\u1eddng, b\u1ea1n nh\u1ea5n qua m\u1ee5c Icon v\u00e0 ch\u1ecdn bi\u1ec3u t\u01b0\u1ee3ng ph\u00f9 h\u1ee3p.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1476\" height=\"780\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-5.png\" alt=\"C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &quot;Menu Image&quot; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)\" class=\"wp-image-122698\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-5.png 1476w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-5-300x159.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-5-1024x541.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-5-768x406.png 768w\" sizes=\"(max-width: 1476px) 100vw, 1476px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 1: S\u1eed d\u1ee5ng Plugin &#8220;Menu Image&#8221; (D\u00e0nh cho theme c\u1ed5 \u0111i\u1ec3n &amp; hybrid)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Nh\u1ea5n <strong>L\u01b0u thay \u0111\u1ed5i (Save Changes)<\/strong> \u0111\u1ec3 ho\u00e0n t\u1ea5t.<\/p>\n\n\n\n<h3 id=\"C\u00e1ch_2:_S\u1eed_d\u1ee5ng_FontAwesome_v\u00e0_CSS_Class_(D\u00e0nh_cho_ng\u01b0\u1eddi_mu\u1ed1n_t\u1ed1i_\u01b0u_t\u1ed1c_\u0111\u1ed9)\"><a id=\"post-122693-_4ingwhjds4g5\"><\/a><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/h3>\n\n\n\n<p>Ph\u01b0\u01a1ng ph\u00e1p n\u00e0y gi\u00fap website nh\u1eb9 h\u01a1n v\u00ec kh\u00f4ng c\u1ea7n c\u00e0i plugin t\u1ea1o giao di\u1ec7n ri\u00eang, ph\u00f9 h\u1ee3p cho c\u00e1c website y\u00eau c\u1ea7u hi\u1ec7u su\u1ea5t cao.<\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 1: T\u00edch h\u1ee3p FontAwesome v\u00e0o website:<\/strong><\/p>\n\n\n\n<p>N\u1ebfu giao di\u1ec7n (Theme) ch\u01b0a h\u1ed7 tr\u1ee3 s\u1eb5n FontAwesome, b\u1ea1n c\u1ea7n c\u00e0i m\u1ed9t Plugin nh\u1eb9 nh\u01b0 &#8220;Font Awesome&#8221; ho\u1eb7c ch\u00e8n m\u00e3 CDN v\u00e0o ph\u1ea7n Header c\u1ee7a website.<\/p>\n\n\n\n<p><em>L\u01b0u \u00fd:<\/em> Nhi\u1ec1u Theme hi\u1ec7n \u0111\u1ea1i \u0111\u00e3 t\u00edch h\u1ee3p s\u1eb5n th\u01b0 vi\u1ec7n n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 b\u1ecf qua b\u01b0\u1edbc n\u00e0y v\u00e0 th\u1eed th\u1ef1c hi\u1ec7n B\u01b0\u1edbc 2 lu\u00f4n.<\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 2: B\u1eadt t\u00ednh n\u0103ng CSS Classes cho Menu:<\/strong><\/p>\n\n\n\n<p>Truy c\u1eadp <strong>Giao di\u1ec7n > Menu<\/strong>.<\/p>\n\n\n\n<p>Nh\u00ecn l\u00ean g\u00f3c tr\u00ean c\u00f9ng b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh, t\u00ecm v\u00e0 nh\u1ea5n v\u00e0o <strong>T\u00f9y ch\u1ecdn hi\u1ec3n th\u1ecb (Screen Options)<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1673\" height=\"336\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6.png\" alt=\"C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)\" class=\"wp-image-122699\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6.png 1673w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6-300x60.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6-1024x206.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6-768x154.png 768w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-6-1536x308.png 1536w\" sizes=\"(max-width: 1673px) 100vw, 1673px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>T\u00edch ch\u1ecdn v\u00e0o \u00f4 <strong>L\u1edbp CSS (CSS Classes)<\/strong>. L\u00fac n\u00e0y, trong m\u1ed7i m\u1ee5c menu s\u1ebd xu\u1ea5t hi\u1ec7n th\u00eam m\u1ed9t \u00f4 nh\u1eadp li\u1ec7u m\u1edbi.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"950\" height=\"612\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-7.png\" alt=\"C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)\" class=\"wp-image-122700\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-7.png 950w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-7-300x193.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-7-768x495.png 768w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 3: L\u1ea5y m\u00e3 bi\u1ec3u t\u01b0\u1ee3ng v\u00e0 ch\u00e8n v\u00e0o Menu<\/strong><\/p>\n\n\n\n<p>Truy c\u1eadp trang ch\u1ee7 c\u1ee7a th\u01b0 vi\u1ec7n <a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">FontAwesome<\/a>, t\u00ecm ki\u1ebfm bi\u1ec3u t\u01b0\u1ee3ng mong mu\u1ed1n (v\u00ed d\u1ee5: &#8220;Home&#8221;).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1562\" height=\"884\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8.png\" alt=\"C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)\" class=\"wp-image-122701\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8.png 1562w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8-300x170.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8-1024x580.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8-768x435.png 768w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-8-1536x869.png 1536w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Sao ch\u00e9p \u0111o\u1ea1n m\u00e3 class c\u1ee7a bi\u1ec3u t\u01b0\u1ee3ng, th\u01b0\u1eddng c\u00f3 d\u1ea1ng: fa-solid fa-house.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1489\" height=\"641\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-9.png\" alt=\"C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)\" class=\"wp-image-122702\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-9.png 1489w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-9-300x129.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-9-1024x441.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-9-768x331.png 768w\" sizes=\"(max-width: 1489px) 100vw, 1489px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Quay l\u1ea1i trang qu\u1ea3n l\u00fd Menu WordPress, d\u00e1n \u0111o\u1ea1n m\u00e3 v\u1eeba sao ch\u00e9p v\u00e0o \u00f4 <strong>L\u1edbp CSS (CSS Classes &#8211; t\u00f9y ch\u1ecdn)<\/strong> c\u1ee7a m\u1ee5c menu t\u01b0\u01a1ng \u1ee9ng.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1012\" height=\"686\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-10.png\" alt=\"C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)\" class=\"wp-image-122703\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-10.png 1012w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-10-300x203.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-10-768x521.png 768w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-10-260x176.png 260w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 2: S\u1eed d\u1ee5ng FontAwesome v\u00e0 CSS Class (D\u00e0nh cho ng\u01b0\u1eddi mu\u1ed1n t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>L\u01b0u Menu v\u00e0 ki\u1ec3m tra k\u1ebft qu\u1ea3 ngo\u00e0i trang ch\u1ee7.<\/p>\n\n\n\n<h3 id=\"C\u00e1ch_3:_Th\u00eam_Icon_trong_Tr\u00ecnh_thi\u1ebft_k\u1ebf_(Site_Editor)_\u2013_D\u00e0nh_cho_giao_di\u1ec7n_Block_Theme\"><a id=\"post-122693-_uprpj946ylvw\"><\/a><strong>C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme<\/strong><\/h3>\n\n\n\n<p>V\u1edbi c\u00e1c giao di\u1ec7n hi\u1ec7n \u0111\u1ea1i theo chu\u1ea9n Block Theme (nh\u01b0 Twenty Twenty-Six), thanh menu kh\u00f4ng c\u00f2n n\u1eb1m \u1edf ph\u1ea7n &#8220;Giao di\u1ec7n &gt; Menu&#8221; n\u1eefa m\u00e0 \u0111\u01b0\u1ee3c qu\u1ea3n l\u00fd trong Site Editor.<\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 1: <\/strong>T\u1ea1i trang qu\u1ea3n tr\u1ecb WordPress, b\u1ea1n r\u00ea chu\u1ed9t v\u00e0o m\u1ee5c <strong>Giao di\u1ec7n<\/strong> -&gt; ch\u1ecdn <strong>Tr\u00ecnh thi\u1ebft k\u1ebf<\/strong> (thay v\u00ec ch\u1ecdn &#8220;Menu&#8221; nh\u01b0 c\u00e1c phi\u00ean b\u1ea3n c\u0169).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1310\" height=\"651\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-11.png\" alt=\"C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme\" class=\"wp-image-122704\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-11.png 1310w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-11-300x149.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-11-1024x509.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-11-768x382.png 768w\" sizes=\"(max-width: 1310px) 100vw, 1310px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 2: <\/strong>Trong giao di\u1ec7n thi\u1ebft k\u1ebf, danh s\u00e1ch c\u00e1c m\u1ee5c t\u00f9y ch\u1ec9nh s\u1ebd hi\u1ec7n ra b\u00ean tr\u00e1i. B\u1ea1n h\u00e3y nh\u1ea5n v\u00e0o m\u1ee5c <strong>\u0110i\u1ec1u h\u01b0\u1edbng<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"969\" height=\"670\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-12.jpg\" alt=\"C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme\" class=\"wp-image-122705\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-12.jpg 969w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-12-300x207.jpg 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-12-768x531.jpg 768w\" sizes=\"(max-width: 969px) 100vw, 969px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Ti\u1ebfp t\u1ee5c ch\u1ecdn menu m\u00e0 b\u1ea1n mu\u1ed1n ch\u1ec9nh s\u1eeda (v\u00ed d\u1ee5: Menu ch\u00ednh ho\u1eb7c \u0110i\u1ec1u h\u01b0\u1edbng \u0111\u1ea7u trang).<\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 3: <\/strong>L\u00fac n\u00e0y, danh s\u00e1ch c\u00e1c li\u00ean k\u1ebft (nh\u01b0 Gi\u1edbi thi\u1ec7u, C\u1eeda h\u00e0ng, Li\u00ean h\u1ec7&#8230;) s\u1ebd hi\u1ec7n ra trong c\u1ed9t b\u00ean tr\u00e1i.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1145\" height=\"675\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-13.png\" alt=\"C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme\" class=\"wp-image-122706\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-13.png 1145w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-13-300x177.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-13-1024x604.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-13-768x453.png 768w\" sizes=\"(max-width: 1145px) 100vw, 1145px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Nh\u1ea5n tr\u1ef1c ti\u1ebfp v\u00e0o t\u00ean m\u1ee5c menu mu\u1ed1n s\u1eeda. Trong \u00f4 nh\u1eadp li\u1ec7u, b\u1ea1n \u0111\u1eb7t con tr\u1ecf chu\u1ed9t v\u00e0o v\u1ecb tr\u00ed mong mu\u1ed1n v\u00e0 d\u00e1n bi\u1ec3u t\u01b0\u1ee3ng ho\u1eb7c k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t v\u00e0o ngay b\u00ean c\u1ea1nh ch\u1eef.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1297\" height=\"763\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-14.png\" alt=\"C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme\" class=\"wp-image-122707\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-14.png 1297w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-14-300x176.png 300w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-14-1024x602.png 1024w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/word-image-122693-14-768x452.png 768w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1ch 3: Th\u00eam Icon trong Tr\u00ecnh thi\u1ebft k\u1ebf (Site Editor) \u2013 D\u00e0nh cho giao di\u1ec7n Block Theme<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>B\u01b0\u1edbc 4: <\/strong>Sau khi ho\u00e0n t\u1ea5t, nh\u1ea5n n\u00fat <strong>L\u01b0u <\/strong>\u1edf g\u00f3c tr\u00ean b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh \u0111\u1ec3 \u00e1p d\u1ee5ng thay \u0111\u1ed5i cho website.<\/p>\n\n\n\n<h2 id=\"C\u00e1c_l\u1ed7i_th\u01b0\u1eddng_g\u1eb7p_khi_th\u00eam_icon_v\u00e0o_menu_v\u00e0_c\u00e1ch_kh\u1eafc_ph\u1ee5c\"><a id=\"post-122693-_v9uovohb9ul3\"><\/a>C\u00e1c l\u1ed7i th\u01b0\u1eddng g\u1eb7p khi th\u00eam icon v\u00e0o menu v\u00e0 c\u00e1ch kh\u1eafc ph\u1ee5c<\/h2>\n\n\n\n<h3 id=\"L\u1ed7i_bi\u1ec3u_t\u01b0\u1ee3ng_b\u1ecb_l\u1ec7ch_so_v\u1edbi_v\u0103n_b\u1ea3n_(Vertical_Alignment)\"><a id=\"post-122693-_51qif6at3sw8\"><\/a><strong>L\u1ed7i bi\u1ec3u t\u01b0\u1ee3ng b\u1ecb l\u1ec7ch so v\u1edbi v\u0103n b\u1ea3n (Vertical Alignment)<\/strong><\/h3>\n\n\n\n<p>\u0110\u00e2y l\u00e0 l\u1ed7i ph\u1ed5 bi\u1ebfn nh\u1ea5t, khi\u1ebfn icon n\u1eb1m cao h\u01a1n ho\u1eb7c th\u1ea5p h\u01a1n so v\u1edbi d\u00f2ng ch\u1eef, g\u00e2y m\u1ea5t th\u1ea9m m\u1ef9 (nh\u01b0 tr\u01b0\u1eddng h\u1ee3p icon qu\u1ea3 \u0111\u1ecba c\u1ea7u b\u1ea1n \u0111\u00e3 g\u1eb7p).<\/p>\n\n\n\n<p><strong>Nguy\u00ean nh\u00e2n:<\/strong> Do s\u1ef1 kh\u00e1c bi\u1ec7t v\u1ec1 chi\u1ec1u cao d\u00f2ng (line-height) ho\u1eb7c thu\u1ed9c t\u00ednh c\u0103n ch\u1ec9nh m\u1eb7c \u0111\u1ecbnh c\u1ee7a tr\u00ecnh duy\u1ec7t (th\u01b0\u1eddng l\u00e0 baseline).<\/p>\n\n\n\n<p><strong>C\u00e1ch kh\u1eafc ph\u1ee5c:<\/strong><\/p>\n\n\n\n<p><strong>C\u00e1ch 1 (\u01afu ti\u00ean):<\/strong> S\u1eed d\u1ee5ng Flexbox \u0111\u1ec3 c\u0103n gi\u1eefa tuy\u1ec7t \u0111\u1ed1i. B\u1ea1n th\u00eam \u0111o\u1ea1n m\u00e3 sau v\u00e0o CSS b\u1ed5 sung:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.menu-item a {\n\ndisplay: flex;\n\nalign-items: center; \/* C\u0103n gi\u1eefa tr\u1ee5c d\u1ecdc *\/\n\ngap: 8px; \/* Kho\u1ea3ng c\u00e1ch gi\u1eefa icon v\u00e0 ch\u1eef *\/\n\n}<\/code><\/pre>\n\n\n\n<p><strong>C\u00e1ch 2:<\/strong> \u0110i\u1ec1u ch\u1ec9nh ri\u00eang icon. N\u1ebfu icon b\u1ecb treo qu\u00e1 cao, h\u00e3y th\u00eam:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.menu-item i, .menu-item svg {\n\nvertical-align: middle;\n\nmargin-top: -2px; \/* Tinh ch\u1ec9nh nh\u1ecf \u0111\u1ec3 c\u00e2n b\u1eb1ng *\/\n\n}<\/code><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-3.png\" alt=\"C\u00e1c l\u1ed7i th\u01b0\u1eddng g\u1eb7p khi th\u00eam icon v\u00e0o menu v\u00e0 c\u00e1ch kh\u1eafc ph\u1ee5c\" class=\"wp-image-122710\" title=\"\" srcset=\"https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-3.png 700w, https:\/\/tino.vn\/blog\/wp-content\/uploads\/2026\/01\/them-icon-vao-menu-wordpress-3-300x161.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\"><strong>C\u00e1c l\u1ed7i th\u01b0\u1eddng g\u1eb7p khi th\u00eam icon v\u00e0o menu v\u00e0 c\u00e1ch kh\u1eafc ph\u1ee5c<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 id=\"L\u1ed7i_bi\u1ec3u_t\u01b0\u1ee3ng_hi\u1ec3n_th\u1ecb_qu\u00e1_to_ho\u1eb7c_qu\u00e1_nh\u1ecf\"><a id=\"post-122693-_64zk0c8t4yku\"><\/a><strong>L\u1ed7i bi\u1ec3u t\u01b0\u1ee3ng hi\u1ec3n th\u1ecb qu\u00e1 to ho\u1eb7c qu\u00e1 nh\u1ecf<\/strong><\/h3>\n\n\n\n<p>H\u00ecnh \u1ea3nh ch\u00e8n v\u00e0o ph\u00e1 v\u1ee1 c\u1ea5u tr\u00fac menu, l\u00e0m thanh \u0111i\u1ec1u h\u01b0\u1edbng b\u1ecb d\u00e0y l\u00ean b\u1ea5t th\u01b0\u1eddng.<\/p>\n\n\n\n<p><strong>Nguy\u00ean nh\u00e2n:<\/strong> File \u1ea3nh g\u1ed1c c\u00f3 k\u00edch th\u01b0\u1edbc l\u1edbn (v\u00ed d\u1ee5 512x512px) nh\u01b0ng ch\u01b0a \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp gi\u1edbi h\u1ea1n chi\u1ec1u r\u1ed9ng\/chi\u1ec1u cao trong CSS.<\/p>\n\n\n\n<p><strong>C\u00e1ch kh\u1eafc ph\u1ee5c:<\/strong><\/p>\n\n\n\n<p>N\u1ebfu d\u00f9ng \u1ea3nh (Image Block ho\u1eb7c th\u1ebb img): H\u00e3y gi\u1edbi h\u1ea1n chi\u1ec1u cao c\u1ee7a \u1ea3nh b\u1eb1ng \u0111\u00fang k\u00edch th\u01b0\u1edbc v\u0103n b\u1ea3n.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.menu-item img {\n\nheight: 1em; \/* 1em t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi c\u1ee1 ch\u1eef hi\u1ec7n t\u1ea1i *\/\n\nwidth: auto;\n\n}\n\nN\u1ebfu d\u00f9ng Font Icon (FontAwesome): \u0110i\u1ec1u ch\u1ec9nh font-size.\n\n.fa, .fas, .fab { font-size: 14px; } \/* Ch\u1ec9nh s\u1ed1 pixel ph\u00f9 h\u1ee3p *\/<\/code><\/pre>\n\n\n\n<h3 id=\"L\u1ed7i_bi\u1ec3u_t\u01b0\u1ee3ng_kh\u00f4ng_hi\u1ec3n_th\u1ecb_(Icon_bi\u1ebfn_m\u1ea5t)\"><a id=\"post-122693-_snlwfiqr4hni\"><\/a><strong>L\u1ed7i bi\u1ec3u t\u01b0\u1ee3ng kh\u00f4ng hi\u1ec3n th\u1ecb (Icon bi\u1ebfn m\u1ea5t)<\/strong><\/h3>\n\n\n\n<p>M\u1eb7c d\u00f9 \u0111\u00e3 l\u01b0u menu nh\u01b0ng ngo\u00e0i trang ch\u1ee7 ch\u1ec9 hi\u1ec7n kho\u1ea3ng tr\u1eafng ho\u1eb7c \u00f4 vu\u00f4ng l\u1ed7i.<\/p>\n\n\n\n<p><strong>Nguy\u00ean nh\u00e2n:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sai c\u00fa ph\u00e1p:<\/strong> Nh\u1eadp sai t\u00ean class (v\u00ed d\u1ee5 nh\u1eadp li\u1ec1n classfa-solid thay v\u00ec fa-solid) ho\u1eb7c sai t\u00ean icon (fa-housei thay v\u00ec fa-house).<\/li>\n\n\n\n<li><strong>Ch\u01b0a nh\u00fang th\u01b0 vi\u1ec7n:<\/strong> Website ch\u01b0a \u0111\u01b0\u1ee3c c\u00e0i \u0111\u1eb7t FontAwesome ho\u1eb7c font icon t\u01b0\u01a1ng \u1ee9ng.<\/li>\n\n\n\n<li><strong>Cache:<\/strong> Tr\u00ecnh duy\u1ec7t ho\u1eb7c website v\u1eabn l\u01b0u b\u1ea3n nh\u00e1p c\u0169.<\/li>\n<\/ul>\n\n\n\n<p><strong>C\u00e1ch kh\u1eafc ph\u1ee5c:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ki\u1ec3m tra k\u1ef9 l\u1ea1i ch\u00ednh t\u1ea3 trong \u00f4 &#8220;L\u1edbp CSS&#8221; ho\u1eb7c m\u00e3 HTML.<\/li>\n\n\n\n<li>C\u00e0i \u0111\u1eb7t plugin &#8220;Font Awesome&#8221; n\u1ebfu giao di\u1ec7n ch\u01b0a h\u1ed7 tr\u1ee3.<\/li>\n\n\n\n<li>X\u00f3a cache tr\u00ecnh duy\u1ec7t v\u00e0 cache website sau khi ch\u1ec9nh s\u1eeda.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"K\u1ebft_lu\u1eadn\"><a id=\"post-122693-_a9a6vny9z2zk\"><\/a><strong>K\u1ebft lu\u1eadn<\/strong><\/h3>\n\n\n\n<p>Vi\u1ec7c t\u00edch h\u1ee3p bi\u1ec3u t\u01b0\u1ee3ng v\u00e0o menu WordPress l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt nh\u1ecf nh\u01b0ng mang l\u1ea1i hi\u1ec7u qu\u1ea3 th\u1ecb gi\u00e1c m\u1ea1nh m\u1ebd. D\u00f9 l\u1ef1a ch\u1ecdn ph\u01b0\u01a1ng ph\u00e1p s\u1eed d\u1ee5ng plugin ti\u1ec7n l\u1ee3i hay can thi\u1ec7p b\u1eb1ng m\u00e3 ngu\u1ed3n \u0111\u1ec3 t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9, h\u00e3y lu\u00f4n nh\u1edb nguy\u00ean t\u1eafc &#8220;tinh t\u1ebf v\u00e0 \u0111\u1ed3ng b\u1ed9&#8221;. \u0110\u1eebng l\u1ea1m d\u1ee5ng qu\u00e1 nhi\u1ec1u m\u00e0u s\u1eafc hay k\u00edch th\u01b0\u1edbc l\u1edbn g\u00e2y r\u1ed1i m\u1eaft. Hy v\u1ecdng v\u1edbi nh\u1eefng h\u01b0\u1edbng d\u1eabn chi ti\u1ebft trong b\u00e0i vi\u1ebft, b\u1ea1n s\u1ebd t\u1ef1 tay thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c m\u1ed9t h\u1ec7 th\u1ed1ng menu \u1ea5n t\u01b0\u1ee3ng.<\/p>\n\n\n\n<h2 id=\"Nh\u1eefng_c\u00e2u_h\u1ecfi_th\u01b0\u1eddng_g\u1eb7p\"><a id=\"post-122693-_qx7j3qqdb09d\"><\/a>Nh\u1eefng c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/h2>\n\n\n\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"Vi\u1ec7c_th\u00eam_icon_v\u00e0o_menu_c\u00f3_l\u00e0m_ch\u1eadm_website_kh\u00f4ng?_\">Vi\u1ec7c th\u00eam icon v\u00e0o menu c\u00f3 l\u00e0m ch\u1eadm website kh\u00f4ng? <\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>\u0110i\u1ec1u n\u00e0y \u1ea3nh h\u01b0\u1edfng r\u1ea5t \u00edt \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng SVG ho\u1eb7c Font Icon (nh\u01b0 FontAwesome). Tuy nhi\u00ean, n\u1ebfu t\u1ea3i l\u00ean nhi\u1ec1u file \u1ea3nh PNG\/JPG dung l\u01b0\u1ee3ng l\u1edbn cho t\u1eebng m\u1ee5c menu, t\u1ed1c \u0111\u1ed9 t\u1ea3i trang s\u1ebd b\u1ecb \u1ea3nh h\u01b0\u1edfng \u0111\u00e1ng k\u1ec3.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"T\u00f4i_n\u00ean_d\u00f9ng_FontAwesome_hay_\u1ea3nh_SVG?\">T\u00f4i n\u00ean d\u00f9ng FontAwesome hay \u1ea3nh SVG?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>Hi\u1ec7n t\u1ea1i, SVG l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1i \u01b0u nh\u1ea5t. \u0110\u1ecbnh d\u1ea1ng n\u00e0y s\u1eafc n\u00e9t tr\u00ean m\u1ecdi m\u00e0n h\u00ecnh, dung l\u01b0\u1ee3ng c\u1ef1c nh\u1eb9 v\u00e0 d\u1ec5 d\u00e0ng \u0111\u1ed5i m\u00e0u b\u1eb1ng CSS m\u00e0 kh\u00f4ng c\u1ea7n t\u1ea3i l\u1ea1i \u1ea3nh.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"T\u1ea1i_sao_icon_c\u1ee7a_t\u00f4i_b\u1ecb_m\u1edd?\">T\u1ea1i sao icon c\u1ee7a t\u00f4i b\u1ecb m\u1edd?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>T\u00ecnh tr\u1ea1ng m\u1edd th\u01b0\u1eddng x\u1ea3y ra do b\u1ea1n d\u00f9ng \u1ea3nh PNG\/JPG k\u00edch th\u01b0\u1edbc nh\u1ecf nh\u01b0ng b\u1ecb ph\u00f3ng to, ho\u1eb7c \u1ea3nh kh\u00f4ng chu\u1ea9n t\u1ef7 l\u1ec7. H\u00e3y chuy\u1ec3n sang d\u00f9ng SVG ho\u1eb7c Font Icon \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o \u0111\u1ed9 s\u1eafc n\u00e9t.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"C\u00f3_c\u00e1ch_n\u00e0o_th\u00eam_icon_m\u00e0_kh\u00f4ng_c\u1ea7n_bi\u1ebft_code_kh\u00f4ng?\">C\u00f3 c\u00e1ch n\u00e0o th\u00eam icon m\u00e0 kh\u00f4ng c\u1ea7n bi\u1ebft code kh\u00f4ng?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>C\u00f3. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t l\u00e0 copy k\u00fd t\u1ef1 Emoji (bi\u1ec3u t\u01b0\u1ee3ng c\u1ea3m x\u00fac) v\u00e0 d\u00e1n th\u1eb3ng v\u00e0o \u00f4 &#8220;Nh\u00e3n \u0111i\u1ec1u h\u01b0\u1edbng&#8221; (Navigation Label) b\u00ean c\u1ea1nh v\u0103n b\u1ea3n.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2 id=\"N\u1ebfu_t\u00f4i_\u0111\u1ed5i_giao_di\u1ec7n_kh\u00e1c,_c\u00e1c_icon_c\u00f3_m\u1ea5t_kh\u00f4ng?\">N\u1ebfu t\u00f4i \u0111\u1ed5i giao di\u1ec7n kh\u00e1c, c\u00e1c icon c\u00f3 m\u1ea5t kh\u00f4ng?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p>N\u1ebfu b\u1ea1n d\u00f9ng c\u00e1ch ch\u00e8n code HTML v\u00e0o nh\u00e3n ho\u1eb7c d\u00f9ng Plugin chuy\u00ean bi\u1ec7t, icon th\u01b0\u1eddng v\u1eabn gi\u1eef nguy\u00ean. Tuy nhi\u00ean, n\u1ebfu b\u1ea1n ch\u00e8n icon th\u00f4ng qua Site Editor c\u1ee7a Block Theme, khi \u0111\u1ed5i giao di\u1ec7n, b\u1ea1n c\u00f3 th\u1ec3 ph\u1ea3i thi\u1ebft l\u1eadp l\u1ea1i t\u1eeb \u0111\u1ea7u.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\n<script type=\"application\/ld+json\">\n\t{\n\t\t\"@context\": \"https:\/\/schema.org\",\n\t\t\"@type\": \"FAQPage\",\n\t\t\"mainEntity\": [\n\t\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Vi\u1ec7c th\u00eam icon v\u00e0o menu c\u00f3 l\u00e0m ch\u1eadm website kh\u00f4ng? \",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>\u0110i\u1ec1u n\u00e0y \u1ea3nh h\u01b0\u1edfng r\u1ea5t \u00edt \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng SVG ho\u1eb7c Font Icon (nh\u01b0 FontAwesome). Tuy nhi\u00ean, n\u1ebfu t\u1ea3i l\u00ean nhi\u1ec1u file \u1ea3nh PNG\/JPG dung l\u01b0\u1ee3ng l\u1edbn cho t\u1eebng m\u1ee5c menu, t\u1ed1c \u0111\u1ed9 t\u1ea3i trang s\u1ebd b\u1ecb \u1ea3nh h\u01b0\u1edfng \u0111\u00e1ng k\u1ec3.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"T\u00f4i n\u00ean d\u00f9ng FontAwesome hay \u1ea3nh SVG?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>Hi\u1ec7n t\u1ea1i, SVG l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1i \u01b0u nh\u1ea5t. \u0110\u1ecbnh d\u1ea1ng n\u00e0y s\u1eafc n\u00e9t tr\u00ean m\u1ecdi m\u00e0n h\u00ecnh, dung l\u01b0\u1ee3ng c\u1ef1c nh\u1eb9 v\u00e0 d\u1ec5 d\u00e0ng \u0111\u1ed5i m\u00e0u b\u1eb1ng CSS m\u00e0 kh\u00f4ng c\u1ea7n t\u1ea3i l\u1ea1i \u1ea3nh.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"T\u1ea1i sao icon c\u1ee7a t\u00f4i b\u1ecb m\u1edd?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>T\u00ecnh tr\u1ea1ng m\u1edd th\u01b0\u1eddng x\u1ea3y ra do b\u1ea1n d\u00f9ng \u1ea3nh PNG\/JPG k\u00edch th\u01b0\u1edbc nh\u1ecf nh\u01b0ng b\u1ecb ph\u00f3ng to, ho\u1eb7c \u1ea3nh kh\u00f4ng chu\u1ea9n t\u1ef7 l\u1ec7. H\u00e3y chuy\u1ec3n sang d\u00f9ng SVG ho\u1eb7c Font Icon \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o \u0111\u1ed9 s\u1eafc n\u00e9t.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"C\u00f3 c\u00e1ch n\u00e0o th\u00eam icon m\u00e0 kh\u00f4ng c\u1ea7n bi\u1ebft code kh\u00f4ng?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>C\u00f3. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t l\u00e0 copy k\u00fd t\u1ef1 Emoji (bi\u1ec3u t\u01b0\u1ee3ng c\u1ea3m x\u00fac) v\u00e0 d\u00e1n th\u1eb3ng v\u00e0o \u00f4 \\\"Nh\u00e3n \u0111i\u1ec1u h\u01b0\u1edbng\\\" (Navigation Label) b\u00ean c\u1ea1nh v\u0103n b\u1ea3n.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"N\u1ebfu t\u00f4i \u0111\u1ed5i giao di\u1ec7n kh\u00e1c, c\u00e1c icon c\u00f3 m\u1ea5t kh\u00f4ng?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>N\u1ebfu b\u1ea1n d\u00f9ng c\u00e1ch ch\u00e8n code HTML v\u00e0o nh\u00e3n ho\u1eb7c d\u00f9ng Plugin chuy\u00ean bi\u1ec7t, icon th\u01b0\u1eddng v\u1eabn gi\u1eef nguy\u00ean. Tuy nhi\u00ean, n\u1ebfu b\u1ea1n ch\u00e8n icon th\u00f4ng qua Site Editor c\u1ee7a Block Theme, khi \u0111\u1ed5i giao di\u1ec7n, b\u1ea1n c\u00f3 th\u1ec3 ph\u1ea3i thi\u1ebft l\u1eadp l\u1ea1i t\u1eeb \u0111\u1ea7u.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t]\n\t}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>M\u1ed9t thanh \u0111i\u1ec1u h\u01b0\u1edbng ch\u1ec9 to\u00e0n v\u0103n b\u1ea3n thu\u1ea7n t\u00fay \u0111\u00f4i khi khi\u1ebfn giao di\u1ec7n tr\u1edf n\u00ean \u0111\u01a1n \u0111i\u1ec7u v\u00e0 thi\u1ebfu \u0111i\u1ec3m nh\u1ea5n. Vi\u1ec7c t\u00edch h\u1ee3p c\u00e1c icon v\u00e0o menu kh\u00f4ng ch\u1ec9 gi\u00fap trang web c\u1ee7a b\u1ea1n tr\u1edf n\u00ean sinh \u0111\u1ed9ng, chuy\u00ean nghi\u1ec7p h\u01a1n m\u00e0 c\u00f2n h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi truy c\u1eadp nh\u1eadn di\u1ec7n n\u1ed9i dung [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":122711,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7384],"tags":[7515],"class_list":["post-122693","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuy-bien-wordpress","tag-them-icon-vao-menu"],"_links":{"self":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/122693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/comments?post=122693"}],"version-history":[{"count":1,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/122693\/revisions"}],"predecessor-version":[{"id":122712,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/posts\/122693\/revisions\/122712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media\/122711"}],"wp:attachment":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media?parent=122693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/categories?post=122693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/tags?post=122693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}