{"id":1356,"date":"2019-12-16T09:52:51","date_gmt":"2019-12-16T09:52:51","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=1356"},"modified":"2019-12-16T10:43:18","modified_gmt":"2019-12-16T10:43:18","slug":"por-que-troquei-o-menu-por-uma-sidebar","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/vi\/why-did-i-swap-the-menu-for-a-sidebar\/","title":{"rendered":"T\u1ea1i sao t\u00f4i l\u1ea1i thay \u0111\u1ed5i menu th\u00e0nh m\u1ed9t thanh b\u00ean?"},"content":{"rendered":"

B\u1ea1n c\u00f3 th\u1ec3 nh\u1eadn th\u1ea5y r\u1eb1ng tr\u00ean 3 trang web c\u1ee7a t\u00f4i, t\u00f4i \u0111\u00e3 thay \u0111\u1ed5i menu \u1edf tr\u00ean c\u00f9ng \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh b\u1edfi thanh b\u00ean<\/strong> (thanh b\u00ean) \u0111\u00e3 c\u1ed1 \u0111\u1ecbnh. T\u1ea1i sao t\u00f4i l\u1ea1i l\u00e0m \u0111i\u1ec1u n\u00e0y? \u01afu \u0111i\u1ec3m v\u00e0 kh\u00e1c bi\u1ec7t l\u00e0 g\u00ec? Trong b\u00e0i vi\u1ebft n\u00e0y, t\u00f4i mu\u1ed1n m\u00f4 t\u1ea3 s\u1ef1 thay \u0111\u1ed5i l\u1edbn lao n\u00e0y. <\/p>\n\n\n\n

T\u00f4i hy v\u1ecdng b\u00e0i vi\u1ebft n\u00e0y v\u1edbi \u00fd ki\u1ebfn c\u1ee7a t\u00f4i s\u1ebd gi\u00fap b\u1ea1n quy\u1ebft \u0111\u1ecbnh s\u1eed d\u1ee5ng sidebar hay menu d\u00ednh \u1edf tr\u00ean c\u00f9ng hay kh\u00f4ng. <\/p>\n\n\n\n– \n– \n– \n– <\/pre>\n\n\n\n

T\u1ea1i sao t\u00f4i l\u1ea1i s\u1eed d\u1ee5ng m\u1ed9t menu c\u1ed1 \u0111\u1ecbnh \u1edf tr\u00ean c\u00f9ng? <\/h2>\n\n\n\n

Trong h\u01a1n 5 n\u0103m qua, t\u00f4i lu\u00f4n th\u00edch m\u1ed9t th\u1ef1c \u0111\u01a1n l\u1eadp s\u1eb5n \u1edf \u0111\u1ea7u trang web. Trong khi nhi\u1ec1u ng\u01b0\u1eddi \u0111\u1ec3 m\u1ed9t menu \u1edf tr\u00ean c\u00f9ng, nh\u01b0ng kh\u00f4ng c\u1ed1 \u0111\u1ecbnh, t\u00f4i ki\u00ean quy\u1ebft \u0111\u1ec3 n\u00f3 c\u1ed1 \u0111\u1ecbnh \u0111\u1ec3 m\u1ecdi ng\u01b0\u1eddi s\u1eed d\u1ee5ng b\u1ea5t c\u1ee9 khi n\u00e0o c\u00f3 th\u1ec3. <\/p>\n\n\n\n

T\u00f4i tin r\u1eb1ng \u0111i\u1ec1u n\u00e0y cho ph\u00e9p m\u1ecdi ng\u01b0\u1eddi duy\u1ec7t trang web nhi\u1ec1u h\u01a1n tr\u00ean c\u00e1c trang kh\u00e1c nhau, nh\u01b0ng tr\u00ean th\u1ef1c t\u1ebf kh\u00f4ng ai l\u00e0m \u0111i\u1ec1u \u0111\u00f3. L\u01b0\u1ee3t truy c\u1eadp v\u00e0o c\u00e1c trang danh m\u1ee5c r\u1ea5t th\u1ea5p, m\u1ecdi ng\u01b0\u1eddi th\u1eadm ch\u00ed kh\u00f4ng mu\u1ed1n t\u00ecm ki\u1ebfm tr\u00ean trang web. <\/p>\n\n\n\n

\u0110\u00e2y l\u00e0 m\u1ed9t trong nh\u1eefng h\u1eadu qu\u1ea3 c\u1ee7a vi\u1ec7c c\u00f3 l\u01b0\u1ee3t truy c\u1eadp kh\u00f4ng ph\u1ea3i tr\u1ea3 ti\u1ec1n, n\u01a1i m\u1ecdi ng\u01b0\u1eddi ch\u1ec9 v\u00e0o, \u0111\u1ecdc v\u00e0 r\u1eddi kh\u1ecfi trang web. V\u00ec l\u00fd do n\u00e0y, \u0111i\u1ec1u quan tr\u1ecdng l\u00e0 ph\u1ea3i c\u00f3 m\u1ed9t v\u0103n b\u1ea3n th\u1eadt h\u1ea5p d\u1eabn v\u00e0 \u0111\u1ed9c \u0111\u00e1o \u0111\u1ec3 khi\u1ebfn ng\u01b0\u1eddi \u0111\u00f3 tr\u1edf th\u00e0nh m\u1ed9t ng\u01b0\u1eddi theo d\u00f5i trang web. <\/p>\n\n\n\n

\u0110\u1ed1i v\u1edbi c\u00e1c menu, t\u00f4i nh\u1eadn th\u1ea5y r\u1eb1ng Sidebar kh\u00f4ng mang l\u1ea1i nhi\u1ec1u k\u1ebft qu\u1ea3 nh\u01b0 c\u00e1c bi\u1ec3u m\u1eabu v\u00e0 li\u00ean k\u1ebft trong b\u00e0i vi\u1ebft. H\u00f4m nay t\u00f4i hi\u1ec7n \u0111ang s\u1eed d\u1ee5ng ch\u1ee5p email ngay b\u00ean d\u01b0\u1edbi ti\u00eau \u0111\u1ec1 b\u00e0i vi\u1ebft trang web \u0111\u1ec3 t\u1ea1o kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng tr\u00ean c\u1ea3 m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n v\u00e0 thi\u1ebft b\u1ecb di \u0111\u1ed9ng. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

S\u1ef1 c\u1ed1 thanh b\u00ean c\u1ee7a t\u00f4i<\/h2>\n\n\n\n

Trong nhi\u1ec1u n\u0103m, t\u00f4i \u0111\u00e3 c\u1ed1 g\u1eafng thu h\u00fat kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng, khi\u1ebfn ng\u01b0\u1eddi \u0111\u00f3 t\u01b0\u01a1ng t\u00e1c v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng trang web th\u00f4ng qua c\u00e1c thanh b\u00ean. Sau m\u1ed9t th\u1eddi gian, t\u00f4i nh\u1eadn ra r\u1eb1ng c\u00e1c thanh b\u00ean khi\u1ebfn trang web tr\u1edf n\u00ean r\u1ea5t x\u1ea5u x\u00ed, cho \u0111\u1ebfn khi t\u00f4i ch\u1ecdn ch\u1ec9 s\u1eed d\u1ee5ng m\u1ed9t c\u1ed9t c\u1ee7a b\u00e0i vi\u1ebft. <\/p>\n\n\n\n

T\u00f4i th\u1ef1c s\u1ef1 th\u00edch ki\u1ec3u b\u1ed1 c\u1ee5c n\u00e0y, n\u00f3 y\u00eau c\u1ea7u t\u00f4i ph\u1ea3i t\u0103ng k\u00edch th\u01b0\u1edbc m\u1eb7c \u0111\u1ecbnh c\u1ee7a nh\u1eefng h\u00ecnh \u1ea3nh m\u00e0 t\u00f4i \u0111\u00e3 t\u1ea3i l\u00ean m\u00e1y ch\u1ee7. Trang, c\u1ea3 tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng v\u00e0 m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n, ch\u1ec9 hi\u1ec3n th\u1ecb b\u00e0i vi\u1ebft m\u00e0 kh\u00f4ng c\u00f3 s\u1ef1 ph\u00e2n t\u00e2m \u1edf c\u00e1c b\u00ean.<\/p>\n\n\n\n

T\u00f4i \u0111\u00e3 t\u1eeb b\u1ecf vi\u1ec7c s\u1eed d\u1ee5ng c\u00e1c widget b\u00ean WordPress v\u00e0 ch\u1ec9 s\u1eed d\u1ee5ng 3 widget ch\u00e2n trang<\/strong> n\u01a1i m\u00e0 hi\u1ebfm ai \u0111\u1ec3 \u00fd \u0111\u1ebfn. V\u1edbi bi\u1ec3u m\u1eabu thu th\u1eadp \u1edf \u0111\u1ea7u b\u00e0i vi\u1ebft, t\u00f4i \u0111\u00e3 thu th\u1eadp kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng t\u1eeb t\u1ea5t c\u1ea3 c\u00e1c thi\u1ebft b\u1ecb m\u00e0 kh\u00f4ng c\u00f3 c\u1eeda s\u1ed5 b\u1eadt l\u00ean v\u00e0 m\u1ed9t c\u00e1ch k\u00edn \u0111\u00e1o. <\/p>\n\n\n\n

Bi\u1ec3u m\u1eabu n\u00e0y trong Header, t\u01b0\u01a1ng t\u1ef1 nh\u01b0 nh\u1eefng g\u00ec liveeblog<\/strong><\/em> \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng, n\u00f3 \u0111\u00e3 t\u0103ng chuy\u1ec3n \u0111\u1ed5i c\u1ee7a t\u00f4i r\u1ea5t nhi\u1ec1u, khi\u1ebfn t\u00f4i tr\u1edf th\u00e0nh \u0111\u01a1n v\u1ecb li\u00ean k\u1ebft l\u1edbn nh\u1ea5t trong th\u1ecb tr\u01b0\u1eddng ng\u00e1ch ch\u00ednh m\u00e0 t\u00f4i l\u00e0m vi\u1ec7c. V\u1edbi n\u00f3, t\u00f4i ch\u01b0a bao gi\u1edd b\u1ecf l\u1ee1 vi\u1ec7c s\u1eed d\u1ee5ng widget ho\u1eb7c thanh b\u00ean trong nhi\u1ec1u n\u0103m. <\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

T\u1ea1i sao v\u00e0 l\u00e0m c\u00e1ch n\u00e0o \u0111\u1ec3 t\u00f4i quay l\u1ea1i s\u1eed d\u1ee5ng Thanh b\u00ean?<\/h2>\n\n\n\n

Quan t\u00e2m \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 c\u1ee7a trang web, t\u00f4i \u0111\u00e3 c\u1ed1 g\u1eafng h\u1ebft s\u1ee9c \u0111\u1ec3 gi\u1ea3m y\u00eau c\u1ea7u trang, th\u1eadm ch\u00ed s\u1eed d\u1ee5ng b\u1ed1 c\u1ee5c si\u00eau si\u00eau nh\u1eb9 \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 createpress<\/a><\/strong>. L\u00e0m \u0111i\u1ec1u n\u00e0y, t\u00f4i \u0111\u00e3 ch\u1ecdn thay th\u1ebf menu c\u1ed1 \u0111\u1ecbnh b\u1eb1ng m\u1ed9t thanh b\u00ean. <\/p>\n\n\n\n

T\u1ea5t nhi\u00ean, \u0111\u00f3 kh\u00f4ng ph\u1ea3i l\u00e0 l\u00fd do duy nh\u1ea5t, c\u0169ng kh\u00f4ng ph\u1ea3i l\u00e0 l\u00fd do kh\u1ea3 thi, v\u00ec \u0111i\u1ec3m T\u1ed1c \u0111\u1ed9 trang b\u1ecb \u1ea3nh h\u01b0\u1edfng b\u1edfi c\u00e1c qu\u1ea3ng c\u00e1o google m\u00e0 t\u00f4i \u0111\u1eb7t tr\u00ean trang web. \u0110\u00e3 l\u00e2u r\u1ed3i t\u00f4i kh\u00f4ng mu\u1ed1n \u0111\u1eb7t m\u1ed9t thanh b\u00ean tr\u00ean trang web, nh\u01b0ng t\u00f4i mu\u1ed1n c\u00f3 m\u1ed9t gi\u1ea3i ph\u00e1p thay th\u1ebf cho thanh b\u00ean ti\u00eau chu\u1ea9n. <\/p>\n\n\n\n

Thanh b\u00ean ch\u1ee7 \u0111\u1ec1 m\u1eb7c \u0111\u1ecbnh wordpress<\/strong> l\u00e0m cho h\u1ed9p ch\u1ee9a v\u0103n b\u1ea3n b\u00e0i vi\u1ebft nh\u1ecf h\u01a1n. \u0110i\u1ec1u n\u00e0y l\u00e0m phi\u1ec1n t\u00f4i r\u1ea5t nhi\u1ec1u, b\u1edfi v\u00ec t\u00f4i th\u00edch c\u00e1i h\u1ed9p l\u1edbn \u0111\u00f3 t\u1ea1o \u1ea5n t\u01b0\u1ee3ng v\u1ec1 m\u1ed9t t\u1ec7p v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c m\u1edf trong Word ho\u1eb7c Pages. <\/p>\n\n\n\n

T\u00f4i nh\u1eadn th\u1ea5y r\u1eb1ng m\u1ed9t s\u1ed1 ch\u1ee7 \u0111\u1ec1 \u0111\u00e3 s\u1eed d\u1ee5ng ti\u00eau \u0111\u1ec1 v\u00e0 menu b\u00ean cho ph\u00e9p \u0111\u1eb7t c\u00e1c ti\u1ec7n \u00edch con, tr\u1edf th\u00e0nh m\u1ed9t thanh b\u00ean th\u1ef1c s\u1ef1 kh\u00f4ng can thi\u1ec7p v\u00e0o b\u1ed1 c\u1ee5c trang web c\u1ee7a t\u00f4i v\u00e0 thu h\u00fat s\u1ef1 ch\u00fa \u00fd b\u1edfi v\u1ecb tr\u00ed c\u1ee7a n\u00f3 \u1edf b\u00ean tr\u00e1i. <\/p>\n\n\n\n

Trong Th\u01b0 vi\u1ec7n trang web GeneratePress, c\u00f3 2 c\u00e0i \u0111\u1eb7t \u0111\u00e3 r\u1eddi kh\u1ecfi trang web theo c\u00e1ch \u0111\u00f3. Sau nhi\u1ec1u gi\u1edd \u0111\u1ecbnh c\u1ea5u h\u00ecnh m\u1ecdi th\u1ee9 m\u1ed9t c\u00e1ch ch\u00ednh x\u00e1c trong CSS, t\u00f4i \u0111\u00e3 qu\u1ea3n l\u00fd \u0111\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c ch\u1ee7 \u0111\u1ec1 trang web c\u1ee7a m\u00ecnh theo c\u00e1ch t\u00f4i mu\u1ed1n. <\/p>\n\n\n\n

\u01afu \u0111i\u1ec3m l\u1edbn nh\u1ea5t l\u00e0 Menu di \u0111\u1ed9ng hi\u1ec3n th\u1ecb c\u00e1c Widget, ph\u1ea7n l\u1edbn th\u1eddi gian \u0111\u01b0\u1ee3c \u0111\u01b0a xu\u1ed1ng cu\u1ed1i trang tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng. Ngay c\u1ea3 khi b\u1ea1n \u0111\u1eb7t c\u00e1c widget hi\u1ec3n th\u1ecb tr\u01b0\u1edbc b\u00e0i vi\u1ebft, ch\u00fang s\u1ebd chi\u1ebfm m\u1ed9t dung l\u01b0\u1ee3ng r\u1ea5t l\u1edbn. <\/p>\n\n\n\n

Menu di \u0111\u1ed9ng m\u1edf r\u1ed9ng cho ph\u00e9p t\u00f4i tr\u00ecnh b\u00e0y th\u00eam th\u00f4ng tin, qu\u1ea3ng c\u00e1o, bi\u1ec3u m\u1eabu, li\u00ean k\u1ebft v\u00e0 menu tr\u01b0\u1edbc khi b\u00e0i vi\u1ebft \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb, ch\u1ec9 khi ng\u01b0\u1eddi \u0111\u00f3 ch\u1ecdn m\u1edf r\u1ed9ng menu v\u00ec t\u00f2 m\u00f2. T\u00f4i c\u0169ng ti\u1ebfp t\u1ee5c s\u1eed d\u1ee5ng ch\u1ee5p email trong ti\u00eau \u0111\u1ec1 b\u00e0i vi\u1ebft.<\/p>\n\n\n\n

\"POR<\/figure><\/div>\n\n\n\n

Nh\u1eefng kh\u00f3 kh\u0103n c\u1ee7a m\u1ed9t thanh b\u00ean \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh \u1edf b\u00ean <\/h2>\n\n\n\n

Kh\u00f3 kh\u0103n l\u1edbn nh\u1ea5t c\u1ee7a l\u1ea7n thay \u0111\u1ed5i n\u00e0y l\u00e0 vi\u1ec7c ch\u1ecdn m\u00e0u v\u00e0 l\u00e0m m\u1ed9t nh\u00e0 thi\u1ebft k\u1ebf \u0111\u1eb9p. L\u00fac \u0111\u1ea7u, m\u00e0u s\u00e1ng m\u00e0 t\u00f4i ch\u1ecdn \u0111\u00e3 l\u00e0m cho trang web c\u1ee7a t\u00f4i tr\u00f4ng gi\u1ed1ng nh\u01b0 m\u1ed9t trang web HTML n\u0103m 2003. Sau nhi\u1ec1u l\u1ea7n thay \u0111\u1ed5i, t\u00f4i \u0111\u00e3 \u0111\u1ea1t \u0111\u01b0\u1ee3c k\u1ebft qu\u1ea3 m\u1ef9 m\u00e3n. <\/p>\n\n\n\n

B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng Thanh b\u00ean n\u00e0y, t\u00f4i \u0111\u00e3 c\u00f3 th\u1ec3 x\u00f3a 3 ph\u1ea7n b\u1ed5 tr\u1ee3 kh\u1ecfi ch\u1ee7 \u0111\u1ec1 GeneratePress l\u01b0u c\u00e1c quy tr\u00ecnh WordPress c\u1ee7a t\u00f4i. M\u1ed9t \u0111i\u1ec1u kh\u00e1c khi\u1ebfn t\u00f4i b\u1eadn t\u00e2m l\u00fac \u0111\u1ea7u l\u00e0 c\u00e1ch t\u1ea3i trang b\u1eb1ng plugin b\u1ed9 nh\u1edb cache, c\u00f3 th\u1ec3 b\u1ea1n s\u1ebd nh\u1eadn th\u1ea5y. <\/p>\n\n\n\n

T\u00f4i \u0111\u00e3 m\u1ea5t nhi\u1ec1u ng\u00e0y \u0111\u1ecbnh c\u1ea5u h\u00ecnh CSS \u0111\u1ec3 l\u00e0m cho c\u00e1c b\u1ed9 ch\u1ecdn danh m\u1ee5c m\u00e0 t\u00f4i \u0111\u00e3 s\u1eed d\u1ee5ng tr\u1edf n\u00ean \u0111\u1eb9p \u0111\u1ebd. C\u0169ng \u0111\u1ec3 l\u1ea1i m\u1ed9t thanh cu\u1ed9n t\u00f9y ch\u1ec9nh tr\u00ean thanh b\u00ean \u0111\u1ec3 l\u00e0m cho nh\u00e0 thi\u1ebft k\u1ebf tr\u00f4ng hi\u1ec7n \u0111\u1ea1i h\u01a1n. T\u00f4i v\u1eabn ch\u01b0a ho\u00e0n to\u00e0n h\u00e0i l\u00f2ng, v\u1edbi th\u1eddi gian s\u1ebd c\u00f3 nhi\u1ec1u thay \u0111\u1ed5i h\u01a1n. <\/p>\n\n\n\n

M\u1ee5c ti\u00eau r\u1ea5t \u0111\u01a1n gi\u1ea3n v\u00e0 r\u00f5 r\u00e0ng, tr\u00ecnh b\u00e0y tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3, ki\u1ebfm ti\u1ec1n t\u1eeb trang web theo c\u00e1ch t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3, t\u0103ng t\u1ed1c \u0111\u1ed9 trang, t\u0103ng x\u1ebfp h\u1ea1ng trang web v\u00e0 thu h\u00fat nhi\u1ec1u kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng h\u01a1n. <\/p>\n","protected":false},"excerpt":{"rendered":"

B\u1ea1n c\u00f3 th\u1ec3 nh\u1eadn th\u1ea5y r\u1eb1ng tr\u00ean 3 trang web c\u1ee7a t\u00f4i, t\u00f4i \u0111\u00e3 thay \u0111\u1ed5i menu \u1edf tr\u00ean c\u00f9ng \u0111\u01b0\u1ee3c c\u1ed1 \u0111\u1ecbnh b\u1edfi<\/p>","protected":false},"author":1,"featured_media":1368,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2019\/12\/sidebar.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts\/1356"}],"collection":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":0,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts\/1356\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/media\/1368"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/media?parent=1356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/categories?post=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}