{"id":15162019,"date":"2024-01-08T16:44:32","date_gmt":"2024-01-08T16:44:32","guid":{"rendered":"https:\/\/wpml.org\/trinh-chuyen-doi-ngon-ngu-tuy-chinh\/"},"modified":"2024-05-22T06:18:24","modified_gmt":"2024-05-22T06:18:24","slug":"trinh-chuyen-doi-ngon-ngu-tuy-chinh","status":"publish","type":"page","link":"https:\/\/wpml.org\/vi\/tai-lieu-wpml\/huong-dan-bat-dau\/cai-dat-ngon-ngu\/cach-them-trinh-chuyen-doi-ngon-ngu-vao-trang-wordpress-cua-ban\/trinh-chuyen-doi-ngon-ngu-tuy-chinh\/","title":{"rendered":"Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh"},"content":{"rendered":"\n<p class=\"lead\">Khi ph\u00e1t tri\u1ec3n c\u00e1c trang web \u0111a ng\u00f4n ng\u1eef v\u1edbi WPML , b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n m\u1ed9t tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh. T\u00ecm hi\u1ec3u c\u00e1ch th\u1ef1c hi\u1ec7n vi\u1ec7c n\u00e0y v\u1edbi m\u1ed9t s\u1ed1 PHP v\u00e0 CSS \u0111\u01a1n gi\u1ea3n.<\/p>\n\n<p>WPML cho ph\u00e9p b\u1ea1n th\u00eam <a href=\"https:\/\/wpml.org\/vi\/huong-dan-bat-dau\/cai-dat-ngon-ngu\/cach-them-trinh-chuyen-doi-ngon-ngu-vao-trang-wordpress-cua-ban\/\">tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef<\/a> v\u00e0o menu, widget, ch\u00e2n trang v\u00e0 v\u00e0o c\u00e1c trang web b\u1eb1ng Tr\u00ecnh ch\u1ec9nh s\u1eeda trang web (tr\u01b0\u1edbc \u0111\u00e2y g\u1ecdi l\u00e0 Ch\u1ec9nh s\u1eeda trang web \u0111\u1ea7y \u0111\u1ee7) ho\u00e0n ch\u1ec9nh v\u1edbi c\u00e1c t\u00f9y ch\u1ecdn t\u00f9y ch\u1ec9nh v\u00e0 c\u1edd t\u00edch h\u1ee3p. Nh\u01b0ng b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n m\u1ed9t c\u00e1i g\u00ec \u0111\u00f3 \u0111\u1eb7c bi\u1ec7t h\u01a1n cho trang web c\u1ee7a m\u00ecnh.<\/p>\n\n<p>Trong h\u01b0\u1edbng d\u1eabn n\u00e0y, ch\u00fang t\u00f4i s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1ch th\u00eam tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i. Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i tr\u00f4ng tuy\u1ec7t v\u1eddi v\u00e0 gi\u00fap kh\u00e1ch h\u00e0ng xem trang web c\u1ee7a b\u1ea1n b\u1eb1ng ng\u00f4n ng\u1eef c\u1ee7a h\u1ecd d\u1ec5 d\u00e0ng h\u01a1n.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"e8d3c6ca07234ec9fa3135e60e594db6\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-gif.gif\"><img decoding=\"async\" width=\"768\" height=\"400\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-gif.gif\" alt=\"\" class=\"wp-image-6779273\"\/><\/a><figcaption><div class=\"tb-image-caption\">M\u1ed9t trang web s\u1eed d\u1ee5ng tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Th\u1ef1c hi\u1ec7n theo ba b\u01b0\u1edbc ch\u00ednh sau:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Th\u00eam m\u00e3 PHP hi\u1ec3n th\u1ecb tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef<\/li>\n\n\n\n<li>T\u1ea1o ki\u1ec3u cho tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef c\u1ee7a b\u1ea1n b\u1eb1ng CSS<\/li>\n\n\n\n<li>C\u1eadp nh\u1eadt c\u00e0i \u0111\u1eb7t tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef c\u1ee7a b\u1ea1n<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">Ph\u1ea7n PHP<\/h2>\n\n<p>B\u01b0\u1edbc \u0111\u1ea7u ti\u00ean l\u00e0 th\u00eam m\u00e3 PHP ch\u1ecbu tr\u00e1ch nhi\u1ec7m hi\u1ec3n th\u1ecb tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef tr\u00ean trang c\u1ee7a b\u1ea1n. \u0110\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u \u0111\u00f3, b\u1ea1n t\u1ea1o m\u1ed9t h\u00e0m th\u00eam v\u00f9ng ch\u1ee9a <strong>div<\/strong> c\u00f3 tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef b\u00ean trong n\u00f3. Ch\u00fang ta c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng<em> <\/em>h\u00e0nh \u0111\u1ed9ng <strong>wpml_add_lingu_selector<\/strong> \u0111\u1ec3 hi\u1ec3n th\u1ecb tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef.  <\/p>\n\n<p>Trong v\u00ed d\u1ee5 n\u00e0y, ch\u00fang t\u00f4i mu\u1ed1n tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef m\u1edbi \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb \u1edf ch\u00e2n trang, v\u00ec v\u1eady ch\u00fang t\u00f4i s\u1eed d\u1ee5ng ch\u1ee9c n\u0103ng m\u1edbi c\u1ee7a m\u00ecnh v\u1edbi hook <strong>wp_footer<\/strong> c\u1ee7a ch\u00ednh WordPress .<\/p>\n\n<p>M\u00e3 PHP ho\u00e0n ch\u1ec9nh s\u1ebd tr\u00f4ng nh\u01b0 th\u1ebf n\u00e0y.  <\/p>\n\n                    <div class='codesnipdiv' id='809df'>\n                    <a class='language-switcher-PHP' data-titleselector='language-switcher-php' data-randspinner ='809df' data-sniphost='15162019' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Language switcher PHP<\/a>\n                    <div id='809df_innerdiv' class='clearfix'>\n                    <pre class='brush:php;'>\/\/WPML - Add a floating language switcher to the footer\r\n add_action(&#039;wp_footer&#039;, &#039;wpml_floating_language_switcher&#039;); \r\n \r\n function wpml_floating_language_switcher() { \r\n    echo &#039;&lt;div class=&quot;wpml-floating-language-switcher&quot;&gt;&#039;;\r\n        \/\/PHP action to display the language switcher (see https:\/\/wpml.org\/documentation\/getting-started-guide\/language-setup\/language-switcher-options\/#using-php-actions)\r\n        do_action(&#039;wpml_add_language_selector&#039;);\r\n    echo &#039;&lt;\/div&gt;&#039;; \r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='809df_minimize' value='Minimize'>\n                    <input type='hidden' id='809df_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['809df_language-switcher-php']='<pre class=\"brush: php;\">\\\/\\\/WPML - Add a floating language switcher to the footer\\r\\n add_action(&#039;wp_footer&#039;, &#039;wpml_floating_language_switcher&#039;); \\r\\n \\r\\n function wpml_floating_language_switcher() { \\r\\n    echo &#039;&lt;div class=&quot;wpml-floating-language-switcher&quot;&gt;&#039;;\\r\\n        \\\/\\\/PHP action to display the language switcher (see https:\\\/\\\/wpml.org\\\/documentation\\\/getting-started-guide\\\/language-setup\\\/language-switcher-options\\\/#using-php-actions)\\r\\n        do_action(&#039;wpml_add_language_selector&#039;);\\r\\n    echo &#039;&lt;\\\/div&gt;&#039;; \\r\\n}<\/pre>';            \n                    <\/script>\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 sao ch\u00e9p v\u00e0 th\u00eam n\u00f3 v\u00e0o t\u1ec7p <strong>tin.php<\/strong> c\u1ee7a ch\u1ee7 \u0111\u1ec1 (con) c\u1ee7a b\u1ea1n.<\/p>\n\n<h2 class=\"wp-block-heading\">Ph\u1ea7n t\u1ea1o ki\u1ec3u<\/h2>\n\n<p>V\u1edbi m\u00e3 tr\u01b0\u1edbc \u0111\u00f3, ch\u00fang t\u00f4i \u0111\u00e3 th\u00eam tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef m\u1edbi v\u00e0o ch\u00e2n trang c\u1ee7a trang web. B\u00e2y gi\u1edd l\u00e0 l\u00fac t\u00f9y ch\u1ec9nh n\u00f3 \u0111\u1ec3 n\u00f3 n\u1ed5i \u1edf g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i c\u1ee7a trang web. B\u1ea1n c\u00f3 th\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh CSS <strong>: c\u1ed1 \u0111\u1ecbnh<\/strong> .<\/p>\n\n<p>H\u00e3y l\u00e0m theo c\u00e1c b\u01b0\u1edbc sau \u0111\u1ec3 th\u00eam m\u00e3 CSS:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>\u0110i t\u1edbi <strong>WPML \u2192 Ng\u00f4n ng\u1eef<\/strong> .<\/li>\n\n\n\n<li>Cu\u1ed9n xu\u1ed1ng <strong>T\u00f9y ch\u1ecdn tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef<\/strong> v\u00e0 m\u1edf r\u1ed9ng ph\u1ea7n <strong>CSS b\u1ed5 sung<\/strong> .<\/li>\n<\/ol>\n\n<p>Ngo\u00e0i ra, b\u1ea1n c\u00f3 th\u1ec3 th\u00eam m\u00e3 CSS n\u00e0y b\u1eb1ng c\u00e1ch v\u00e0o <strong>Giao di\u1ec7n \u2192 T\u00f9y ch\u1ec9nh<\/strong> v\u00e0 nh\u1ea5p v\u00e0o <strong>CSS b\u1ed5 sung<\/strong> .<\/p>\n\n<p>V\u00ed d\u1ee5 sau \u0111\u00e2y b\u1ed5 sung th\u00eam m\u1ed9t s\u1ed1 t\u00f9y ch\u1ec9nh nh\u01b0 \u0111\u01b0\u1eddng vi\u1ec1n tr\u00f2n v\u00e0 b\u00f3ng h\u1ed9p. T\u1ea5t nhi\u00ean, b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh n\u00f3 theo \u00fd mu\u1ed1n.<\/p>\n\n                    <div class='codesnipdiv' id='8bd56'>\n                    <a class='language-switcher-styling' data-titleselector='language-switcher-styling' data-randspinner ='8bd56' data-sniphost='15162019' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Language Switcher Styling<\/a>\n                    <div id='8bd56_innerdiv' class='clearfix'>\n                    <pre class='brush:css;'>\/*Removing some default CSS from our language switcher*\/\r\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\r\n  margin-bottom: 0;\r\n}\r\n \r\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\r\n  background-color: transparent !important;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\r\n  padding: 5px;\r\n}\r\n \r\n \r\n\/*Customize this if you want*\/\r\n.wpml-floating-language-switcher {\r\n  position: fixed;\r\n  bottom: 10px;\r\n  right: 10px;\r\n  background: #f8f8f8; \/*background color*\/\r\n  border: 1px solid; \/*border settings*\/\r\n  border-color: #eee; \/*color of the border*\/\r\n  padding: 0px; \/*padding of container*\/\r\n  border-radius: 6px; \/*rounded border*\/\r\n  \/*Box Shadow*\/\r\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='8bd56_minimize' value='Minimize'>\n                    <input type='hidden' id='8bd56_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['8bd56_language-switcher-styling']='<pre class=\"brush: css;\">\\\/*Removing some default CSS from our language switcher*\\\/\\r\\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\\r\\n  margin-bottom: 0;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\\r\\n  background-color: transparent !important;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\\r\\n  padding: 5px;\\r\\n}\\r\\n \\r\\n \\r\\n\\\/*Customize this if you want*\\\/\\r\\n.wpml-floating-language-switcher {\\r\\n  position: fixed;\\r\\n  bottom: 10px;\\r\\n  right: 10px;\\r\\n  background: #f8f8f8; \\\/*background color*\\\/\\r\\n  border: 1px solid; \\\/*border settings*\\\/\\r\\n  border-color: #eee; \\\/*color of the border*\\\/\\r\\n  padding: 0px; \\\/*padding of container*\\\/\\r\\n  border-radius: 6px; \\\/*rounded border*\\\/\\r\\n  \\\/*Box Shadow*\\\/\\r\\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n}<\/pre>';            \n                    <\/script>\n\n<h2 class=\"wp-block-heading\">Ph\u1ea7n c\u00e0i \u0111\u1eb7t<\/h2>\n\n<p>Cu\u1ed1i c\u00f9ng, b\u1ea1n c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh m\u1ed9t s\u1ed1 c\u00e0i \u0111\u1eb7t \u0111\u1ec3 tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef ch\u1ec9 hi\u1ec3n th\u1ecb c\u00e1c c\u1edd.<\/p>\n\n<p>S\u1eed d\u1ee5ng c\u00e1c b\u01b0\u1edbc sau:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>\u0110i t\u1edbi <strong>WPML \u2192 Ng\u00f4n ng\u1eef<\/strong> .<\/li>\n\n\n\n<li>Cu\u1ed9n xu\u1ed1ng <strong>Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh<\/strong> v\u00e0 nh\u1ea5p v\u00e0o <strong>B\u1eadt<\/strong> .<\/li>\n\n\n\n<li>Nh\u1ea5p v\u00e0o n\u00fat <strong>T\u00f9y ch\u1ec9nh<\/strong> .<\/li>\n\n\n\n<li>\u0110\u1ed1i v\u1edbi <strong>N\u1ed9i dung c\u1ea7n \u0111\u01b0a v\u00e0o tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef<\/strong> , h\u00e3y ch\u1ecdn <strong>G\u1eafn c\u1edd<\/strong> v\u00e0 b\u1ecf ch\u1ecdn c\u00e1c t\u00f9y ch\u1ecdn kh\u00e1c.<\/li>\n\n\n\n<li>Nh\u1ea5p v\u00e0o <strong>\u0111\u1ec3 l\u01b0u<\/strong> .<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"f9bdd36b2fe8b9672acc349bff2be10f\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1.png\"><img decoding=\"async\" width=\"1024\" height=\"527\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-1024x527.png\" alt=\"Language switcher options\" class=\"wp-image-6779477\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-1024x527.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-300x154.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-150x77.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-768x395.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Ch\u1ec9 hi\u1ec3n th\u1ecb c\u1edd trong tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i<\/div><\/figcaption><\/figure>\n<\/div>\n<p>\u0110\u00f3 l\u00e0 n\u00f3! B\u00e2y gi\u1edd b\u1ea1n s\u1ebd c\u00f3 m\u1ed9t tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh \u0111\u1eb9p m\u1eaft tr\u00ean trang web:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"354de0be796fda96feaeae7b6e1f3e13\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher.png\"><img decoding=\"async\" width=\"1024\" height=\"626\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-1024x626.png\" alt=\"Horizontal language switcher\" class=\"wp-image-6779503\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-1024x626.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-300x183.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-150x92.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-768x469.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef \u1edf m\u1eb7t tr\u01b0\u1edbc<\/div><\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Ph\u1ea7n th\u01b0\u1edfng: Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i theo chi\u1ec1u d\u1ecdc<\/h2>\n\n<p>Thay v\u00e0o \u0111\u00f3, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 t\u1ea1o tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef d\u1ecdc, nh\u01b0 \u1ea3nh ch\u1ee5p m\u00e0n h\u00ecnh b\u00ean d\u01b0\u1edbi:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"9406b1ca7ecb5dd9b2c55d1bd64d7156\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher.png\"><img decoding=\"async\" width=\"1024\" height=\"626\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-1024x626.png\" alt=\"Vertical language switcher\" class=\"wp-image-6779525\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-1024x626.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-300x183.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-150x92.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-768x469.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef d\u1ecdc<\/div><\/figcaption><\/figure>\n<\/div>\n<p>\u0110\u1ed1i v\u1edbi \u0111i\u1ec1u n\u00e0y, ch\u1ec9 c\u1ea7n thay th\u1ebf CSS tr\u01b0\u1edbc \u0111\u00f3 b\u1eb1ng \u0111o\u1ea1n m\u00e3 sau:<\/p>\n\n                    <div class='codesnipdiv' id='25f6c'>\n                    <a class='vertical-language-switcher' data-titleselector='vertical-language-switcher-css' data-randspinner ='25f6c' data-sniphost='15162019' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Vertical Language Switcher CSS<\/a>\n                    <div id='25f6c_innerdiv' class='clearfix'>\n                    <pre class='brush:css;'>\/*Removing some default CSS our language switcher*\/\r\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\r\n  margin-bottom: 0;\r\n}\r\n \r\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\r\n  background-color: transparent !important;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\r\n  padding: 5px;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-item {\r\n  display: block;\r\n}\r\n \r\n\/*Customize this if you want*\/\r\n.wpml-floating-language-switcher {\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 0px;\r\n  background: #f8f8f8; \/*background color*\/\r\n  border: 1px solid; \/*border settings*\/\r\n  border-color: #eee; \/*color of the border*\/\r\n  padding: 0px; \/*padding of container*\/\r\n  border-radius: 6px 0 0 6px; \/*rounded border*\/\r\n  \/*Box Shadow*\/\r\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  z-index: 999;\r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='25f6c_minimize' value='Minimize'>\n                    <input type='hidden' id='25f6c_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['25f6c_vertical-language-switcher-css']='<pre class=\"brush: css;\">\\\/*Removing some default CSS our language switcher*\\\/\\r\\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\\r\\n  margin-bottom: 0;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\\r\\n  background-color: transparent !important;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\\r\\n  padding: 5px;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-item {\\r\\n  display: block;\\r\\n}\\r\\n \\r\\n\\\/*Customize this if you want*\\\/\\r\\n.wpml-floating-language-switcher {\\r\\n  position: fixed;\\r\\n  bottom: 20px;\\r\\n  right: 0px;\\r\\n  background: #f8f8f8; \\\/*background color*\\\/\\r\\n  border: 1px solid; \\\/*border settings*\\\/\\r\\n  border-color: #eee; \\\/*color of the border*\\\/\\r\\n  padding: 0px; \\\/*padding of container*\\\/\\r\\n  border-radius: 6px 0 0 6px; \\\/*rounded border*\\\/\\r\\n  \\\/*Box Shadow*\\\/\\r\\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  z-index: 999;\\r\\n}<\/pre>';            \n                    <\/script>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Khi ph\u00e1t tri\u1ec3n c\u00e1c trang web \u0111a ng\u00f4n ng\u1eef v\u1edbi WPML , b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n m\u1ed9t tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh. T\u00ecm hi\u1ec3u c\u00e1ch th\u1ef1c hi\u1ec7n vi\u1ec7c n\u00e0y v\u1edbi m\u1ed9t s\u1ed1 PHP v\u00e0 CSS \u0111\u01a1n gi\u1ea3n. WPML cho ph\u00e9p b\u1ea1n th\u00eam tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef v\u00e0o menu, widget, ch\u00e2n trang v\u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15632911,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_uag_custom_page_level_css":"","ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-15162019","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_subscription_coupon_product_id":["0"],"_wpv_contains_gutenberg_views":[""],"_alp_processed":["1716358705"],"_views_template":["0"],"wpcf-unformatted-code":[""],"_wpml_media_duplicate":["0"],"_wpml_media_featured":["1"],"toolset_post_editor_mode":["block"],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_wp_page_template":["default"],"_last_translation_edit_mode":["translation-editor"],"_headspace_description":["H\u01b0\u1edbng d\u1eabn vi\u1ebft tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh cho c\u00e1c trang web d\u1ef1a tr\u00ean WPML ."],"_yoast_wpseo_title":["Tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh - WPML"],"_yoast_wpseo_metadesc":["T\u00ecm hi\u1ec3u c\u00e1ch t\u1ea1o tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh, ch\u1eb3ng h\u1ea1n nh\u01b0 tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef n\u1ed5i v\u1edbi m\u1ed9t s\u1ed1 PHP v\u00e0 CSS \u0111\u01a1n gi\u1ea3n."],"_uagb_previous_block_counts":["a:90:{s:21:\"uagb\/advanced-heading\";i:0;s:15:\"uagb\/blockquote\";i:0;s:12:\"uagb\/buttons\";i:0;s:18:\"uagb\/buttons-child\";i:0;s:19:\"uagb\/call-to-action\";i:0;s:15:\"uagb\/cf7-styler\";i:0;s:11:\"uagb\/column\";i:0;s:12:\"uagb\/columns\";i:0;s:14:\"uagb\/container\";i:0;s:21:\"uagb\/content-timeline\";i:0;s:27:\"uagb\/content-timeline-child\";i:0;s:14:\"uagb\/countdown\";i:0;s:12:\"uagb\/counter\";i:0;s:8:\"uagb\/faq\";i:0;s:14:\"uagb\/faq-child\";i:0;s:10:\"uagb\/forms\";i:0;s:17:\"uagb\/forms-accept\";i:0;s:19:\"uagb\/forms-checkbox\";i:0;s:15:\"uagb\/forms-date\";i:0;s:16:\"uagb\/forms-email\";i:0;s:17:\"uagb\/forms-hidden\";i:0;s:15:\"uagb\/forms-name\";i:0;s:16:\"uagb\/forms-phone\";i:0;s:16:\"uagb\/forms-radio\";i:0;s:17:\"uagb\/forms-select\";i:0;s:19:\"uagb\/forms-textarea\";i:0;s:17:\"uagb\/forms-toggle\";i:0;s:14:\"uagb\/forms-url\";i:0;s:14:\"uagb\/gf-styler\";i:0;s:15:\"uagb\/google-map\";i:0;s:11:\"uagb\/how-to\";i:0;s:16:\"uagb\/how-to-step\";i:0;s:9:\"uagb\/icon\";i:0;s:14:\"uagb\/icon-list\";i:0;s:20:\"uagb\/icon-list-child\";i:0;s:10:\"uagb\/image\";i:0;s:18:\"uagb\/image-gallery\";i:0;s:13:\"uagb\/info-box\";i:0;s:18:\"uagb\/inline-notice\";i:0;s:11:\"uagb\/lottie\";i:0;s:21:\"uagb\/marketing-button\";i:0;s:10:\"uagb\/modal\";i:0;s:18:\"uagb\/popup-builder\";i:0;s:16:\"uagb\/post-button\";i:0;s:18:\"uagb\/post-carousel\";i:0;s:17:\"uagb\/post-excerpt\";i:0;s:14:\"uagb\/post-grid\";i:0;s:15:\"uagb\/post-image\";i:0;s:17:\"uagb\/post-masonry\";i:0;s:14:\"uagb\/post-meta\";i:0;s:18:\"uagb\/post-taxonomy\";i:0;s:18:\"uagb\/post-timeline\";i:0;s:15:\"uagb\/post-title\";i:0;s:20:\"uagb\/restaurant-menu\";i:0;s:26:\"uagb\/restaurant-menu-child\";i:0;s:11:\"uagb\/review\";i:0;s:12:\"uagb\/section\";i:0;s:14:\"uagb\/separator\";i:0;s:11:\"uagb\/slider\";i:0;s:17:\"uagb\/slider-child\";i:0;s:17:\"uagb\/social-share\";i:0;s:23:\"uagb\/social-share-child\";i:0;s:16:\"uagb\/star-rating\";i:0;s:23:\"uagb\/sure-cart-checkout\";i:0;s:22:\"uagb\/sure-cart-product\";i:0;s:15:\"uagb\/sure-forms\";i:0;s:22:\"uagb\/table-of-contents\";i:0;s:9:\"uagb\/tabs\";i:0;s:15:\"uagb\/tabs-child\";i:0;s:18:\"uagb\/taxonomy-list\";i:0;s:9:\"uagb\/team\";i:0;s:16:\"uagb\/testimonial\";i:0;s:14:\"uagb\/wp-search\";i:0;s:19:\"uagb\/instagram-feed\";i:0;s:10:\"uagb\/login\";i:0;s:17:\"uagb\/loop-builder\";i:0;s:18:\"uagb\/loop-category\";i:0;s:20:\"uagb\/loop-pagination\";i:0;s:15:\"uagb\/loop-reset\";i:0;s:16:\"uagb\/loop-search\";i:0;s:14:\"uagb\/loop-sort\";i:0;s:17:\"uagb\/loop-wrapper\";i:0;s:13:\"uagb\/register\";i:0;s:19:\"uagb\/register-email\";i:0;s:24:\"uagb\/register-first-name\";i:0;s:23:\"uagb\/register-last-name\";i:0;s:22:\"uagb\/register-password\";i:0;s:30:\"uagb\/register-reenter-password\";i:0;s:19:\"uagb\/register-terms\";i:0;s:22:\"uagb\/register-username\";i:0;}"],"_uag_css_file_name":["uag-css-15162019.css"],"_uag_page_assets":["a:9:{s:3:\"css\";s:260:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:20:\"toolset-blocks\/image\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:12:\"core\/heading\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:0;s:11:\"uag_version\";s:10:\"1778352571\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Amir","author_link":"https:\/\/wpml.org\/vi\/author\/admingm\/"},"uagb_comment_info":0,"uagb_excerpt":"Khi ph\u00e1t tri\u1ec3n c\u00e1c trang web \u0111a ng\u00f4n ng\u1eef v\u1edbi WPML , b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n m\u1ed9t tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef t\u00f9y ch\u1ec9nh. T\u00ecm hi\u1ec3u c\u00e1ch th\u1ef1c hi\u1ec7n vi\u1ec7c n\u00e0y v\u1edbi m\u1ed9t s\u1ed1 PHP v\u00e0 CSS \u0111\u01a1n gi\u1ea3n. WPML cho ph\u00e9p b\u1ea1n th\u00eam tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i ng\u00f4n ng\u1eef v\u00e0o menu, widget, ch\u00e2n trang v\u00e0&hellip;","_links":{"self":[{"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/pages\/15162019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/comments?post=15162019"}],"version-history":[{"count":3,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/pages\/15162019\/revisions"}],"predecessor-version":[{"id":15653374,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/pages\/15162019\/revisions\/15653374"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/pages\/15632911"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/media?parent=15162019"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/vi\/wp-json\/wp\/v2\/related-projects-category?post=15162019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}