{"id":6332,"date":"2025-12-26T18:34:25","date_gmt":"2025-12-26T09:34:25","guid":{"rendered":"https:\/\/chiakikouno.com\/?p=6332"},"modified":"2025-12-28T21:08:18","modified_gmt":"2025-12-28T12:08:18","slug":"wordpress-xt9-bogo","status":"publish","type":"post","link":"https:\/\/chiakikouno.com\/en\/wordpress-xt9-bogo\/","title":{"rendered":"Refreshing My Personal Website with the Full Site Editing\u2013Compatible WordPress Theme \u201cX-T9\u201d and the Multilingual Plugin \u201cBogo\u201d"},"content":{"rendered":"\n<p class=\"vk_block-margin-sm--margin-bottom has-border-normal-background-color has-background has-small-font-size\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">This article is an AI-assisted translation of the original Japanese version. \uff08\u3053\u306e\u8a18\u4e8b\u306f<a href=\"https:\/\/chiakikouno.com\/wordpress-xt9-bogo\/\">\u65e5\u672c\u8a9e<\/a>\u3067\u3082\u8aad\u3081\u307e\u3059\uff09<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color is-style-vk_borderBox-style-solid-kado-tit-inner\" style=\"color:#fcb500\"><div class=\"vk_borderBox_title_container\"><i class=\"\"><\/i><h4 class=\"vk_borderBox_title\">\ud83c\udf84 Participating in the VWS Advent Calendar! \ud83c\udf84<\/h4><\/div><div class=\"vk_borderBox_body\">\n<p class=\"has-small-font-size\">This article is the <strong>23 December entry<\/strong> for the <em><a href=\"https:\/\/adventar.org\/calendars\/11894\" target=\"_blank\" rel=\"noopener\">Vektor Web Solutions Advent Calendar 2025<\/a><\/em>. It follows the article published on <strong>22 December<\/strong> by <strong>Masahiko Kawai<\/strong> san, <a href=\"https:\/\/www.cherrypieweb.com\/6476\" target=\"_blank\" rel=\"noopener\"><em>\u201cMaking WordPress Easier to Manage with the Fixed Page Content Block\u201d<\/em> <\/a> In this article, the focus is on <strong>building a multilingual website using free themes and free plugins<\/strong>. However, <strong>some paid products are also introduced<\/strong> as part of the discussion <em>(PR)<\/em>.<\/p>\n<\/div><\/div>\n\n\n\n<p>Hello, this is Chiaki. I\u2019m in charge of marketing and public relations at <a href=\"https:\/\/vektor-inc.co.jp\/en\/\" target=\"_blank\" rel=\"noopener\">Vektor, Inc.<\/a> Japan.<\/p>\n\n\n\n<p>It\u2019s hard to believe that the end of 2025 is already approaching!<\/p>\n\n\n\n<p>During the first half of the year, I spent a lot of time on the move \u2014 staying mainly in Japan, briefly returning to our Hong Kong base, <a href=\"https:\/\/chiakikouno.com\/en\/wordcamp-asia-2025-speaker\/\" data-type=\"post\" data-id=\"6156\">speaking in Manila about building multilingual websites<\/a>, travelling back and forth between Malaysia and Thailand, and even <a href=\"https:\/\/chiakikouno.com\/en\/guraduation-celemony-at-hull\/\" data-type=\"post\" data-id=\"6250\">spending time in the UK for the first time<\/a>. It was a very mobile first half of the year.<\/p>\n\n\n\n<p>Since the summer, however, things have shifted, and I\u2019ve been focusing more steadily on tackling the tasks right in front of me.<\/p>\n\n\n\n<p>Against that backdrop, I decided to refresh this personal website.<\/p>\n\n\n\n<p>For the theme, I chose \u201c<a href=\"https:\/\/wordpress.org\/themes\/x-t9\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/themes\/x-t9\/\" rel=\"noreferrer noopener\">X-T9<\/a>\u201d, a WordPress theme that supports <strong>Full Site Editing (FSE)<\/strong><sup data-fn=\"e6b63fdd-a348-482c-a90d-0db858332c69\" class=\"fn\"><a id=\"e6b63fdd-a348-482c-a90d-0db858332c69-link\" href=\"#e6b63fdd-a348-482c-a90d-0db858332c69\">1<\/a><\/sup>, and for multilingual support, I\u2019m using the plugin \u201c<a href=\"https:\/\/wordpress.org\/plugins\/bogo\/\" target=\"_blank\" rel=\"noopener\">Bogo<\/a>\u201d. The site is now available in <strong>three languages<\/strong>: Japanese as the base language, plus English and Traditional Chinese.<\/p>\n\n\n\n<p>Both X-T9 and Bogo are <strong>free<\/strong> and listed in the <strong>official WordPress directory<\/strong>, meaning they can be easily found, downloaded, and installed directly from the WordPress admin screen.<\/p>\n\n\n\n<p>In this article, I\u2019d like to share some brief reflections on what I noticed while building a multilingual site using a Full Site Editing theme, as well as a few observations that are specific to running a personal website.<\/p>\n\n\n\n<p>\u2026That was the plan, at least \u2014 but it turned out to be a rather long article.<\/p>\n\n\n\n<h2 class=\"wp-block-heading is-style-vk-heading-both_ends vk_block-margin-md--margin-top\"><span class=\"vk-heading__text-wrapper\">Background to the Refresh<\/span><\/h2>\n\n\n\n<p>Previously, I had been using \u201c<a href=\"https:\/\/www.vektor-inc.co.jp\/service\/wordpress-theme\/katawara\/\" target=\"_blank\" rel=\"noopener\">Katawara<\/a>\u201d, a Lightning Pro\u2013based theme that offered a good balance of flexibility and usability, for around six years. Over time, I started thinking that I\u2019d like to move to a Full Site Editing (FSE)\u2013compatible theme \u2014 and perhaps make the site multilingual at the same time.<\/p>\n\n\n\n<p>That said, despite these ideas, I kept putting it off and never quite found the motivation to get started.<\/p>\n\n\n\n<p>Then recently, an Advent Calendar article by Vektor\u2019s development lead, Ishikawa, titled <em>\u201cDid You Know? WordPress Block Themes Are Actually a Perfect Match for Multilingual Sites\u201d<\/em> was published, and I thought, <em>\u201cThis is the moment!\u201d<\/em><\/p>\n\n\n\n<p>In that article, the Full Site Editing\u2013compatible theme <strong>\u201cX-T9\u201d<\/strong>, the multilingual plugin <strong>\u201cBogo\u201d<\/strong>, and a <strong>design adjustment plugin that makes Bogo easier to use with X-T9<\/strong> are all introduced \u2014 and made available for anyone to use <strong>for free<\/strong>. Much appreciated.<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-blog-card has-border-color has-bg-secondary-background-color has-background is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow\" style=\"border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9a28e8a1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3%\"><figure class=\"wp-block-vk-blocks-blog-card-featured-image\"><a href=\"https:\/\/www.vektor-inc.co.jp\/post\/block-theme-multilingual\/\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/www.vektor-inc.co.jp\/wp-content\/uploads\/2025\/12\/multi-og-title-1200x800.jpg' class=\"has-border-color\" style=\"border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6%\"><h5 class=\"wp-block-vk-blocks-blog-card-title has-medium-font-size\"><a href=\"https:\/\/www.vektor-inc.co.jp\/post\/block-theme-multilingual\/\" target=\"_self\" rel=\"noopener\">\u77e5\u3063\u3066\u307e\u3057\u305f\uff1fWordPress\u306e\u30d6\u30ed\u30c3\u30af\u30c6\u30fc\u30de\u3063\u3066\u5b9f\u306f\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u306b\u3081\u3061\u3083\u3081\u3061\u3083\u76f8\u6027\u304c\u3044\u3044\u3093\u3067\u3059\u3002 | \u682a\u5f0f\u4f1a\u793e\u30d9\u30af\u30c8\u30eb<\/a><\/h5>\n\n<div class=\"vk_block-margin-xs--margin-bottom vk_block-margin-xs--margin-top wp-elements-bfa54ee404fe11d2758790e11977b40b wp-block-vk-blocks-blog-card-excerpt has-text-color has-text-secondary-color has-x-small-font-size\"><p class=\"wp-block-vk-blocks-blog-card-excerpt__excerpt\">VWS\u30a2\u30c9\u30d9\u30f3\u30c8\u30ab\u30ec\u30f3\u30c0\u30fc\u53c2\u52a0\u4e2d\uff01\u3053\u306e\u8a18\u4e8b\u306f\u300cVektor Web Solutions Advent Calendar 2025\u300d\u306e12\u670817\u65e5\u306e\u8a18\u4e8b\u306b\u306a\u308a\u307e\u3059\u3002\u524d\u56de\u306e\u677e\u7530\u3055\u3093\u306e\u300cVK FullSite Installer\u300c\u88fd\u9020\u696d\u30c7\u30e2\u30b5\u30a4\u30c8\u300d\u3092\u4f5c\u3063\u3066\u308f\u304b\u3063\u305f\uff01\u30b5\u30a4\u30c8\u306e\u4fe1\u983c\u306f\u300c\u69cb\u6210\u30fb\u5c0e\u7dda\u300d\u3067\u4f5c\u308a\u3084\u3059\u304f\u306a\u308b\u300d\u306e\u8a18\u4e8b\u306b\u5f15\u304d\u7d9a\u304d\u66f8\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u696d\u52d9\u3067\u30b5\u30a4\u30c8\u5236\u4f5c\u3092\u3057\u3066\u3044\u308b\u3068\u591a\u8a00\u8a9e\u30b5\u30a4\u30c8\u306e\u6848\u4ef6\u306b\u3076\u3064\u304b\u3063\u305f\u7d4c\u9a13\u304c\u3042\u308b\u65b9\u3082\u591a\u3044\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\uff1f\u8868\u984c\u306e\u901a\u308a\u306a\u306e\u3067\u3059\u304c\u3001Wo<\/p><\/div>\n\n\n<div class=\"wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-681d5928 wp-block-group-is-layout-flex\" style=\"font-style:normal;font-weight:600\"><figure class=\"wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0\"><a href=\"https:\/\/www.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/www.vektor-inc.co.jp\/wp-content\/uploads\/2020\/03\/cropped-icon2020-32x32.png' \/><\/a><\/figure>\n\n<p class=\"wp-block-vk-blocks-blog-card-site-title\"><a href=\"https:\/\/www.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\">\u682a\u5f0f\u4f1a\u793e\u30d9\u30af\u30c8\u30eb<\/a><\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>In addition, Vektor staff member Sasaki had already refreshed their blog using X-T9, and I found the following article very helpful as a reference \ud83d\ude0a<\/p>\n\n\n<div style=\"border-color:#0000001f;border-radius:5px;border-width:1px; padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;\" class=\"wp-block-vk-blocks-blog-card has-background has-bg-secondary-background-color has-border-color\">https:\/\/www.vektor-inc.co.jp\/post\/vk-fullsite-installer-how-to-migrate\/<\/div>\n\n\n<p class=\"vk_block-margin-lg--margin-bottom\">From there, I spent about <strong>four days<\/strong> rethinking the purpose of the site and adding to the content (this part took the most time). After that, I introduced <strong>\u201cX-T9\u201d \u00d7 \u201cBogo\u201d<\/strong> \u2014 with the actual build work taking roughly <strong>half a day<\/strong> \u2014 and ended up with a solid base for a <strong>Japanese, English, and Traditional Chinese<\/strong> website that largely matched what I had in mind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-xx-large-font-size\">\u201cBogo\u201d: A Design That Aligns Closely with WordPress\u2019s Native Architecture<\/h2>\n\n\n\n<p>The strength of the multilingual plugin <strong>Bogo<\/strong> can be summed up in a single phrase: <strong>a design that aligns closely with WordPress itself<\/strong>.<\/p>\n\n\n\n<p>Bogo is developed by <a href=\"https:\/\/profiles.wordpress.org\/takayukister\/\" target=\"_blank\" rel=\"noopener\">Takayuki Miyoshi<\/a>, who is also well known as the creator of <a href=\"https:\/\/ja.wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7<\/a>. The plugin is built around a clear philosophy \u2014 to make use of <strong>WordPress\u2019s native mechanisms as naturally as possible<\/strong>, rather than introducing complex or proprietary systems.<\/p>\n\n\n\n<p>For anyone who wants to implement multilingual support <strong>while fully respecting how WordPress is designed to work<\/strong>, Bogo is an extremely easy-to-understand and approachable plugin.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"bY3ZdfScL9\"><a href=\"https:\/\/wordpress.org\/plugins\/bogo\/\" target=\"_blank\" rel=\"noopener\">Bogo<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Bogo&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/bogo\/embed\/#?secret=lE12Ul7Esq#?secret=bY3ZdfScL9\" data-secret=\"bY3ZdfScL9\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>In previous talks, I researched and compared several major multilingual plugins used worldwide \u2014 including <strong>Bogo<\/strong>, <strong>WPML<\/strong>, and <strong>Polylang<\/strong>. All of them are excellent plugins and are widely supported by developers around the globe.<\/p>\n\n\n\n<p>The materials compiled at the time are available at the link below <em>(in Japanese)<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1k4806L7pdcHWQcx0iWX_y0w1fb4cUe5mkPbeW7ZkDAk\/edit?usp=sharing\" class=\"vk_button_link btn has-background has-vk-color-primary-background-color btn-md btn-block\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><i class=\"fas fa-table vk_button_link_before\" aria-hidden=\"true\"><\/i><span class=\"vk_button_link_txt\">Comparison Table of WordPress Multilingual Plugins<\/span><i class=\"fas fa-external-link-alt vk_button_link_after\" aria-hidden=\"true\"><\/i><\/div><p class=\"vk_button_link_subCaption\">(Google Spreadsheet)<\/p><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block\"><a href=\"https:\/\/speakerdeck.com\/chiaki_kouno\/wordpress-multilingual-plugins-2021\" class=\"vk_button_link btn has-background has-vk-color-primary-background-color btn-md btn-block\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><i class=\"fas fa-file vk_button_link_before\" aria-hidden=\"true\"><\/i><span class=\"vk_button_link_txt\">Session Slides<\/span><i class=\"fas fa-external-link-alt vk_button_link_after\" aria-hidden=\"true\"><\/i><\/div><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube aligncenter wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WordCamp Japan 2021 - DAY 1 \/ Summer \u30c8\u30e9\u30c3\u30af\u3010\u65e5\u672c\u8a9e\u5b57\u5e55\u3042\u308a\u3011\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/j0aGLUWsKVI?start=8215&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">\u201cGetting Started with Multilingual WordPress Sites:<br>How Far Can You Go? A Complete Overview of Multilingual Plugins\u201d<br>(Approx. 27 minutes)<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>While the most suitable option varies depending on <strong>use case and site scale<\/strong>, for this particular personal website, Bogo stood out as the best fit for my goal: <span data-color=\"#fffd6b\" style=\"--vk-highlighter-color: rgba(255, 253, 107, 0.7);\" class=\"vk_highlighter\">to manage a multilingual site simply, while gaining a clear understanding of how multilingual support itself works within WordPress<\/span>.<\/p>\n\n\n\n<p>That focus on simplicity and transparency is what ultimately led me to choose Bogo for this project.<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading is-style-vk-heading-brackets_black has-xx-large-font-size\">\ud83d\udca1Practical Observations from the Build<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What Works Well with Bogo \ud83d\udc4d<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-vk-smile-mark vk_list_1\">\n<li>From an original page, selecting a target language automatically creates a new editor page with the original content duplicated. This makes it very easy to jump straight into replacing the text with translations, so the initial setup is quick and painless.<\/li>\n\n\n\n<li>The linkage between the original page and its translated versions is created at the same time. In the editor\u2019s right-hand sidebar, links to the translated pages are displayed, making it easy to move back and forth if the original content is updated.<\/li>\n\n\n\n<li>The content and structure of the original and translated pages <strong>do not need to match exactly<\/strong>. Because this is not a machine-translation-style workflow that overlays translations onto the original, wording and structure can be adjusted flexibly to suit each language and culture.<\/li>\n\n\n\n<li>In the admin screen, posts and pages can be filtered by language. Even as the number of pages grows, it remains easy to see which content belongs to which language.<\/li>\n\n\n\n<li>Actions such as managing \u201ctranslation packs\u201d or editing text strings are intuitive and involve little guesswork. The settings are not overly complex, and the controls feel focused on what is actually needed.<\/li>\n\n\n\n<li>The plugin does not add custom database tables, avoiding unnecessary data overhead. By making full use of <a href=\"chatgpt:\/\/generic-entity?number=0\">WordPress<\/a>\u2019s native structure, it feels reassuringly robust for long-term use.<\/li>\n\n\n\n<li>Multilingual-friendly HTML output, including <strong>hreflang<\/strong>, is handled automatically \u2b50\ufe0f. Having important SEO considerations covered without extra effort is a significant advantage.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-cover is-light has-border-color has-custom-color has-text-color has-link-color wp-elements-95d74e62e40ff2b604f41c0f7d4d1864\" style=\"border-color:#e7e5d9;border-width:1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-bg-secondary-background-color has-background-dim-60 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-f90dd25c wp-block-cover-is-layout-constrained\">\n<h5 class=\"wp-block-heading has-custom-color has-text-color has-link-color wp-elements-ce408d08ae94739966d3bd4f20f6d16a\">\u2b50\ufe0f On Automatic hreflang Output<\/h5>\n\n\n\n<p class=\"has-small-font-size\">When search engines such as Google try to understand the relationship between multilingual pages, many people assume that they rely solely on attributes like &lt;html lang=&#8221;ja&#8221;&gt;.<\/p>\n\n\n\n<p>In reality, the <strong>lang attribute<\/strong> is primarily used by browsers to determine display language.<\/p>\n\n\n\n<p>To clearly signal to search engines <strong>which page targets which language or region<\/strong>, a specific format using <strong>hreflang<\/strong> is required.<sup data-fn=\"5e6b6578-f88b-42f2-ae7a-24bc54c98087\" class=\"fn\"><a id=\"5e6b6578-f88b-42f2-ae7a-24bc54c98087-link\" href=\"#5e6b6578-f88b-42f2-ae7a-24bc54c98087\">2<\/a><\/sup><\/p>\n\n\n\n<p class=\"has-small-font-size\">For example, on my blog, <a href=\"https:\/\/chiakikouno.com\/en\/wordcamp-asia-2025-speaker\/\">the same article is published<\/a> in <strong>Japanese, English, and Traditional Chinese<\/strong>. In the HTML source, the following tags are automatically generated:<\/p>\n\n\n\n<pre class=\"wp-block-code has-system-font-font-family has-tiny-font-size\"><code>&lt;link rel=\"alternate\" href=\"https:\/\/chiakikouno.com\/zh\/wordcamp-asia-2025-speaker\/\" hreflang=\"zh-HK\" \/&gt;\n&lt;link rel=\"alternate\" href=\"https:\/\/chiakikouno.com\/en\/wordcamp-asia-2025-speaker\/\" hreflang=\"en-GB\" \/&gt;\n&lt;link rel=\"alternate\" href=\"https:\/\/chiakikouno.com\/wordcamp-asia-2025-speaker\/\" hreflang=\"ja\" \/&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-small-font-size\">From top to bottom, these indicate the correspondence between the Hong Kong Chinese, British English, and Japanese versions of the article.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Because Bogo automatically outputs this kind of hreflang markup, it naturally fulfils an important SEO requirement for multilingual sites, without requiring additional manual configuration.<\/p>\n<\/div><\/div>\n\n\n\n<p>It\u2019s impressive that all of this functionality is available for free and can be used with confidence.<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">What\u2019s Convenient About X-T9 (FSE) \ud83d\udc4d<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-vk-smile-mark vk_list_2\">\n<li><strong>All templates can be edited directly from the admin screen.<\/strong> There\u2019s no need to touch theme files manually, and everything can be done within the WordPress interface, which significantly reduces setup overhead.<\/li>\n\n\n\n<li><strong>Pre-built templates are provided, allowing you to start from a solid base.<\/strong> You don\u2019t have to begin with a blank slate. Instead, you can choose a template while thinking through your content, which makes X-T9 an approachable entry point into Full Site Editing.<\/li>\n\n\n\n<li><strong>Multiple colour variations are available out of the box.<\/strong> You can start with a colour scheme close to your intended look and gradually fine-tune it to suit your preferences.<\/li>\n\n\n\n<li><strong>Templates can be reset to their default state if something goes wrong.<\/strong> Even if a customisation breaks the layout, you can easily revert it. Being able to experiment freely and recover quickly is especially reassuring when first working with FSE.<\/li>\n\n\n\n<li><strong>Styles can be registered and reused on a per-block basis.<\/strong> For example, once a blog card style is defined, it can be reused confidently during content creation without hesitation. (This is something I\u2019d like to continue refining over time.)<\/li>\n\n\n\n<li>Thanks to Vektor\u2019s <a href=\"https:\/\/github.com\/vektor-inc\/vk-bogo-language-switcher\" target=\"_blank\" rel=\"noopener\">language switcher design adjustment plugin<\/a>, a Bogo-compatible language switcher could be added almost exactly as-is \ud83d\ude4c Even with a setup that combines Full Site Editing and multilingual support, this meant there was no need to struggle with design details.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-2d3b15d2-b8c2-4619-8860-eda48938b5c3\">Fine-tuning the Header Navigation in X-T9 \u2699\ufe0f<\/h3>\n\n\n\n<p id=\"block-119cf98c-b1c5-417d-9004-aea7fa56017f\">For the multilingual navigation menu, I followed the approach introduced in <a href=\"https:\/\/www.vektor-inc.co.jp\/post\/block-theme-multilingual\/\" target=\"_blank\" rel=\"noopener\">the article by Vektor\u2019s Ishikawa<\/a>:<\/p>\n\n\n\n<ul id=\"block-ea7674db-3cd7-43a3-b6b8-21bb97047846\" class=\"wp-block-list is-style-vk-numbered-circle-mark\">\n<li>Create navigation menus for each language, manually entering the page names and URLs for the translated versions<\/li>\n\n\n\n<li>Use the <a href=\"https:\/\/wordpress.org\/plugins\/vk-dynamic-if-block\/\" target=\"_blank\" rel=\"noopener\"><strong>VK Dynamic If block<\/strong><\/a> to switch navigation menus depending on the active language<\/li>\n<\/ul>\n\n\n\n<p id=\"block-5a77bf3b-aac8-49d2-a59a-c47ab5068fba\">Overall, this approach works without any major issues. However, there was one detail that caught my attention.<\/p>\n\n\n\n<p>When switching from the default language (Japanese) to another language, the <strong>underline indicating the \u201ccurrent page\u201d<\/strong> in the header menu disappeared.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border is-style-vk-image-shadow\"><img decoding=\"async\" width=\"600\" height=\"145\" src=\"https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/no-menu-line.png\" alt=\"\" class=\"has-border-color has-bg-secondary-border-color wp-image-6299\" style=\"border-width:3px\" srcset=\"https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/no-menu-line.png 600w, https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/no-menu-line-300x73.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p id=\"block-511cb4f8-ba12-47c3-abc5-ebac6f83ed33\">The reason seems to be that, in step (1), the navigation menus for other languages are created using <strong>custom links (manually entered URLs)<\/strong>. Because of this, WordPress is unable to determine whether a link points to the current page, and classes such as<code>.current<\/code> or <code>.current-menu-item<\/code> are no longer applied.<\/p>\n\n\n\n<p>As a result, the underline style that indicates the currently viewed page no longer works.<\/p>\n\n\n\n<p>In my case, instead of relying on the current class, I adjusted the display logic by adding the following CSS to <strong>Additional CSS<\/strong>.<\/p>\n\n\n\n<p><strong>Where to add it:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group has-text-normal-color has-border-normal-background-color has-text-color has-background has-link-color has-x-small-font-size wp-elements-cc3931d733adf3167506648946a719b0 is-layout-constrained wp-container-core-group-is-layout-c9b5e92c wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p>Appearance \uff1e Editor \uff1e Styles \uff1e \ufe19 (three-dot menu) \uff1e Additional CSS<\/p>\n<\/div>\n\n\n\n<pre class=\"wp-block-code has-bg-primary-background-color has-background has-system-font-font-family has-small-font-size\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\"><code>\/* --------------------------------------------------\n * Fallback when navigation items do not receive\n * a \"current\" class\n * Use the automatically added body class\n * .post-name-{slug} to underline the active menu item\n * -------------------------------------------------- *\/\n\n\/* When viewing the About page: underline the \/about\/ link *\/\n.post-name-about .wp-block-navigation-item a&#91;href*=\"\/about\/\"]::after {\n    width: 100% !important;\n}\n\n\/* When viewing the Works page: underline the \/works\/ link *\/\n.post-name-works .wp-block-navigation-item a&#91;href*=\"\/works\/\"]::after {\n    width: 100% !important;\n}<\/code><\/pre>\n\n\n\n<p id=\"block-bd383cf6-77a9-4930-a029-d53fa4b84a2c\">Here, the condition is based on the <code>.post-name-{slug}<\/code> class that is automatically added to the &lt;body&gt; tag.<\/p>\n\n\n\n<p>Even if the navigation menu itself cannot determine the \u201ccurrent\u201d page, WordPress still knows which page is being displayed, so this class can be used reliably.<\/p>\n\n\n\n<p>With this adjustment, the header menu now correctly shows an underline on the <a href=\"https:\/\/chiakikouno.com\/en\/about\/\" data-type=\"page\" data-id=\"5510\">About<\/a> and <a href=\"https:\/\/chiakikouno.com\/en\/works\/\" data-type=\"page\" data-id=\"5506\">Works<\/a> pages \u2014 not only in Japanese, but also when switching to <strong>English and Traditional Chinese<\/strong>.<\/p>\n\n\n\n<p><em>(If there\u2019s a cleaner or more elegant way to handle this, I\u2019d love to hear about it.)<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">An Example of Language-Specific Display and Translation Adjustments \ud83c\udfa8<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Card layout for presenting the Areas of Work<\/h4>\n\n\n\n<p>In the card layout used to introduce the \u201c<a href=\"https:\/\/chiakikouno.com\/en\/works\/\" data-type=\"page\" data-id=\"5506\">Areas of Work<\/a>\u201d on the Works page, the content is not translated word for word for each language. Instead, the display is adjusted slightly for each language, taking visual balance and readability into account.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border is-style-vk-image-shadow\"><a href=\"https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix.png\"><img decoding=\"async\" width=\"1188\" height=\"508\" src=\"https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix.png\" alt=\"\" class=\"has-border-color has-bg-secondary-border-color wp-image-6300\" style=\"border-width:3px\" srcset=\"https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix.png 1188w, https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix-300x128.png 300w, https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix-1024x438.png 1024w, https:\/\/chiakikouno.com\/wp-content\/uploads\/2025\/12\/multi-desing-fix-768x328.png 768w\" sizes=\"(max-width: 1188px) 100vw, 1188px\" \/><\/a><\/figure>\n\n\n\n<p>For the <strong>Traditional Chinese<\/strong> version, the basic layout and structure follow the Japanese version. However, to suit a <strong>Hong Kong audience<\/strong>, English titles are also shown alongside the Chinese text. Rather than sticking to a direct translation, the wording is adjusted with priority given to <strong>clearly conveying the nature of the work<\/strong>, balancing the amount of Chinese characters and line breaks to keep the cards easy to read.<\/p>\n\n\n\n<p>For the <strong>English<\/strong> version, using exactly the same amount of information as the other languages tends to result in longer text, making the cards feel cramped. To address this, several adjustments were made:<\/p>\n\n\n\n<div class=\"wp-block-group has-bg-primary-background-color has-background is-layout-constrained wp-container-core-group-is-layout-c65f4fc6 wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)\">\n<ul class=\"wp-block-list is-style-vk-pencil-mark has-small-font-size vk_list_3\">\n<li style=\"line-height:1.2\">Slightly reducing the font size (Latin characters remain readable even at a smaller size compared with Japanese text)<\/li>\n\n\n\n<li>Increasing the padding inside the white cards by one step<\/li>\n\n\n\n<li style=\"line-height:1.2\">Structuring items more clearly, such as separating <em>\u201cProduct photography \/ Asset creation\u201d<\/em><\/li>\n<\/ul>\n<\/div>\n\n\n\n<p>These changes prioritise <strong>clarity and visual balance<\/strong> over strict consistency.<\/p>\n\n\n\n<p>As this example shows, even when communicating the same \u201cscope of work\u201d, it helps to consider:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-vk-check-circle-mark vk_list_4\">\n<li class=\"has-custom-color has-text-color has-link-color wp-elements-172495d653eeeeb624835fff72135375\" style=\"font-style:normal;font-weight:600\">The amount of text required for each language<\/li>\n\n\n\n<li class=\"has-custom-color has-text-color has-link-color wp-elements-76e8a2ed971f2d7ef47060537b0fddca\"><strong>The expectations of the intended audience<\/strong><\/li>\n\n\n\n<li class=\"has-custom-color has-text-color has-link-color wp-elements-025253c001ac1eaafe7c85c17bbb7157\" style=\"font-style:normal;font-weight:600\">How well the text fits within the layout<\/li>\n<\/ul>\n\n\n\n<p>With multilingual sites, it\u2019s not enough to simply replace text. It\u2019s important to think about <strong>how the content looks and feels when viewed in each language<\/strong><sup data-fn=\"c5caee34-6fde-4704-b3b5-a5240aa7dbf0\" class=\"fn\"><a id=\"c5caee34-6fde-4704-b3b5-a5240aa7dbf0-link\" href=\"#c5caee34-6fde-4704-b3b5-a5240aa7dbf0\">3<\/a><\/sup>.<\/p>\n\n\n\n<p>In this case, using <strong>Bogo<\/strong> together with block editing made it possible to carry out these kinds of adjustments smoothly.<\/p>\n\n\n\n<p>By contrast, with plugins that assume translations will strictly follow the original structure, flexibility can be limited. In such cases, it\u2019s easy to end up compensating by adding language-specific CSS, rather than adjusting the content itself.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Disclaimer for Translated Pages<\/h4>\n\n\n\n<p>The Japanese version of the Privacy Policy does not include a translation disclaimer.<\/p>\n\n\n\n<p>However, for the <strong>English and Traditional Chinese versions<\/strong>, an additional note has been added for clarity.<\/p>\n\n\n\n<p>This note simply states that the page is a <strong>translation of the original Japanese text<\/strong>, and that <strong>the Japanese version takes precedence<\/strong> in the event of any discrepancies.<\/p>\n\n\n\n<p><strong>English version<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group vk_block-margin-sm--margin-top vk_block-margin-sm--margin-bottom has-bg-primary-background-color has-background is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-2b332e8c wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p><em>This page is an English translation of the original Japanese text.<br>In case of any differences, the Japanese version takes precedence.<\/em><\/p>\n<\/div>\n\n\n\n<p><strong>Traditional Chinese version<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group vk_block-margin-sm--margin-top vk_block-margin-sm--margin-bottom has-bg-primary-background-color has-background is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-2b332e8c wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p><em>\u672c\u9801\u70ba\u65e5\u6587\u539f\u6587\u4e4b\u4e2d\u6587\u7ffb\u8b6f\u7248\u672c\u3002<br>\u5982\u6709\u4efb\u4f55\u5167\u5bb9\u5dee\u7570\uff0c\u6982\u4ee5\u65e5\u6587\u7248\u672c\u70ba\u6e96\u3002<\/em><\/p>\n<\/div>\n\n\n\n<p>Including a short disclaimer like this helps reduce potential misunderstandings caused by differences in interpretation or wording during translation, and also mitigates risk for the content publisher.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Points I\u2019d Like to Test a Bit Further<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-vk-pencil-mark vk_list_5\">\n<li>For <strong>static pages<\/strong>, when previewing the translated version of the <strong>Home page<\/strong> from the translation editor, the original (Japanese) page is shown first. It\u2019s then necessary to switch languages to confirm the translated version. Until you get used to this, it helps to stay aware of <em>which language you\u2019re currently viewing<\/em>.<\/li>\n\n\n\n<li>When the original content includes <strong>Font Awesome icons specified using <\/strong><strong>&lt; &gt;<\/strong>, such as those added via VK Blocks icon blocks, the display can occasionally break temporarily due to sanitisation during duplication. Re-copying and pasting the affected part manually resolves the issue without problems.<\/li>\n\n\n\n<li>With <strong>X-T9 templates<\/strong>, translations are reflected correctly when the templates are used in their default state. However, once edits are made, some labels \u2014 such as \u201cCategories\u201d or \u201cTag Cloud\u201d \u2014 may remain in Japanese. This may depend on settings or structure, and requires further investigation.<\/li>\n\n\n\n<li>When generating a translated page from a <strong>larger, more complex page<\/strong> like this one, which contains a wide variety of blocks, edits may sometimes fail to apply. It\u2019s possible that a specific block is causing the issue, but this also needs more testing.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><br>X-T9: A Perfect \u201cFirst Step\u201d into Block Themes \u2014 Plus a Pattern Library That Helps You Finish (PR)<\/h3>\n\n\n\n<p>Using X-T9, I was finally able to get started on refreshing my personal website.<\/p>\n\n\n\n<p>After actually working with it, I found Full Site Editing to be more enjoyable than I had expected, and it genuinely feels like something that becomes <em>faster once you\u2019re familiar with it<\/em>. Compared with the days of manually writing templates, there is a short adjustment period to get used to the UI and way of thinking \u2014 but once you get past that, things quickly become much easier.<\/p>\n\n\n\n<p>For those who are just starting to learn WordPress, I\u2019d strongly recommend trying a Full Site Editing theme at least once. It\u2019s a great way to gain a more intuitive understanding of <em>how WordPress actually works under the hood<\/em>.<\/p>\n\n\n\n<p>And when building a website \u2014 where there are always countless decisions to make \u2014 one especially reliable ally is the use of <strong>patterns<\/strong> that can be copied, pasted, and edited immediately.<\/p>\n\n\n\n<p>This time, by using patterns prepared specifically for X-T9 from the <a href=\"https:\/\/patterns.vektor-inc.co.jp\/\" target=\"_blank\" rel=\"noopener\"><strong>VK Pattern Library<\/strong><\/a>, I was able to borrow layout and presentation ideas and move straight into content creation without getting stuck at the design stage.<\/p>\n\n\n\n<p>It\u2019s a bit hard to tell unless you\u2019re viewing the site on a desktop, but the noticeably different look and feel of <a href=\"https:\/\/chiakikouno.com\/\" data-type=\"page\" data-id=\"5502\">the home page<\/a> comes from using the following pattern \u2b07\ufe0f<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-blog-card has-border-color has-bg-secondary-background-color has-background is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow\" style=\"border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9a28e8a1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3%\"><figure class=\"wp-block-vk-blocks-blog-card-featured-image\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\/vk-patterns\/portfolio_top\/\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/patterns.vektor-inc.co.jp\/wp-content\/uploads\/2024\/01\/portfolio_top-1024x538.jpg' class=\"has-border-color\" style=\"border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6%\"><h5 class=\"wp-block-vk-blocks-blog-card-title has-medium-font-size\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\/vk-patterns\/portfolio_top\/\" target=\"_self\" rel=\"noopener\">\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa_\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 | VK \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea<\/a><\/h5>\n\n<div class=\"vk_block-margin-xs--margin-top vk_block-margin-xs--margin-bottom wp-elements-8f0be1934b2a7aa169acfc44fe55de87 wp-block-vk-blocks-blog-card-excerpt has-text-color has-text-secondary-color has-small-font-size\"><p class=\"wp-block-vk-blocks-blog-card-excerpt__excerpt\">\u30b3\u30d4\u30da\u3067\u4f7f\u3048\u308b WordPress \u306e\u30d6\u30ed\u30c3\u30af\u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea\u300c\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa_\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u300d\u306e\u30d1\u30bf\u30fc\u30f3\u3067\u3059\u3002<\/p><\/div>\n\n\n<div class=\"wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-681d5928 wp-block-group-is-layout-flex\" style=\"font-style:normal;font-weight:600\"><figure class=\"wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/patterns.vektor-inc.co.jp\/wp-content\/uploads\/2025\/06\/cropped-pattern-library-site-logo-32x32.png' \/><\/a><\/figure>\n\n<p class=\"wp-block-vk-blocks-blog-card-site-title\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\">VK \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea<\/a><\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>I\u2019ve also used another pattern on the \u201c<a href=\"https:\/\/chiakikouno.com\/en\/works\/\" data-type=\"page\" data-id=\"5506\">Areas of Work<\/a>\u201d page, shown below \u2b07\ufe0f<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-blog-card has-border-color has-bg-secondary-background-color has-background is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow\" style=\"border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9a28e8a1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3%\"><figure class=\"wp-block-vk-blocks-blog-card-featured-image\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\/vk-patterns\/nursery-school_event-and-gallery\/\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/patterns.vektor-inc.co.jp\/wp-content\/uploads\/2023\/10\/nursery-school_event-and-gallery-1024x538.png' class=\"has-border-color\" style=\"border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6%\"><h5 class=\"wp-block-vk-blocks-blog-card-title has-medium-font-size\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\/vk-patterns\/nursery-school_event-and-gallery\/\" target=\"_self\" rel=\"noopener\">\u4fdd\u80b2\u5712\u30fb\u5e7c\u7a1a\u5712_\u5e74\u9593\u884c\u4e8b\u3068\u30ae\u30e3\u30e9\u30ea\u30fc | VK \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea<\/a><\/h5>\n\n<div class=\"vk_block-margin-xs--margin-top vk_block-margin-xs--margin-bottom wp-elements-8f0be1934b2a7aa169acfc44fe55de87 wp-block-vk-blocks-blog-card-excerpt has-text-color has-text-secondary-color has-small-font-size\"><p class=\"wp-block-vk-blocks-blog-card-excerpt__excerpt\">\u30b3\u30d4\u30da\u3067\u4f7f\u3048\u308b WordPress \u306e\u30d6\u30ed\u30c3\u30af\u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea\u300c\u4fdd\u80b2\u5712\u30fb\u5e7c\u7a1a\u5712 _\u5e74\u9593\u884c\u4e8b\u3068\u30ae\u30e3\u30e9\u30ea\u30fc\u300d\u306e\u30d1\u30bf\u30fc\u30f3\u3067\u3059\u3002<\/p><\/div>\n\n\n<div class=\"wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-681d5928 wp-block-group-is-layout-flex\" style=\"font-style:normal;font-weight:600\"><figure class=\"wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/patterns.vektor-inc.co.jp\/wp-content\/uploads\/2025\/06\/cropped-pattern-library-site-logo-32x32.png' \/><\/a><\/figure>\n\n<p class=\"wp-block-vk-blocks-blog-card-site-title\"><a href=\"https:\/\/patterns.vektor-inc.co.jp\" target=\"_self\" rel=\"noopener\">VK \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea<\/a><\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>The <strong>VK Pattern Library<\/strong>, which includes <strong>over 400 ready-to-use patterns compatible with \u201cX-T9\u201d<\/strong>, is available without limits through the <strong><a href=\"https:\/\/vws.vektor-inc.co.jp\/vektor-passport\" target=\"_blank\" rel=\"noopener\">Vektor Passport<\/a><\/strong> annual subscription licence <em>(service provided in Japanese only)<\/em>.<\/p>\n\n\n\n<p>It\u2019s one of those tools that, once you start using it, makes you think, <em>\u201cI can\u2019t imagine building a site without patterns anymore\u2026\u201d<\/em>. If this sounds interesting, it\u2019s definitely worth taking a look.<\/p>\n\n\n\n<p>This refresh feels like I\u2019ve only just reached the <strong>starting line<\/strong>, but thanks to Full Site Editing, there are so many areas where I find myself thinking, <em>\u201cI\u2019d like to tweak this\u201d<\/em> or <em>\u201cI want to try improving that next\u201d<\/em>. I\u2019m looking forward to gradually evolving the site over time.<\/p>\n\n\n\n<p>I\u2019ll be sure to share further updates as things progress \ud83d\ude0a<\/p>\n\n\n\n<p>Thank you very much for reading to the end!<\/p>\n\n\n\n<div class=\"wp-block-group vk_block-margin-md--margin-top has-bg-primary-background-color has-background has-small-font-size is-layout-constrained wp-container-core-group-is-layout-f611be13 wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h6 class=\"wp-block-heading vk_block-margin-0--margin-bottom has-small-font-size\">Notes &amp; References:<\/h6>\n\n\n<ol class=\"vk_block-margin-xs--margin-top wp-block-footnotes\"><li id=\"e6b63fdd-a348-482c-a90d-0db858332c69\"><strong>Full Site Editing (FSE)<\/strong> in WordPress refers to a system that allows the overall structure of a website \u2014 including <strong>headers, footers, and templates<\/strong> \u2014 to be edited using blocks. In the current official documentation, the term <strong>\u201cFSE\u201d<\/strong> is used less frequently, and the feature is instead referred to as the <strong>Site Editor<\/strong>. <em>Reference: WordPress official documentation \u2014 \u201c<a href=\"https:\/\/wordpress.org\/documentation\/article\/site-editor\/\" target=\"_blank\" rel=\"noopener\">Site Editor<\/a>\u201d<\/em> <a href=\"#e6b63fdd-a348-482c-a90d-0db858332c69-link\" aria-label=\"Jump to footnote reference 1\">\u21a9\ufe0e<\/a><\/li><li id=\"5e6b6578-f88b-42f2-ae7a-24bc54c98087\"><a href=\"https:\/\/developers.google.com\/search\/docs\/specialty\/international\/localized-versions?hl=en\" target=\"_blank\" rel=\"noopener\">Tell Google about localized versions of your page \u2014 Google Search Central<\/a> <a href=\"#5e6b6578-f88b-42f2-ae7a-24bc54c98087-link\" aria-label=\"Jump to footnote reference 2\">\u21a9\ufe0e<\/a><\/li><li id=\"c5caee34-6fde-4704-b3b5-a5240aa7dbf0\">In multilingual projects, localisation \u2014 including UI, text volume, and cultural context \u2014 is as important as translation accuracy.<br>See my previous presentation, <em>\u201c<a href=\"https:\/\/speakerdeck.com\/chiaki_kouno\/duo-yan-yu-du-shi-xiang-gang-karajian-ruduo-yan-yu-saitofalsetukurikata-zhong-guo-yu-cheng-fen-duo-medeojie-ke?slide=62\" target=\"_blank\" rel=\"noopener\">Website Localisation: Five Key Points<\/a>\u201d<\/em> <em>(in Japanese)<\/em> <a href=\"#c5caee34-6fde-4704-b3b5-a5240aa7dbf0-link\" aria-label=\"Jump to footnote reference 3\">\u21a9\ufe0e<\/a><\/li><\/ol><\/div>\n\n\n\n<p class=\"vk_block-margin-md--margin-top\">The next entry in the <a href=\"https:\/\/adventar.org\/calendars\/11894\" target=\"_blank\" rel=\"noopener\">VWS Advent Calendar 2025<\/a>, scheduled for 24 December (Christmas Eve), is a wonderfully fun article by <strong>Tawashisoft<\/strong> san \u2014 definitely one to look forward to!<\/p>\n\n\n\n<p>One day, I\u2019d love to be a fun and inspiring senior \u2014 a bit like \u201cMaster Shifu\u201d \ud83d\ude0a<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-blog-card has-border-color has-bg-secondary-background-color has-background is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow\" style=\"border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9a28e8a1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3%\"><figure class=\"wp-block-vk-blocks-blog-card-featured-image\"><a href=\"https:\/\/ameblo.jp\/tawashisoft\/entry-12949430549.html\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/stat.ameba.jp\/user_images\/20251222\/08\/tawashisoft\/ea\/28\/p\/o0800080015732627583.png' class=\"has-border-color\" style=\"border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.6%\">\n\n<div class=\"vk_block-margin-sm--margin-bottom wp-block-vk-blocks-blog-card-excerpt has-small-font-size\"><p class=\"wp-block-vk-blocks-blog-card-excerpt__excerpt\">\uff1c\u56f3\u3005\u3057\u304f\u3082\u3001\u30a2\u30c9\u30d9\u30f3\u30c8\u30ab\u30ec\u30f3\u30c0\u30fc\u53c2\u52a0\u4e2d\uff01\uff1e\u672c\u8a18\u4e8b\u306f\u300cVektor Web Solution Advent Calendar 2025\u300d\u306e12\u670824\u65e5(\u6c34) \u2026<\/p><\/div>\n\n\n<div class=\"wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-681d5928 wp-block-group-is-layout-flex\" style=\"font-style:normal;font-weight:600\"><figure class=\"wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0\"><a href=\"https:\/\/ameblo.jp\" target=\"_self\" rel=\"noopener\"><img src='https:\/\/stat100.ameba.jp\/common_style\/img\/favicon.ico' \/><\/a><\/figure>\n\n<p class=\"wp-block-vk-blocks-blog-card-site-title\"><a href=\"https:\/\/ameblo.jp\" target=\"_self\" rel=\"noopener\">tawashisoft\u306e\u30d6\u30ed\u30b0<\/a><\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This article is an AI-assisted translation of the original Japanese version. \uff08\u3053\u306e\u8a18\u4e8b\u306f\u65e5\u672c\u8a9e\u3067\u3082\u8aad\u3081\u307e\u3059\uff09 Hello, this is C [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5905,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_locale":"en_GB","_original_post":"https:\/\/chiakikouno.com\/?p=6329","sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","veu_display_promotion_alert":"common","vkexunit_cta_each_option":"","footnotes":"[{\"content\":\"<strong>Full Site Editing (FSE)<\/strong> in WordPress refers to a system that allows the overall structure of a website \u2014 including <strong>headers, footers, and templates<\/strong> \u2014 to be edited using blocks. In the current official documentation, the term <strong>\u201cFSE\u201d<\/strong> is used less frequently, and the feature is instead referred to as the <strong>Site Editor<\/strong>. <em>Reference: WordPress official documentation \u2014 \u201c<a href=\\\"https:\/\/wordpress.org\/documentation\/article\/site-editor\/\\\">Site Editor<\/a>\u201d<\/em>\",\"id\":\"e6b63fdd-a348-482c-a90d-0db858332c69\"},{\"content\":\"<a href=\\\"https:\/\/developers.google.com\/search\/docs\/specialty\/international\/localized-versions?hl=en\\\">Tell Google about localized versions of your page \u2014 Google Search Central<\/a>\",\"id\":\"5e6b6578-f88b-42f2-ae7a-24bc54c98087\"},{\"content\":\"In multilingual projects, localisation \u2014 including UI, text volume, and cultural context \u2014 is as important as translation accuracy.<br>See my previous presentation, <em>\u201c<a href=\\\"https:\/\/speakerdeck.com\/chiaki_kouno\/duo-yan-yu-du-shi-xiang-gang-karajian-ruduo-yan-yu-saitofalsetukurikata-zhong-guo-yu-cheng-fen-duo-medeojie-ke?slide=62\\\">Website Localisation: Five Key Points<\/a>\u201d<\/em> <em>(in Japanese)<\/em>\",\"id\":\"c5caee34-6fde-4704-b3b5-a5240aa7dbf0\"}]","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[36],"tags":[11,38],"class_list":["post-6332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress","tag-multilingual","en-GB"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/posts\/6332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/comments?post=6332"}],"version-history":[{"count":100,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/posts\/6332\/revisions"}],"predecessor-version":[{"id":6543,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/posts\/6332\/revisions\/6543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/media\/5905"}],"wp:attachment":[{"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/media?parent=6332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/categories?post=6332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chiakikouno.com\/wp-json\/wp\/v2\/tags?post=6332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}