{"id":5529,"date":"2020-05-25T10:23:26","date_gmt":"2020-05-25T03:23:26","guid":{"rendered":"https:\/\/tino.vn\/?post_type=ht_kb&p=5529"},"modified":"2020-05-25T10:23:26","modified_gmt":"2020-05-25T03:23:26","slug":"cach-tao-menu-tha-xuong-trong-wordpress","status":"publish","type":"ht_kb","link":"https:\/\/tino.vn\/blog\/docs\/cach-tao-menu-tha-xuong-trong-wordpress\/","title":{"rendered":"C\u00e1ch t\u1ea1o Menu th\u1ea3 xu\u1ed1ng trong WordPress"},"content":{"rendered":"

C\u00e1ch t\u1ea1o Menu th\u1ea3 xu\u1ed1ng trong WordPress<\/h2>\n

N\u1ebfu b\u1ea1n \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh r\u1eb1ng m\u1ed9t menu th\u1ea3 xu\u1ed1ng c\u00f3 th\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi trang web WordPress c\u1ee7a b\u1ea1n, th\u00ec vi\u1ec7c thi\u1ebft l\u1eadp m\u1ed9t menu kh\u00e1 \u0111\u01a1n gi\u1ea3n.\u00a0B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c t\u00ednh n\u0103ng menu g\u1ed1c c\u00f3 s\u1eb5n trong WordPress, b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o m\u1ed9t h\u1ec7 th\u1ed1ng \u0111i\u1ec1u h\u01b0\u1edbng t\u00f9y ch\u1ec9nh ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u c\u1ee7a b\u1ea1n ch\u1ec9 trong v\u00e0i b\u01b0\u1edbc.<\/p>\n

B\u01b0\u1edbc 1: T\u1ea1o c\u00e1c m\u1ee5c menu c\u1ee7a b\u1ea1n<\/h3>\n

B\u1eaft \u0111\u1ea7u b\u1eb1ng c\u00e1ch \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn\u00a0Giao\u00a0<\/strong>di\u1ec7n\u00a0> Menu<\/strong>\u00a0\u00a0trong b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n WordPress c\u1ee7a b\u1ea1n:<\/p>\n

\n

\"Menu<\/p>\n

Truy c\u1eadp tr\u00ecnh ch\u1ec9nh s\u1eeda menu trong b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n WordPress<\/p>\n<\/div>\n

Nh\u1eefng g\u00ec b\u1ea1n th\u1ea5y trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu s\u1ebd thay \u0111\u1ed5i m\u1ed9t ch\u00fat t\u00f9y thu\u1ed9c v\u00e0o ch\u1ee7 \u0111\u1ec1 c\u1ee7a b\u1ea1n.<\/p>\n

Tuy nhi\u00ean, \u0111i\u1ec1u quan tr\u1ecdng c\u1ea7n l\u01b0u \u00fd b\u00e2y gi\u1edd l\u00e0 t\u00f9y ch\u1ecdn \u0111\u1ea7u ti\u00ean trong\u00a0tab\u00a0Ch\u1ec9nh s\u1eeda Menu<\/strong>\u00a0.\u00a0B\u1ea1n s\u1ebd th\u1ea5y m\u1ed9t t\u00f9y ch\u1ecdn n\u01a1i b\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn m\u1ed9t trong c\u00e1c menu hi\u1ec7n c\u00f3 \u0111\u1ec3 ch\u1ec9nh s\u1eeda, c\u0169ng nh\u01b0 t\u00f9y ch\u1ecdn \u0111\u1ec3\u00a0t\u1ea1o menu m\u1edbi<\/strong>\u00a0:<\/p>\n

\n

\"T\u1ea1o<\/p>\n

T\u1ea1o li\u00ean k\u1ebft menu m\u1edbi \u1edf \u0111\u1ea7u tr\u00ecnh ch\u1ec9nh s\u1eeda menu WordPress<\/p>\n<\/div>\n

Trong v\u00ed d\u1ee5 n\u00e0y, m\u00ecnh s\u1ebd ch\u1ecdn t\u00f9y ch\u1ecdn sau v\u00e0 t\u1ea1o m\u1ed9t menu m\u1edbi.<\/p>\n

\u0110i\u1ec1u n\u00e0y li\u00ean quan \u0111\u1ebfn vi\u1ec7c th\u00eam ti\u00eau \u0111\u1ec1 v\u00e0 sau \u0111\u00f3 nh\u1ea5p v\u00e0o n\u00fat\u00a0T\u1ea1o Menu<\/strong>\u00a0\u00a0:<\/p>\n

\n

\"\u0110\u1eb7t<\/p>\n

\u0110\u1eb7t t\u00ean v\u00e0 t\u1ea1o menu m\u1edbi<\/p>\n<\/div>\n

B\u00e2y gi\u1edd b\u1ea1n \u0111\u00e3 s\u1eb5n s\u00e0ng \u0111\u1ec3 b\u1eaft \u0111\u1ea7u th\u00eam c\u00e1c m\u1ee5c v\u00e0o menu WordPress c\u1ee7a m\u00ecnh.\u00a0Trong h\u1ea7u h\u1ebft c\u00e1c tr\u01b0\u1eddng h\u1ee3p, t\u1ed1t nh\u1ea5t l\u00e0 gi\u1eef menu c\u1ee7a b\u1ea1n \u0111\u01a1n gi\u1ea3n nh\u1ea5t c\u00f3 th\u1ec3, trong khi v\u1eabn cung c\u1ea5p cho ng\u01b0\u1eddi d\u00f9ng \u0111\u1ee7 th\u00f4ng tin \u0111\u1ec3 \u0111\u1ebfn n\u01a1i h\u1ecd mu\u1ed1n.<\/p>\n

K\u1ebft h\u1ee3p qu\u00e1 nhi\u1ec1u trang c\u00f3 th\u1ec3 l\u00e0m cho kh\u00e1ch truy c\u1eadp v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng kh\u00f3 h\u01a1n thay v\u00ec d\u1ec5 d\u00e0ng h\u01a1n.<\/p>\n

C\u00f3 m\u1ed9t v\u00e0i c\u00e1ch kh\u00e1c nhau \u0111\u1ec3 th\u00eam v\u1ec1 c\u00e1c m\u1ee5c menu c\u1ee7a b\u1ea1n.\u00a0Hai c\u00e1i \u0111\u1ea7u ti\u00ean l\u00e0\u00a0Pages<\/strong>\u00a0v\u00e0\u00a0B\u00e0i vi\u1ebft<\/strong>\u00a0, v\u00e0 ch\u00fang ho\u1ea1t \u0111\u1ed9ng r\u1ea5t gi\u1ed1ng nhau.<\/p>\n

\n

\"Th\u00eam<\/p>\n

Th\u00eam trang v\u00e0o menu<\/p>\n<\/div>\n

Trong thanh b\u00ean c\u1ee7a tr\u00ecnh ch\u1ec9nh s\u1eeda menu, ch\u1ec9 c\u1ea7n ch\u1ecdn c\u00e1c h\u1ed9p ki\u1ec3m cho m\u1ed7i trang ho\u1eb7c b\u00e0i \u0111\u0103ng b\u1ea1n mu\u1ed1n \u0111\u01b0a v\u00e0o v\u00e0 nh\u1ea5p v\u00e0o n\u00fat\u00a0Th\u00eam v\u00e0o Menu<\/strong>\u00a0:<\/p>\n

T\u00f9y ch\u1ecdn ti\u1ebfp theo c\u1ee7a b\u1ea1n l\u00e0 k\u1ebft h\u1ee3p\u00a0Li\u00ean k\u1ebft t\u00f9y ch\u1ec9nh<\/strong>\u00a0.\u00a0\u0110i\u1ec1u n\u00e0y li\u00ean quan \u0111\u1ebfn vi\u1ec7c cung c\u1ea5p URL cho trang b\u1ea1n mu\u1ed1n h\u01b0\u1edbng ng\u01b0\u1eddi d\u00f9ng \u0111\u1ebfn, sau \u0111\u00f3 t\u1ea1o nh\u00e3n ng\u1eafn g\u1ecdn nh\u01b0ng m\u00f4 t\u1ea3 cho n\u00f3.\u00a0Sau \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 nh\u1ea5p v\u00e0o\u00a0Th\u00eam v\u00e0o Menu<\/strong>\u00a0\u00a0m\u1ed9t l\u1ea7n n\u1eefa:<\/p>\n

\n

\"Th\u00eam<\/p>\n

Th\u00eam m\u1ed9t li\u00ean k\u1ebft t\u00f9y ch\u1ec9nh v\u00e0o menu<\/p>\n<\/div>\n

Cu\u1ed1i c\u00f9ng, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u00eam\u00a0Danh m\u1ee5c Trang v\u00e0 B\u00e0i<\/strong>\u00a0\u00a0v\u00e0o menu \u0111i\u1ec1u h\u01b0\u1edbng c\u1ee7a m\u00ecnh.\u00a0\u0110i\u1ec1u n\u00e0y s\u1ebd \u0111\u01b0a ng\u01b0\u1eddi d\u00f9ng \u0111\u1ebfn m\u1ed9t trang l\u01b0u tr\u1eef n\u01a1i h\u1ecd c\u00f3 th\u1ec3 xem t\u1ea5t c\u1ea3 n\u1ed9i dung v\u1ec1 m\u1ed9t ch\u1ee7 \u0111\u1ec1 c\u1ee5 th\u1ec3.<\/p>\n

\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

Blog v\u00e0 c\u00e1c trang web n\u1eb7ng n\u1ed9i dung kh\u00e1c c\u00f3 th\u1ec3 th\u1ea5y t\u00ednh n\u0103ng n\u00e0y \u0111\u1eb7c bi\u1ec7t h\u1eefu \u00edch:<\/p>\n

\n

\"Th\u00eam<\/p>\n

Th\u00eam danh m\u1ee5c v\u00e0o menu<\/p>\n<\/div>\n

C\u0169ng nh\u01b0 c\u00e1c\u00a0\u00a0<\/em>t\u00f9y ch\u1ecdn\u00a0Trang\u00a0v\u00e0 B\u00e0i vi\u1ebft, ch\u1ec9 c\u1ea7n ch\u1ecdn c\u00e1c\u00a0h\u1ed9p ki\u1ec3m\u00a0<\/strong>c\u1ee7a\u00a0<\/strong>c\u00e1c\u00a0<\/strong>danh m\u1ee5c<\/strong>\u00a0b\u1ea1n mu\u1ed1n \u0111\u01b0a v\u00e0o v\u00e0 ch\u1ecdn\u00a0Th\u00eam v\u00e0o Menu\u00a0<\/strong>.<\/em><\/p>\n

B\u01b0\u1edbc 2: S\u1eafp x\u1ebfp Menu WordPress c\u1ee7a b\u1ea1n<\/h3>\n

Khi b\u1ea1n \u0111\u00e3 th\u00eam t\u1ea5t c\u1ea3 c\u00e1c m\u1ee5c menu c\u1ee7a m\u00ecnh, b\u1ea1n s\u1ebd th\u1ea5y ch\u00fang \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea trong c\u00e1c \u00f4 ri\u00eang l\u1ebb trong\u00a0C\u1ea5u tr\u00fac menu<\/strong>\u00a0\u00a0trong tr\u00ecnh ch\u1ec9nh s\u1eeda:<\/p>\n

\n

\"Ph\u1ea7n<\/p>\n

Ph\u1ea7n C\u1ea5u tr\u00fac Menu c\u1ee7a tr\u00ecnh ch\u1ec9nh s\u1eeda menu<\/p>\n<\/div>\n

Ban \u0111\u1ea7u, c\u00e1c m\u1ee5c menu s\u1ebd xu\u1ea5t hi\u1ec7n theo th\u1ee9 t\u1ef1 m\u00e0 b\u1ea1n \u0111\u00e3 th\u00eam ch\u00fang.\u00a0Tuy nhi\u00ean, b\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng s\u1eeda \u0111\u1ed5i t\u1ed5 ch\u1ee9c c\u1ee7a h\u1ecd b\u1eb1ng c\u00e1ch k\u00e9o v\u00e0 th\u1ea3 ch\u00fang v\u00e0o v\u1ecb tr\u00ed.\u00a0\u0110i\u1ec1u n\u00e0y s\u1ebd cho ph\u00e9p b\u1ea1n t\u1ea1o m\u1ed9t menu \u0111\u01a1n gi\u1ea3n kh\u00f4ng c\u00f3 ch\u1ee9c n\u0103ng th\u1ea3 xu\u1ed1ng.<\/p>\n

C\u00f3 m\u1ed9t s\u1ed1 c\u00e1ch \u0111\u1ec3 th\u00eam v\u1ec1 tr\u00ecnh \u0111\u01a1n th\u1ea3 xu\u1ed1ng v\u00e0o menu WordPress c\u1ee7a b\u1ea1n.<\/p>\n

\u0110\u01a1n gi\u1ea3n nh\u1ea5t l\u00e0 ti\u1ebfp t\u1ee5c k\u00e9o v\u00e0 th\u1ea3, nh\u01b0ng b\u1eaft \u0111\u1ea7u l\u1ed3ng c\u00e1c m\u1ee5c menu nh\u1ea5t \u0111\u1ecbnh b\u00ean d\u01b0\u1edbi c\u00e1c m\u1ee5c kh\u00e1c:<\/p>\n

\n

\"T\u1ea1o<\/p>\n

C\u00e1c danh m\u1ee5c l\u1ed3ng nhau d\u01b0\u1edbi trang Blog<\/p>\n<\/div>\n

V\u00ed d\u1ee5, trong h\u00ecnh tr\u00ean, m\u00ecnh \u0111\u00e3 chuy\u1ec3n ba danh m\u1ee5c b\u00e0i \u0111\u0103ng m\u00e0 m\u00ecnh \u0111\u00e3 th\u00eam v\u00e0o menu b\u00ean d\u01b0\u1edbi\u00a0Blog<\/strong>\u00a0, bi\u1ebfn ch\u00fang th\u00e0nh c\u00e1c m\u1ee5c con c\u1ee7a Blog. Tr\u00ean frontend, \u0111i\u1ec1u n\u00e0y s\u1ebd t\u1ea1o ra m\u1ed9t menu th\u1ea3 xu\u1ed1ng tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n

\n

\"Menu<\/p>\n

V\u00ed d\u1ee5 v\u1ec1 menu th\u1ea3 xu\u1ed1ng trong WordPress<\/p>\n<\/div>\n

N\u1ebfu b\u1ea1n mu\u1ed1n th\u00eam menu th\u1ea3 xu\u1ed1ng bao g\u1ed3m t\u1ea5t c\u1ea3 c\u00e1c danh m\u1ee5c tr\u00ean trang web c\u1ee7a m\u00ecnh, b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m nh\u01b0 v\u1eady b\u1eb1ng c\u00e1ch th\u00eam\u00a0Li\u00ean k\u1ebft t\u00f9y ch\u1ec9nh<\/strong>\u00a0v\u00e0o menu.\u00a0S\u1eed d\u1ee5ng lo\u1ea1i # # l\u00e0m URL v\u00e0 danh m\u1ee5c c\u1ee7a Google ho\u1eb7c m\u1ed9t c\u00e1i g\u00ec \u0111\u00f3 t\u01b0\u01a1ng t\u1ef1 cho nh\u00e3n:<\/p>\n

\n

\"T\u1ea1o<\/p>\n

T\u1ea1o nh\u00e3n Danh m\u1ee5c cho menu<\/p>\n<\/div>\n

Sau \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 th\u00eam t\u1ea5t c\u1ea3 c\u00e1c danh m\u1ee5c c\u1ee7a b\u1ea1n v\u00e0o menu v\u00e0 l\u1ed3ng ch\u00fang d\u01b0\u1edbi nh\u00e3n n\u00e0y.\u00a0M\u1ed7i danh m\u1ee5c s\u1ebd c\u00f3 th\u1ec3 nh\u1ea5p \u0111\u01b0\u1ee3c, nh\u01b0ng nh\u00e3n s\u1ebd kh\u00f4ng l\u00e0:<\/p>\n

\n

\"Menu<\/p>\n

Menu th\u1ea3 xu\u1ed1ng Danh m\u1ee5c<\/p>\n<\/div>\n

S\u1eed d\u1ee5ng m\u1ed9t k\u1ef9 thu\u1eadt t\u01b0\u01a1ng t\u1ef1, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u1ea9n t\u1ea5t c\u1ea3 c\u00e1c m\u1ee5c menu c\u1ee7a m\u00ecnh trong m\u1ed9t menu th\u1ea3 xu\u1ed1ng duy nh\u1ea5t.<\/p>\n

Th\u00eam m\u1ed9t Li\u00ean k\u1ebft t\u00f9y ch\u1ec9nh kh\u00e1c, s\u1eed d\u1ee5ng Ti\u1ebfng Vi\u1ec7t #, l\u00e0m URL v\u00e0 Menu Menu \u0110\u00e1 l\u00e0m nh\u00e3n.\u00a0Sau \u0111\u00f3, l\u1ed3ng t\u1ea5t c\u1ea3 c\u00e1c m\u1ee5c menu kh\u00e1c c\u1ee7a b\u1ea1n theo \u0111\u00f3:<\/p>\n

\n

\"L\u1ed3ng<\/p>\n

L\u1ed3ng t\u1ea5t c\u1ea3 c\u00e1c li\u00ean k\u1ebft \u0111i\u1ec1u h\u01b0\u1edbng d\u01b0\u1edbi m\u1ed9t nh\u00e3n Menu duy nh\u1ea5t<\/p>\n<\/div>\n

K\u1ebft qu\u1ea3 tr\u00ean frontend s\u1ebd l\u00e0 m\u1ed9t menu th\u1ea3 xu\u1ed1ng bao g\u1ed3m c\u00e1c trang ch\u00ednh c\u1ee7a trang web c\u1ee7a b\u1ea1n.<\/p>\n

Nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y trong\u00a0m\u1ee5c Danh<\/strong>\u00a0m\u1ee5c b\u00ean d\u01b0\u1edbi, m\u1ecdi n\u1ed9i dung \u0111\u01b0\u1ee3c l\u1ed3ng trong m\u1ee5c ph\u1ee5 s\u1ebd hi\u1ec3n th\u1ecb trong menu ph\u1ee5:<\/p>\n

\n

\"M\u1ed9t<\/p>\n

M\u1ed9t menu \u0111i\u1ec1u h\u01b0\u1edbng th\u1ea3 xu\u1ed1ng WordPress th\u1ef1c s\u1ef1<\/p>\n<\/div>\n

B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda tr\u00ecnh \u0111\u01a1n k\u00e9o v\u00e0 th\u1ea3 theo c\u00e1ch n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o b\u1ea5t k\u1ef3 ki\u1ec3u v\u00e0 k\u1ebft h\u1ee3p n\u00e0o c\u1ee7a menu th\u1ea3 xu\u1ed1ng WordPress.\u00a0Tuy nhi\u00ean, h\u00e3y nh\u1edb r\u1eb1ng qu\u00e1 nhi\u1ec1u m\u1ee5c menu c\u00f3 th\u1ec3 g\u00e2y nh\u1ea7m l\u1eabn cho ng\u01b0\u1eddi d\u00f9ng.<\/p>\n

T\u1ed1t nh\u1ea5t l\u00e0 h\u1ea1n ch\u1ebf s\u1ed1 l\u01b0\u1ee3ng menu ph\u1ee5 b\u1ea1n k\u1ebft h\u1ee3p, \u0111\u1ec3 tr\u00e1nh l\u00e0m l\u1ed9n x\u1ed9n qu\u00e1 tr\u00ecnh \u0111i\u1ec1u h\u01b0\u1edbng c\u1ee7a b\u1ea1n.<\/p>\n

B\u01b0\u1edbc 3: K\u1ebft h\u1ee3p h\u00ecnh \u1ea3nh v\u00e0o Menu WordPress c\u1ee7a b\u1ea1n<\/h3>\n

N\u1ebfu \u0111\u1ebfn cu\u1ed1i B\u01b0\u1edbc 2, menu th\u1ea3 xu\u1ed1ng c\u1ee7a b\u1ea1n tr\u00f4ng gi\u1ed1ng h\u1ec7t nh\u01b0 b\u1ea1n t\u01b0\u1edfng t\u01b0\u1ee3ng, b\u1ea1n c\u00f3 th\u1ec3 b\u1ecf qua B\u01b0\u1edbc 5 \u0111\u1ec3 xu\u1ea5t b\u1ea3n n\u00f3.\u00a0Tuy nhi\u00ean, c\u00f3 nh\u1eefng b\u01b0\u1edbc b\u1ed5 sung b\u1ea1n c\u00f3 th\u1ec3 mu\u1ed1n th\u1ef1c hi\u1ec7n n\u1ebfu b\u1ea1n mu\u1ed1n c\u1ea3i thi\u1ec7n menu c\u1ee7a m\u00ecnh b\u1eb1ng c\u00e1c t\u00f9y ch\u1ec9nh.<\/p>\n

M\u1ed9t chi\u1ebfn thu\u1eadt c\u1ea7n xem x\u00e9t l\u00e0 k\u1ebft h\u1ee3p c\u00e1c y\u1ebfu t\u1ed1 tr\u1ef1c quan v\u00e0o th\u1ef1c \u0111\u01a1n c\u1ee7a b\u1ea1n \u0111\u1ec3 cung c\u1ea5p h\u01b0\u1edbng d\u1eabn th\u00eam cho kh\u00e1ch truy c\u1eadp.\u00a0M\u1eb7c d\u00f9 c\u00e1c nh\u00e3n m\u00f4 t\u1ea3 r\u1ea5t quan tr\u1ecdng, \u0111\u00f4i khi m\u1ed9t h\u00ecnh \u1ea3nh ho\u1eb7c bi\u1ec3u t\u01b0\u1ee3ng c\u00f3 th\u1ec3 gi\u00fap ng\u01b0\u1eddi d\u00f9ng nhanh ch\u00f3ng x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a m\u1ed9t li\u00ean k\u1ebft \u0111i\u1ec1u h\u01b0\u1edbng c\u1ee5 th\u1ec3.<\/p>\n

C\u00f3 th\u1ec3 th\u00eam h\u00ecnh \u1ea3nh b\u1eb1ng CSS t\u00f9y ch\u1ec9nh, ch\u00fang t\u00f4i s\u1ebd th\u1ea3o lu\u1eadn ngay sau \u0111\u00e2y.\u00a0Tuy nhi\u00ean, m\u00ecnh khuy\u00ean b\u1ea1n n\u00ean ch\u1ecdn m\u1ed9t plugin nh\u01b0 Menu Image, Icon Made Easy\u00a0:<\/p>\n

\n

\"Menu<\/p>\n

Menu th\u1ea3 xu\u1ed1ng WordPress v\u1edbi h\u00ecnh \u1ea3nh<\/p>\n<\/div>\n

B\u1eb1ng c\u00e1ch n\u00e0y, b\u1ea1n kh\u00f4ng ph\u1ea3i lo l\u1eafng v\u1ec1 vi\u1ec7c l\u00e0m phi\u1ec1n v\u1edbi b\u1ea5t k\u1ef3 m\u00e3 n\u00e0o \u0111\u1ec3 th\u00eam s\u1ef1 quan t\u00e2m tr\u1ef1c quan v\u00e0o menu th\u1ea3 xu\u1ed1ng c\u1ee7a b\u1ea1n.<\/p>\n

Ch\u1ec9 c\u1ea7n c\u00e0i \u0111\u1eb7t plugin v\u00e0 sau \u0111\u00f3 quay l\u1ea1i Giao\u00a0di\u1ec7n> Menu<\/strong>\u00a0:<\/p>\n

\n

\"Ph\u1ea7n<\/p>\n

Ph\u1ea7n Menu Image trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu<\/p>\n<\/div>\n

B\u1ea1n s\u1ebd th\u1ea5y r\u1eb1ng b\u00e2y gi\u1edd c\u00f3 c\u00e1c t\u00f9y ch\u1ecdn h\u00ecnh \u1ea3nh cho m\u1ed7i trang b\u1ea1n \u0111\u00e3 \u0111\u01b0a v\u00e0o menu c\u1ee7a m\u00ecnh.\u00a0B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn \u1ea3nh, k\u00edch th\u01b0\u1edbc v\u00e0 v\u1ecb tr\u00ed c\u1ee7a t\u1eebng trang.\u00a0H\u00e3y nh\u1edb l\u01b0u c\u00e1c thay \u0111\u1ed5i c\u1ee7a b\u1ea1n khi b\u1ea1n ho\u00e0n th\u00e0nh.<\/p>\n

B\u01b0\u1edbc 4: Th\u00eam CSS t\u00f9y ch\u1ec9nh v\u00e0o Menu th\u1ea3 xu\u1ed1ng c\u1ee7a b\u1ea1n<\/h3>\n

M\u1eb7c d\u00f9 kh\u00f4ng \u0111\u01b0\u1ee3c khuy\u1ebfn ngh\u1ecb cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u, ng\u01b0\u1eddi d\u00f9ng trung c\u1ea5p v\u00e0 cao c\u1ea5p c\u00f3 th\u1ec3 mu\u1ed1n k\u1ebft h\u1ee3p ki\u1ec3u d\u00e1ng ri\u00eang c\u1ee7a h\u1ecd trong menu th\u1ea3 xu\u1ed1ng WordPress c\u1ee7a h\u1ecd.\u00a0Tuy nhi\u00ean, tr\u01b0\u1edbc khi b\u1ea1n chuy\u1ec3n ngay v\u00e0o CSS c\u1ee7a m\u00ecnh, b\u1ea1n s\u1ebd c\u1ea7n th\u00eam m\u1ed9t l\u1edbp v\u00e0o menu c\u1ee7a m\u00ecnh.<\/p>\n

N\u1ebfu b\u1ea1n b\u1ecf qua b\u01b0\u1edbc n\u00e0y,\u00a0CSS t\u00f9y ch\u1ec9nh c\u1ee7a b\u1ea1n\u00a0c\u00f3 th\u1ec3 g\u00e2y ra s\u1ef1 c\u1ed1 cho b\u1ea5t k\u1ef3 menu n\u00e0o kh\u00e1c tr\u00ean trang web c\u1ee7a b\u1ea1n.\u00a0Ch\u1eb3ng h\u1ea1n, b\u1ea1n c\u00f3 th\u1ec3 v\u00f4 t\u00ecnh \u00e1p d\u1ee5ng ki\u1ec3u d\u00e1ng cho menu ch\u00e2n trang m\u00e0 b\u1ea1n ch\u1ec9 c\u00f3 \u00fd ngh\u0129a cho menu th\u1ea3 xu\u1ed1ng ch\u00ednh c\u1ee7a b\u1ea1n.<\/p>\n

Trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu, nh\u1ea5p v\u00e0o\u00a0T\u00f9y ch\u1ecdn m\u00e0n h\u00ecnh<\/strong>\u00a0\u00a0\u1edf g\u00f3c tr\u00ean b\u00ean ph\u1ea3i:<\/p>\n

\n

\"Tab<\/p>\n

Tab T\u00f9y ch\u1ecdn m\u00e0n h\u00ecnh trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu<\/p>\n<\/div>\n

Sau \u0111\u00f3, ch\u1ecdn h\u1ed9p cho\u00a0c\u00e1c L\u1edbp CSS<\/strong>\u00a0:<\/p>\n

\n

\"H\u1ed9p<\/p>\n

H\u1ed9p ki\u1ec3m CSS Classes trong tab T\u00f9y ch\u1ecdn m\u00e0n h\u00ecnh<\/p>\n<\/div>\n

\u0110i\u1ec1u n\u00e0y s\u1ebd th\u00eam m\u1ed9t\u00a0\u00a0tr\u01b0\u1eddng\u00a0L\u1edbp CSS<\/strong>\u00a0v\u00e0o m\u1ed7i trang trong menu c\u1ee7a b\u1ea1n:<\/p>\n

\n

\"Tr\u01b0\u1eddng<\/p>\n

Tr\u01b0\u1eddng L\u1edbp CSS trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu<\/p>\n<\/div>\n

Khi b\u1ea1n th\u00eam m\u1ed9t ho\u1eb7c nhi\u1ec1u l\u1edbp CSS v\u00e0o c\u00e1c m\u1ee5c menu c\u1ee7a m\u00ecnh, m\u1ecdi m\u00e3 t\u00f9y ch\u1ec9nh b\u1ea1n \u0111\u01b0a v\u00e0o bi\u1ec3u \u0111\u1ecbnh ki\u1ec3u s\u1ebd ch\u1ec9 \u00e1p d\u1ee5ng cho c\u00e1c m\u1ee5c trong menu c\u1ee7a b\u1ea1n v\u1edbi l\u1edbp b\u1ea1n ch\u1ec9 \u0111\u1ecbnh.<\/p>\n

B\u00e2y gi\u1edd b\u1ea1n c\u00f3 th\u1ec3 \u0111i t\u1edbi bi\u1ec3u \u0111\u1ecbnh ki\u1ec3u ho\u1eb7c Tr\u00ecnh t\u00f9y ch\u1ec9nh v\u00e0 l\u00e0m vi\u1ec7c v\u1edbi\u00a0ki\u1ec3u d\u00e1ng t\u00f9y ch\u1ec9nh c\u1ee7a b\u1ea1n\u00a0.<\/p>\n

B\u01b0\u1edbc 5: Xu\u1ea5t b\u1ea3n Menu c\u1ee7a b\u1ea1n trong c\u00e1c v\u1ecb tr\u00ed ch\u00ednh<\/h3>\n

Khi menu th\u1ea3 xu\u1ed1ng WordPress c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c c\u1ea5u tr\u00fac \u0111\u1ec3 \u0111\u00e1p \u1ee9ng nhu c\u1ea7u c\u1ee7a b\u1ea1n v\u00e0 b\u1ea1n \u0111\u00e3 k\u1ebft h\u1ee3p b\u1ea5t k\u1ef3 t\u00f9y ch\u1ec9nh n\u00e0o b\u1ea1n mu\u1ed1n, b\u1ea1n s\u1ebd s\u1eb5n s\u00e0ng xu\u1ea5t b\u1ea3n n\u00f3 l\u00ean trang web c\u1ee7a m\u00ecnh.<\/p>\n

Qu\u00e1 tr\u00ecnh n\u00e0y s\u1ebd thay \u0111\u1ed5i m\u1ed9t ch\u00fat t\u00f9y thu\u1ed9c v\u00e0o\u00a0ch\u1ee7 \u0111\u1ec1 c\u1ee7a b\u1ea1n\u00a0v\u00e0 v\u1ecb tr\u00ed menu m\u00e0 n\u00f3 h\u1ed7 tr\u1ee3.\u00a0Trong v\u00ed d\u1ee5 n\u00e0y, ch\u00fang t\u00f4i s\u1ebd s\u1eed d\u1ee5ng\u00a0ch\u1ee7 \u0111\u1ec1 Twenty Twenty\u00a0.<\/p>\n

Trong tr\u00ecnh ch\u1ec9nh s\u1eeda menu, cu\u1ed9n xu\u1ed1ng\u00a0\u00a0ph\u1ea7n\u00a0C\u00e0i \u0111\u1eb7t menu<\/strong>\u00a0:<\/p>\n

\n

\"Ph\u1ea7n<\/p>\n

Ph\u1ea7n C\u00e0i \u0111\u1eb7t menu trong tr\u00ecnh ch\u1ec9nh s\u1eeda<\/p>\n<\/div>\n

B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn h\u1ed9p ki\u1ec3m \u0111\u1ea7u ti\u00ean n\u1ebfu b\u1ea1n mu\u1ed1n c\u00e1c trang m\u1edbi \u0111\u01b0\u1ee3c t\u1ef1 \u0111\u1ed9ng th\u00eam v\u00e0o menu c\u1ee7a b\u1ea1n.\u00a0N\u1ebfu b\u1ea1n m\u1edbi b\u1eaft \u0111\u1ea7u v\u1edbi trang web c\u1ee7a m\u00ecnh v\u00e0 ch\u01b0a th\u00eam t\u1ea5t c\u1ea3 c\u00e1c trang ch\u00ednh c\u1ee7a m\u00ecnh, \u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 h\u1eefu \u00edch.\u00a0Tuy nhi\u00ean, h\u00e3y c\u1ea9n th\u1eadn r\u1eb1ng b\u1ea1n kh\u00f4ng v\u00f4 t\u00ecnh th\u00eam qu\u00e1 nhi\u1ec1u m\u00f3n v\u00e0o th\u1ef1c \u0111\u01a1n c\u1ee7a m\u00ecnh.<\/p>\n

B\u00ean d\u01b0\u1edbi t\u00f9y ch\u1ecdn n\u00e0y, b\u1ea1n s\u1ebd th\u1ea5y m\u1ed9t danh s\u00e1ch c\u00e1c h\u1ed9p ki\u1ec3m l\u01b0u \u00fd c\u00e1c khu v\u1ef1c kh\u00e1c nhau tr\u00ean trang web c\u1ee7a b\u1ea1n n\u01a1i b\u1ea1n c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb menu c\u1ee7a m\u00ecnh.<\/p>\n

C\u00e1c ch\u1ee7 \u0111\u1ec1 Hai m\u01b0\u01a1i Hai m\u01b0\u01a1i bao g\u1ed3m c\u00e1c l\u0129nh v\u1ef1c th\u1ef1c \u0111\u01a1n kh\u00e1c nhau:\u00a0Desktop ngang menu<\/strong>\u00a0,\u00a0Desktop M\u1edf r\u1ed9ng menu<\/strong>\u00a0,\u00a0menu di \u0111\u1ed9ng<\/strong>\u00a0,\u00a0Footer menu<\/strong>\u00a0,\u00a0Menu x\u00e3 h\u1ed9i\u00a0<\/strong>.<\/em><\/p>\n

Trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y, menu ch\u00fang t\u00f4i \u0111\u00e3 t\u1ea1o ph\u00f9 h\u1ee3p nh\u1ea5t v\u1edbi\u00a0\u00a0v\u1ecb tr\u00ed\u00a0Menu ngang c\u1ee7a m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n<\/strong>\u00a0, n\u1eb1m trong ti\u00eau \u0111\u1ec1 c\u1ee7a trang web:<\/p>\n

\n

\"Menu<\/p>\n

Menu ngang \u0111\u1ec3 b\u00e0n cho ch\u1ee7 \u0111\u1ec1 Twenty Twenty<\/p>\n<\/div>\n

B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 xem x\u00e9t \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn\u00a0\u00a0tab\u00a0Qu\u1ea3n l\u00fd v\u1ecb tr\u00ed<\/strong>\u00a0trong\u00a0\u00a0khu v\u1ef1c\u00a0Menu<\/strong>\u00a0c\u1ee7a b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n c\u1ee7a b\u1ea1n.\u00a0T\u1ea1i \u0111\u00e2y, b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y t\u1ea5t c\u1ea3 c\u00e1c v\u1ecb tr\u00ed menu \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi ch\u1ee7 \u0111\u1ec1 c\u1ee7a m\u00ecnh, c\u0169ng nh\u01b0 menu n\u00e0o b\u1ea1n \u0111\u00e3 g\u00e1n cho t\u1eebng v\u1ecb tr\u00ed:<\/p>\n

\n

\"Tab<\/p>\n

Tab Qu\u1ea3n l\u00fd v\u1ecb tr\u00ed<\/p>\n<\/div>\n

Khi \u0111\u1eb7t c\u00e1c menu c\u1ee7a b\u1ea1n, c\u00f3 th\u1ec3 h\u1eefu \u00edch \u0111\u1ec3 xem ch\u00fang s\u1ebd tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0o tr\u00ean frontend.<\/p>\n

\n

\"T\u00f9y<\/p>\n

T\u00f9y ch\u1ecdn Manage with Live Preview<\/p>\n<\/div>\n

Nh\u1ea5p v\u00e0o n\u00fat\u00a0Qu\u1ea3n l\u00fd v\u1edbi Xem tr\u01b0\u1edbc tr\u1ef1c ti\u1ebfp<\/strong>\u00a0<\/em>\u00a0\u0111\u1ec3 xem menu c\u1ee7a b\u1ea1n s\u1ebd xu\u1ea5t hi\u1ec7n \u1edf v\u1ecb tr\u00ed b\u1ea1n \u0111\u00e3 ch\u1ecdn cho n\u00f3 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng Tr\u00ecnh t\u00f9y ch\u1ec9nh WordPress:<\/p>\n

\n

\"B\u1ea3n<\/p>\n

B\u1ea3n xem tr\u01b0\u1edbc tr\u1ef1c ti\u1ebfp cho menu WordPress trong Customizer<\/p>\n<\/div>\n

Sau \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 xu\u1ea5t b\u1ea3n menu ho\u1eb7c menu tr\u1ef1c ti\u1ebfp t\u1eeb Customizer.\u00a0N\u1ebfu b\u1ea1n c\u1ea7n th\u00eam ho\u1eb7c x\u00f3a c\u00e1c m\u1ee5c kh\u1ecfi menu th\u1ea3 xu\u1ed1ng, b\u1ea1n ch\u1ec9 c\u1ea7n quay l\u1ea1i tr\u00ecnh ch\u1ec9nh s\u1eeda menu v\u00e0 th\u1ef1c hi\u1ec7n c\u00e1c \u0111i\u1ec1u ch\u1ec9nh c\u1ea7n thi\u1ebft.<\/p>\n","protected":false},"excerpt":{"rendered":"

C\u00e1ch t\u1ea1o Menu th\u1ea3 xu\u1ed1ng trong WordPress N\u1ebfu b\u1ea1n \u0111\u00e3 quy\u1ebft \u0111\u1ecbnh r\u1eb1ng m\u1ed9t menu th\u1ea3 xu\u1ed1ng c\u00f3 th\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi trang web WordPress c\u1ee7a b\u1ea1n, th\u00ec vi\u1ec7c thi\u1ebft l\u1eadp m\u1ed9t menu kh\u00e1 \u0111\u01a1n gi\u1ea3n.\u00a0B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c t\u00ednh n\u0103ng menu g\u1ed1c c\u00f3 s\u1eb5n trong WordPress, b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o m\u1ed9t h\u1ec7 th\u1ed1ng […]<\/p>\n","protected":false},"author":4,"featured_media":16424,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"tags":[],"ht_kb_category":[5167],"class_list":["post-5529","ht_kb","type-ht_kb","status-publish","format-standard","has-post-thumbnail","hentry","ht_kb_category-cau-hoi-chung-ve-wordpress"],"_links":{"self":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/ht_kb\/5529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/comments?post=5529"}],"version-history":[{"count":0,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/ht_kb\/5529\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media\/16424"}],"wp:attachment":[{"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/media?parent=5529"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/tags?post=5529"},{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/tino.vn\/blog\/wp-json\/wp\/v2\/ht_kb_category?post=5529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}