{"id":239,"date":"2023-12-05T23:10:29","date_gmt":"2023-12-05T14:10:29","guid":{"rendered":"https:\/\/nora-l.com\/?p=239"},"modified":"2024-01-02T02:13:34","modified_gmt":"2024-01-01T17:13:34","slug":"bogo-dropdown","status":"publish","type":"post","link":"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/","title":{"rendered":"Bogo\u306e\u8a2d\u5b9a\uff1a\u8a00\u8a9e\u30d4\u30c3\u30ab\u30fc\u3092\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u578b\u306b"},"content":{"rendered":"\n<p>\u305d\u308c\u3067\u306f\u3001\u79c1\u304c\u6700\u8fd1\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u591a\u8a00\u8a9e\u5bfe\u5fdc\u306e\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066\u304a\u8a71\u3057\u3057\u307e\u3057\u3087\u3046\u3002Bogo\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002\u305d\u306e\u8a2d\u5b9a\u65b9\u6cd5\u3068\u3001\u79c1\u306e\u30b5\u30a4\u30c8\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u76ee\u6b21<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#Bogo%E3%81%AE%E8%A8%AD%E5%AE%9A\" >Bogo\u306e\u8a2d\u5b9a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#%E8%A8%80%E8%AA%9E%E5%88%87%E6%9B%BF%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA\" >\u8a00\u8a9e\u5207\u66ff\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#%E3%82%B5%E3%82%A4%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%92%E9%80%9A%E3%81%98%E3%81%A6%E5%88%87%E6%9B%BF%E3%82%92%E8%BF%BD%E5%8A%A0\" >\u30b5\u30a4\u30c8\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u901a\u3058\u3066\u5207\u66ff\u3092\u8ffd\u52a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#PHP%E3%81%A7%E8%A1%A8%E7%A4%BA%E8%A6%81%E7%B4%A0%E3%82%92%E5%A4%89%E6%9B%B4\" >PHP\u3067\u8868\u793a\u8981\u7d20\u3092\u5909\u66f4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#JavaScript%E3%81%A7%E7%A7%BB%E5%8B%95%E3%81%A8%E8%A1%A8%E7%A4%BA%E3%82%92%E5%88%B6%E5%BE%A1\" >JavaScript\u3067\u79fb\u52d5\u3068\u8868\u793a\u3092\u5236\u5fa1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#CSS%E3%81%A7%E5%A4%96%E8%A6%B3%E3%82%92%E6%95%B4%E3%81%88%E3%82%8B\" >CSS\u3067\u5916\u89b3\u3092\u6574\u3048\u308b<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nora-l.com\/ja\/blog\/bogo-dropdown\/#%E6%94%B9%E5%96%84%E3%81%AE%E4%BD%99%E5%9C%B0%E3%81%AF%EF%BC%9F\" >\u6539\u5584\u306e\u4f59\u5730\u306f\uff1f<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bogo%E3%81%AE%E8%A8%AD%E5%AE%9A\"><\/span>Bogo\u306e\u8a2d\u5b9a<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol>\n<li>\u307e\u305a\u521d\u3081\u306b\u3001<a href=\"https:\/\/wordpress.org\/plugins\/bogo\/\" target=\"_blank\" rel=\"noopener\">Bogo<\/a>\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u305f\u3002\u65b0\u305f\u306b\u300c\u8a00\u8a9e\u300d\u30bf\u30d6\u304c\u8ffd\u52a0\u3055\u308c\u3001\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u8a00\u8a9e\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<img data-opt-id=1636079389  fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:626\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png\" alt=\"\" class=\"wp-image-194\" title=\"\" srcset=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:626\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 1024w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:300\/h:183\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 300w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:768\/h:469\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 768w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1536\/h:938\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 1536w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:2000\/h:1222\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 2000w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:2000\/h:1222\/q:mauto\/f:best\/dpr:2\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/activate-language-pack.png 2x\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/li>\n\n<li>\u6295\u7a3f\u3084\u30da\u30fc\u30b8\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u306f\u3001\u65b0\u305f\u306b\u7ffb\u8a33\u3092\u8ffd\u52a0\u3059\u308b\u305f\u3081\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u3002\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u65b0\u3057\u3044\u6295\u7a3f\u3084\u30da\u30fc\u30b8\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u8907\u88fd\u3055\u308c\u307e\u3059\u3002<img data-opt-id=464392685  fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:502\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png\" alt=\"\" class=\"wp-image-203\" title=\"\" srcset=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:502\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 1024w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:300\/h:147\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 300w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:768\/h:377\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 768w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1536\/h:753\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 1536w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1984\/h:973\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 1984w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1984\/h:973\/q:mauto\/f:best\/dpr:2\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-translation.png 2x\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/li>\n\n<li>\u305d\u306e\u5f8c\u306f\u3001\u8907\u88fd\u3055\u308c\u305f\u6295\u7a3f\u3084\u30da\u30fc\u30b8\u3092\u7de8\u96c6\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u624b\u52d5\u3067\u7ffb\u8a33\u3059\u308b\u3060\u3051\u3067\u3059\u3002\u79c1\u306f\u8907\u88fd\u30da\u30fc\u30b8\u306e\u30b9\u30e9\u30c3\u30b0\u3092\u5909\u66f4\u3057\u3066\u307f\u305f\u3068\u3053\u308d\u3001\u3046\u307e\u304f\u3044\u304d\u307e\u3057\u305f\u3002\u3057\u304b\u3057\u3001\u3053\u306e\u30b5\u30a4\u30c8\u306b\u5909\u66f4\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u306e\u3067\u3001\u540c\u3058\u30b9\u30e9\u30c3\u30b0\u3092\u4fdd\u6301\u3059\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/li>\n\n<li>\u30dc\u30fc\u30ca\u30b9\u3068\u3057\u3066\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u8a00\u8a9e\u5207\u66ff\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059\u3002\u65b0\u3057\u3044\u6295\u7a3f\u3084\u30da\u30fc\u30b8\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u8a00\u8a9e\u306f\u3001\u65e2\u5b58\u306e\u8a00\u8a9e\u8a2d\u5b9a\u306b\u5408\u308f\u305b\u3089\u308c\u307e\u3059\u3002<img data-opt-id=970726404  fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"220\" src=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:220\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png\" alt=\"\" class=\"wp-image-200\" title=\"\" srcset=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:220\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 1024w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:300\/h:65\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 300w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:768\/h:165\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 768w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1536\/h:330\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 1536w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1990\/h:428\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 1990w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1990\/h:428\/q:mauto\/f:best\/dpr:2\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/switch-in-dashboard.png 2x\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/li><\/ol>\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<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E8%A8%80%E8%AA%9E%E5%88%87%E6%9B%BF%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA\"><\/span>\u8a00\u8a9e\u5207\u66ff\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001\u8a00\u8a9e\u5207\u66ff\u306f\u5168\u3066\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u8a00\u8a9e\u3092\u8868\u793a\u3059\u308b\u30ea\u30b9\u30c8\u3067\u3001\u7ffb\u8a33\u304c\u306a\u3044\u30da\u30fc\u30b8\u3067\u3082\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u89e3\u6c7a\u3057\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002\u305d\u3053\u3067\u3001i-nob\u3055\u3093\u306e\u6709\u76ca\u306a\u30ce\u30fc\u30c8\u306e\u304a\u304b\u3052\u3067\u3001\u305d\u308c\u3092\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30ea\u30b9\u30c8\u306b\u5909\u66f4\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E3%82%B5%E3%82%A4%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%83%BC%E3%82%92%E9%80%9A%E3%81%98%E3%81%A6%E5%88%87%E6%9B%BF%E3%82%92%E8%BF%BD%E5%8A%A0\"><\/span>\u30b5\u30a4\u30c8\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u901a\u3058\u3066\u5207\u66ff\u3092\u8ffd\u52a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u79c1\u306e\u5834\u5408\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306b\u8a00\u8a9e\u5207\u66ff\u3092\u8ffd\u52a0\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u3059\u3002<\/p>\n\n\n<div class=\"ark-block-blogCard arkb-boxLink\" data-arkb-linkbox>\n\t<div class=\"arkb-boxLink__inner\" data-type=\"external\">\n\t\t\t\t\t<figure class=\"arkb-boxLink__figure is-fixed-ratio\">\n\t\t\t\t<img data-opt-id=949570359  data-opt-src=\"https:\/\/d2l930y2yx77uc.cloudfront.net\/production\/social_images\/ea7ceb7a849b8b9d23fa5b8ed9817d745901c572.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"arkb-boxLink__img arkb-obf-cover\" title=\"\">\n\t\t\t<\/figure>\n\t\t\t\t<div class=\"arkb-boxLink__body\">\n\t\t\t<a href=\"https:\/\/note.com\/inob\/n\/n63ee9a88d451\" class=\"arkb-boxLink__title\" target=\"_blank\" rel=\"noopener noreferrer\" data-arkb-link>\n\t\t\t\t\u3010WordPress\u3011\u591a\u8a00\u8a9e\u5316\u30d7\u30e9\u30b0\u30a4\u30f3\u300cBogo\u300d\u306e\u8a00\u8a9e\u5207\u66ff\u3092\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u578b\u306b\u3057\u305f\u8a71\uff5ci-nob\t\t\t<\/a>\n\t\t\t\t\t\t\t<div class=\"arkb-boxLink__content arkb-only-pc\">\n\t\t\t\t\t\u6700\u8fd1\u306e\u30de\u30a4\u30d6\u30fc\u30e0\u306f\u30bd\u30ed\u30d7\u30ec\u30a4\u3067\u304d\u308b\u30dc\u30fc\u30c9\u30b2\u30fc\u30e0\u3067\u904a\u3076\u3053\u3068\uff01  \u3069\u3046\u3082\u3001\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u306eWeb\u5236\u4f5c\u8005\u306ei-nob(@inobcreate)\u3067\u3059\u3002   WordPress\u3067\u591a\u8a00\u8a9e\u5316&#8230;\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"arkb-boxLink__more\">\n\t\t\t\t\t\t\t\t\t\t\t<img data-opt-id=76263991  data-opt-src=\"https:\/\/assets.st-note.com\/poc-image\/manual\/note-common-images\/production\/icons\/android-chrome-192x192.png\"  decoding=\"async\" class=\"arkb-boxLink__more__favicon\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20192%20192%22%20width%3D%22192%22%20height%3D%22192%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22192%22%20height%3D%22192%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" aria-hidden=\"true\" title=\"\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"arkb-boxLink__more__text\">note\uff08\u30ce\u30fc\u30c8\uff09<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dc43a826502&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69dc43a826502\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-opt-id=1911242105  data-opt-src=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:285\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png\"  decoding=\"async\" width=\"1024\" height=\"285\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20285%22%20width%3D%221024%22%20height%3D%22285%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22285%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" class=\"wp-image-208\" title=\"\" old-srcset=\"https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1024\/h:285\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 1024w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:300\/h:84\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 300w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:768\/h:214\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 768w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:1536\/h:428\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 1536w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:2048\/h:570\/q:mauto\/f:best\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 2048w, https:\/\/mlqlfumsodzm.i.optimole.com\/cb:BxIO.26150\/w:2048\/h:570\/q:mauto\/f:best\/dpr:2\/https:\/\/nora-l.com\/wp-content\/uploads\/2023\/12\/add-html-code.png 2x\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"\u62e1\u5927\u3059\u308b\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#34362e;color:#efefe1\">HTML<\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;div class=&quot;display-item&quot;&gt;&lt;\/div&gt;\n&lt;div class=&quot;wp-block-bogo-language-switcher&quot;&gt;[bogo]&lt;\/div&gt;\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F8F8F2\">&lt;<\/span><span style=\"color: #F92672\">div<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">class<\/span><span style=\"color: #F8F8F2\">=<\/span><span style=\"color: #E6DB74\">&quot;display-item&quot;<\/span><span style=\"color: #F8F8F2\">&gt;&lt;\/<\/span><span style=\"color: #F92672\">div<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">&lt;<\/span><span style=\"color: #F92672\">div<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">class<\/span><span style=\"color: #F8F8F2\">=<\/span><span style=\"color: #E6DB74\">&quot;wp-block-bogo-language-switcher&quot;<\/span><span style=\"color: #F8F8F2\">&gt;[bogo]&lt;\/<\/span><span style=\"color: #F92672\">div<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PHP%E3%81%A7%E8%A1%A8%E7%A4%BA%E8%A6%81%E7%B4%A0%E3%82%92%E5%A4%89%E6%9B%B4\"><\/span>PHP\u3067\u8868\u793a\u8981\u7d20\u3092\u5909\u66f4<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u79c1\u304c\u884c\u3063\u305f\u3053\u3068\u306f\u4ee5\u4e0b\u306e\u3068\u304a\u308a\u3067\u3059\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8a00\u8a9e\u5207\u66ff\u30dc\u30bf\u30f3\u304b\u3089\u30d5\u30e9\u30b0\u30a2\u30a4\u30b3\u30f3\u3092\u524a\u9664<\/li>\n\n\n\n<li>\u8a00\u8a9e\u5207\u66ff\u30dc\u30bf\u30f3\u306e\u8868\u8a18\u3092\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-accent-color vk_block-margin-sm--margin-top vk_block-margin-md--margin-bottom is-style-vk_borderBox-style-solid-kado-tit-tab\"><div class=\"vk_borderBox_title_container has-background has-accent-background-color\"><i class=\"fa-regular fa-lightbulb\"><\/i><h4 class=\"vk_borderBox_title\"> \u30d5\u30e9\u30b0\u3092\u524a\u9664\u3057\u305f\u7406\u7531<\/h4><\/div><div class=\"vk_borderBox_body\">\n<p>\u30d5\u30e9\u30b0\u306f\u56fd\u3084\u5730\u57df\u3092\u8868\u3057\u3066\u3044\u308b\u3060\u3051\u3067\u3001\u305d\u306e\u5730\u57df\u5916\u3067\u540c\u3058\u8a00\u8a9e\u3092\u4f7f\u3063\u3066\u3044\u308b\u4eba\u3082\u3044\u308b\u304b\u3089\u3067\u3059\u3002<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#34362e;color:#efefe1\">PHP<\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/Hide Bogo flag\nadd_filter( 'bogo_use_flags','bogo_use_flags_false');\nfunction bogo_use_flags_false(){\n\treturn false;\n}\n\n\/\/Change language display name\nadd_filter( 'bogo_language_switcher_links', 'custom_bogo_language_title_name', 10, 2 );\nfunction custom_bogo_language_title_name( $links ) {\n  foreach ( $links as $code =&gt; $name ) {\n    if ( $name['lang'] === 'en-GB' ) {\n      $links[$code]['title'] = 'English';\n      $links[$code]['native_name'] = 'ENG';\n    } elseif ( $name['lang'] === 'ja' ) {\n      $links[$code]['title'] = '\u65e5\u672c\u8a9e';\n      $links[$code]['native_name'] = '\u65e5\u672c\u8a9e';\n    } elseif ( $name['lang'] === 'zh-HK' ) {\n      $links[$code]['title'] = '\u4e2d\u6587';\n      $links[$code]['native_name'] = '\u4e2d\u6587';\n    }\n  }\n  return $links;\n}\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88846F\">\/\/Hide Bogo flag<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">add_filter<\/span><span style=\"color: #F8F8F2\">( <\/span><span style=\"color: #E6DB74\">&#39;bogo_use_flags&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><span style=\"color: #E6DB74\">&#39;bogo_use_flags_false&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">bogo_use_flags_false<\/span><span style=\"color: #F8F8F2\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">\t<\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">false<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/Change language display name<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">add_filter<\/span><span style=\"color: #F8F8F2\">( <\/span><span style=\"color: #E6DB74\">&#39;bogo_language_switcher_links&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;custom_bogo_language_title_name&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #AE81FF\">10<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #AE81FF\">2<\/span><span style=\"color: #F8F8F2\"> );<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">custom_bogo_language_title_name<\/span><span style=\"color: #F8F8F2\">( $links ) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #F92672\">foreach<\/span><span style=\"color: #F8F8F2\"> ( $links <\/span><span style=\"color: #F92672\">as<\/span><span style=\"color: #F8F8F2\"> $code <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> $name ) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">if<\/span><span style=\"color: #F8F8F2\"> ( $name[<\/span><span style=\"color: #E6DB74\">&#39;lang&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">===<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;en-GB&#39;<\/span><span style=\"color: #F8F8F2\"> ) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;title&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;English&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;native_name&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;ENG&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    } <\/span><span style=\"color: #F92672\">elseif<\/span><span style=\"color: #F8F8F2\"> ( $name[<\/span><span style=\"color: #E6DB74\">&#39;lang&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">===<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;ja&#39;<\/span><span style=\"color: #F8F8F2\"> ) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;title&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;\u65e5\u672c\u8a9e&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;native_name&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;\u65e5\u672c\u8a9e&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    } <\/span><span style=\"color: #F92672\">elseif<\/span><span style=\"color: #F8F8F2\"> ( $name[<\/span><span style=\"color: #E6DB74\">&#39;lang&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">===<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;zh-HK&#39;<\/span><span style=\"color: #F8F8F2\"> ) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;title&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;\u4e2d\u6587&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">      $links[$code][<\/span><span style=\"color: #E6DB74\">&#39;native_name&#39;<\/span><span style=\"color: #F8F8F2\">] <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;\u4e2d\u6587&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $links;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"JavaScript%E3%81%A7%E7%A7%BB%E5%8B%95%E3%81%A8%E8%A1%A8%E7%A4%BA%E3%82%92%E5%88%B6%E5%BE%A1\"><\/span>JavaScript\u3067\u79fb\u52d5\u3068\u8868\u793a\u3092\u5236\u5fa1<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u6b21\u306b\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3057\u3066\u5207\u66ff\u3092\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u306b\u3057\u307e\u3057\u305f\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u73fe\u5728\u306e\u8a00\u8a9e\u3092\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u9805\u76ee\u3068\u3057\u3066\u8868\u793a<\/li>\n\n\n\n<li>\u7ffb\u8a33\u304c\u306a\u3044\u8a00\u8a9e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u975e\u8868\u793a<\/li>\n\n\n\n<li>\u30ea\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0\u306e\u6570\u306b\u57fa\u3065\u3044\u3066\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u306e\u9ad8\u3055\u3092\u8a08\u7b97\u3059\u308b\u30b3\u30fc\u30c9\u3092\u542b\u3081\u3001\u62e1\u5927\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u6f14\u51fa<\/li>\n\n\n\n<li>\u4ed6\u306e\u7ffb\u8a33\u304c\u5229\u7528\u53ef\u80fd\u306a\u5834\u5408\u306e\u307f\u30af\u30ea\u30c3\u30af\u30c8\u30ea\u30ac\u30fc\u3092\u8a31\u53ef<\/li>\n\n\n\n<li>\u4ed6\u306e\u7ffb\u8a33\u304c\u306a\u3044\u5834\u5408\u306b\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u306b\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3057\u3001\u5f8c\u3067\u3055\u3089\u306b\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#34362e;color:#efefe1\">JavaScript<\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/Bogo - hide li item if no translation\ndocument.addEventListener(&quot;DOMContentLoaded&quot;, function() {\n    const listItems = document.querySelectorAll('.bogo-language-switcher li');\n\n    listItems.forEach(item =&gt; {\n        if (!item.querySelector('a')) {\n            item.style.display = 'none';\n        }\n    });\n\n});\n\n\n\/\/Bogo - dynamic dropdown height\ndocument.addEventListener(&quot;DOMContentLoaded&quot;, function() {\n    \/\/ Get the ul element by class name\n    const dynamicList = document.querySelector('.bogo-language-switcher');\n\n    \/\/ Get the number of visible list items\n    const visibleListItems = dynamicList.querySelectorAll('li:not([style*=&quot;display: none&quot;])');\n    const numberOfVisibleItems = visibleListItems.length;\n\n    \/\/ Add class to display if only 1 visible item\n    if (numberOfVisibleItems === 1) {\n        const display = document.querySelector('.display-item');\n        display.classList.add('bogo-disable');\n    }\n\n    \/\/ Subtract one from the count if necessary\n    const adjustedNumberOfItems = Math.max(0, numberOfVisibleItems - 1);\n\n    \/\/ Set the value of --list-items CSS variable\n    document.documentElement.style.setProperty('--list-items', adjustedNumberOfItems);\n});\n\n\n\/\/Bogo dropdown\njQuery(function($) {\n    let selectBox = $('.wp-block-bogo-language-switcher');\n    let selectItems = $('.wp-block-bogo-language-switcher li');\n    let display = $('.display-item');\n    let displayButton = $('.display-item:not(.bogo-disable)');\n\n    const currentLang = $('.bogo-language-switcher li.current').attr('class').split(' ')[0];\n    display.addClass(currentLang); \/\/ Add current language code as a class to display-item\n\n    const firstLang = $('.bogo-language-switcher &gt; .current span').find('.current');\n    const firstLangName = firstLang.first().text();\n    display.text(firstLangName);\n    display.append('&lt;span class=&quot;arrow&quot;&gt;&lt;\/span&gt;');\n\n    let selectBoxFlag = false;\n    $(firstLang).css('background','#ccc').attr('tabindex', -1).removeAttr('href');\n    displayButton.on('click', function() {\n        if (selectBoxFlag === false) {\n            selectBoxFlag = true;\n            display.addClass('active');\n            selectBox.addClass('active');\n        } else {\n            selectBoxFlag = false;\n            display.removeClass('active');\n            selectBox.removeClass('active');\n        }\n    });\n    selectItems.on('click', function() {\n        $(this).find('a').trigger('click');\n    });\n});\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88846F\">\/\/Bogo - hide li item if no translation<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">document.<\/span><span style=\"color: #A6E22E\">addEventListener<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&quot;DOMContentLoaded&quot;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> listItems <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> document.<\/span><span style=\"color: #A6E22E\">querySelectorAll<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.bogo-language-switcher li&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    listItems.<\/span><span style=\"color: #A6E22E\">forEach<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #FD971F; font-style: italic\">item<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF; font-style: italic\">=&gt;<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #F92672\">if<\/span><span style=\"color: #F8F8F2\"> (<\/span><span style=\"color: #F92672\">!<\/span><span style=\"color: #F8F8F2\">item.<\/span><span style=\"color: #A6E22E\">querySelector<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;a&#39;<\/span><span style=\"color: #F8F8F2\">)) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            item.style.display <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;none&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    });<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">});<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/Bogo - dynamic dropdown height<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">document.<\/span><span style=\"color: #A6E22E\">addEventListener<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&quot;DOMContentLoaded&quot;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ Get the ul element by class name<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> dynamicList <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> document.<\/span><span style=\"color: #A6E22E\">querySelector<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.bogo-language-switcher&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ Get the number of visible list items<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> visibleListItems <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> dynamicList.<\/span><span style=\"color: #A6E22E\">querySelectorAll<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;li:not([style*=&quot;display: none&quot;])&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> numberOfVisibleItems <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> visibleListItems.length;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ Add class to display if only 1 visible item<\/span><\/span>\n<span class=\"line cbp-see-more-line \"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">if<\/span><span style=\"color: #F8F8F2\"> (numberOfVisibleItems <\/span><span style=\"color: #F92672\">===<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> display <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> document.<\/span><span style=\"color: #A6E22E\">querySelector<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.display-item&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        display.classList.<\/span><span style=\"color: #A6E22E\">add<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;bogo-disable&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ Subtract one from the count if necessary<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> adjustedNumberOfItems <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> Math.<\/span><span style=\"color: #A6E22E\">max<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">, numberOfVisibleItems <\/span><span style=\"color: #F92672\">-<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ Set the value of --list-items CSS variable<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    document.documentElement.style.<\/span><span style=\"color: #A6E22E\">setProperty<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;--list-items&#39;<\/span><span style=\"color: #F8F8F2\">, adjustedNumberOfItems);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">});<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/Bogo dropdown<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">jQuery<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #FD971F; font-style: italic\">$<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">let<\/span><span style=\"color: #F8F8F2\"> selectBox <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.wp-block-bogo-language-switcher&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">let<\/span><span style=\"color: #F8F8F2\"> selectItems <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.wp-block-bogo-language-switcher li&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">let<\/span><span style=\"color: #F8F8F2\"> display <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.display-item&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">let<\/span><span style=\"color: #F8F8F2\"> displayButton <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.display-item:not(.bogo-disable)&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> currentLang <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.bogo-language-switcher li.current&#39;<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">attr<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;class&#39;<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">split<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39; &#39;<\/span><span style=\"color: #F8F8F2\">)[<\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    display.<\/span><span style=\"color: #A6E22E\">addClass<\/span><span style=\"color: #F8F8F2\">(currentLang); <\/span><span style=\"color: #88846F\">\/\/ Add current language code as a class to display-item<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> firstLang <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.bogo-language-switcher &gt; .current span&#39;<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">find<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;.current&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">const<\/span><span style=\"color: #F8F8F2\"> firstLangName <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> firstLang.<\/span><span style=\"color: #A6E22E\">first<\/span><span style=\"color: #F8F8F2\">().<\/span><span style=\"color: #A6E22E\">text<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    display.<\/span><span style=\"color: #A6E22E\">text<\/span><span style=\"color: #F8F8F2\">(firstLangName);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    display.<\/span><span style=\"color: #A6E22E\">append<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;&lt;span class=&quot;arrow&quot;&gt;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #66D9EF; font-style: italic\">let<\/span><span style=\"color: #F8F8F2\"> selectBoxFlag <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">false<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(firstLang).<\/span><span style=\"color: #A6E22E\">css<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;background&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><span style=\"color: #E6DB74\">&#39;#ccc&#39;<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">attr<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;tabindex&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #F92672\">-<\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">removeAttr<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;href&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    displayButton.<\/span><span style=\"color: #A6E22E\">on<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;click&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #F92672\">if<\/span><span style=\"color: #F8F8F2\"> (selectBoxFlag <\/span><span style=\"color: #F92672\">===<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">false<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            selectBoxFlag <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">true<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            display.<\/span><span style=\"color: #A6E22E\">addClass<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;active&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            selectBox.<\/span><span style=\"color: #A6E22E\">addClass<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;active&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        } <\/span><span style=\"color: #F92672\">else<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            selectBoxFlag <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">false<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            display.<\/span><span style=\"color: #A6E22E\">removeClass<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;active&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            selectBox.<\/span><span style=\"color: #A6E22E\">removeClass<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;active&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    });<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    selectItems.<\/span><span style=\"color: #A6E22E\">on<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;click&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #A6E22E\">$<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #FD971F\">this<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">find<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;a&#39;<\/span><span style=\"color: #F8F8F2\">).<\/span><span style=\"color: #A6E22E\">trigger<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;click&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    });<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">});<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CSS%E3%81%A7%E5%A4%96%E8%A6%B3%E3%82%92%E6%95%B4%E3%81%88%E3%82%8B\"><\/span>CSS\u3067\u5916\u89b3\u3092\u6574\u3048\u308b<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3067\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u306e\u898b\u305f\u76ee\u3092\u6574\u3048\u307e\u3057\u305f\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8a00\u8a9e\u5207\u66ff\u30c6\u30ad\u30b9\u30c8\u3092\u5de6\u63c3\u3048<\/li>\n\n\n\n<li>\u30db\u30d0\u30fc\u6642\u306e\u30c6\u30ad\u30b9\u30c8\u3068\u80cc\u666f\u8272\u3092\u5909\u66f4<\/li>\n\n\n\n<li>\u4ed6\u306e\u7ffb\u8a33\u304c\u5229\u7528\u3067\u304d\u306a\u3044\u5834\u5408\u306e\u30c6\u30ad\u30b9\u30c8\u8272\u3092\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(3 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#34362e;color:#efefe1\">CSS<\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/* Dropdown *\/\n.bogo-dropdown {\n  gap: 0;\n  align-items: flex-start;\n  height: 44px;\n}\n\n\/* Language Switcher *\/\n.bogo-language-switcher {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #CACACA;\n  border-top: 0;\n  border-radius: 0 0 4px 4px;\n  position: absolute;\n  margin: 0;\n  padding: 0;\n  width: 96px;\n  box-sizing: border-box;\n}\n\n.bogo-language-switcher li {\n  cursor: default;\n  box-sizing: border-box;\n  padding: 4px 8px!important;\n  text-align: left;\n}\n\n.bogo-language-switcher li a {\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.active .bogo-language-switcher li:hover {\n  background: var(--wp--preset--color--contrast);\n}\n\n.active .bogo-language-switcher li:hover a {\n  color: var(--wp--preset--color--accent);\n}\n\n.bogo-language-switcher .ja {\n  order: 1;\n}\n\n.bogo-language-switcher .en-GB {\n  order: 2;\n}\n\n\/* Display Item *\/\n.display-item {\n  transition: 0.15s ease;\n  width: 96px;\n  border: 1px solid #CACACA;\n  border-radius: 4px;\n  padding: 8px;\n  text-align: left;\n  border-radius: 4px 4px 0 0;\n  border-bottom: 1px solid #FDFFFA;\n  padding-bottom: 0;\n  font-weight: 600;\n}\n\n.bogo-language-name a {\n  display: block;\n  width: 100%;\n  color: #333;\n}\n\n\/* Arrow *\/\n.arrow {\n  width: 13px;\n  height: 13px;\n  display: inline-block;\n  position: relative;\n  bottom: -8px;\n  left: -10px;\n  transition: 0.4s ease;\n  margin-top: 2px;\n  text-align: left;\n  transform: rotate(45deg);\n  float: right;\n}\n\n.arrow:before,\n.arrow:after {\n  position: absolute;\n  content: '';\n  display: inline-block;\n  width: 12px;\n  height: 3px;\n  background-color: var(--wp--preset--color--contrast);\n  transition: 0.4s ease;\n}\n\n.arrow:after {\n  transform: rotate(90deg);\n  top: -5px;\n  left: 5px;\n}\n\n\/* Active Arrow *\/\n.display-item.active .arrow {\n  transform: rotate(45deg) translate(-5px, -5px);\n}\n\n.display-item.active .arrow:before {\n  transform: translate(10px, 0);\n}\n\n.display-item.active .arrow:after {\n  transform: rotate(90deg) translate(10px, 0);\n}\n\n\/* Active List *\/\n.display-item.active ul {\n  opacity: 0.3;\n  height: 108px;\n}\n\n\/* Language Switcher Animation *\/\n.wp-block-bogo-language-switcher .bogo-language-switcher {\n  height: 0;\n  overflow: hidden;\n  padding-bottom: 4px;\n  transition: 0.4s ease;\n}\n\n\/* CSS Variable for Height *\/\n:root {\n  --item-height: 34px;\n}\n\n.wp-block-bogo-language-switcher.active .bogo-language-switcher {\n  height: calc(var(--item-height) * var(--list-items));\n  overflow: auto;\n  padding-bottom: 0;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n\/* Disabled Styles *\/\n.bogo-disable {\n  color: var(--wp--preset--color--accent-5);\n}\n\n.bogo-disable .arrow:before,\n.bogo-disable .arrow:after {\n  background-color: var(--wp--preset--color--accent-5);\n}\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #88846F\">\/* Dropdown *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-dropdown<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">gap<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">align-items<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">flex-start<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">44<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Language Switcher *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">display<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">flex<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">flex-direction<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">column<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">solid<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">#CACACA<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border-top<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border-radius<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">position<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">absolute<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">margin<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">96<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">box-sizing<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">border-box<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">li<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">cursor<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">default<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line cbp-see-more-line \"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">box-sizing<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">border-box<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">8<\/span><span style=\"color: #F92672\">px!important<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">text-align<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">left<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">li<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">a<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">text-decoration<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">none<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">font-weight<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">600<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">li<\/span><span style=\"color: #A6E22E\">:hover<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">background<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--wp--preset--color--contrast);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">li<\/span><span style=\"color: #A6E22E\">:hover<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">a<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">color<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--wp--preset--color--accent);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.ja<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">order<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.en-GB<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">order<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">2<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Display Item *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.display-item<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transition<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0.15<\/span><span style=\"color: #F92672\">s<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">ease<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">96<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">solid<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">#CACACA<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border-radius<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">8<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">text-align<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">left<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border-radius<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">border-bottom<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">1<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">solid<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">#FDFFFA<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding-bottom<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">font-weight<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">600<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-language-name<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">a<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">display<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">block<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">100<\/span><span style=\"color: #F92672\">%<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">color<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">#333<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Arrow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.arrow<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">13<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">13<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">display<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">inline-block<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">position<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">relative<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">bottom<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">-8<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">left<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">-10<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transition<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0.4<\/span><span style=\"color: #F92672\">s<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">ease<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">margin-top<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">2<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">text-align<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">left<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transform<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">rotate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">45<\/span><span style=\"color: #F92672\">deg<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">float<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">right<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.arrow:before<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.arrow:after<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">position<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">absolute<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">content<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #E6DB74\">&#39;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">display<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">inline-block<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">12<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">3<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">background-color<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--wp--preset--color--contrast);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transition<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0.4<\/span><span style=\"color: #F92672\">s<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">ease<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.arrow:after<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transform<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">rotate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">90<\/span><span style=\"color: #F92672\">deg<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">top<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">-5<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">left<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">5<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Active Arrow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.display-item.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.arrow<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transform<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">rotate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">45<\/span><span style=\"color: #F92672\">deg<\/span><span style=\"color: #F8F8F2\">) <\/span><span style=\"color: #66D9EF\">translate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">-5<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #AE81FF\">-5<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.display-item.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.arrow:before<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transform<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">translate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">10<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.display-item.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.arrow:after<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transform<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">rotate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">90<\/span><span style=\"color: #F92672\">deg<\/span><span style=\"color: #F8F8F2\">) <\/span><span style=\"color: #66D9EF\">translate<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #AE81FF\">10<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Active List *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.display-item.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">ul<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">opacity<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0.3<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">108<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Language Switcher Animation *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.wp-block-bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">overflow<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">hidden<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding-bottom<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">4<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">transition<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0.4<\/span><span style=\"color: #F92672\">s<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">ease<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* CSS Variable for Height *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">:root<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  --item-height: <\/span><span style=\"color: #AE81FF\">34<\/span><span style=\"color: #F92672\">px<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.wp-block-bogo-language-switcher.active<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.bogo-language-switcher<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">height<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">calc<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--item-height) <\/span><span style=\"color: #F92672\">*<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--list-items));<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">overflow<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">auto<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">padding-bottom<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #AE81FF\">0<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">-ms-overflow-style<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">none<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">scrollbar-width<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">none<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/* Disabled Styles *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-disable<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">color<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--wp--preset--color--accent-5);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-disable<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.arrow:before<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">.bogo-disable<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">.arrow:after<\/span><span style=\"color: #F8F8F2\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">  <\/span><span style=\"color: #66D9EF; font-style: italic\">background-color<\/span><span style=\"color: #F8F8F2\">: <\/span><span style=\"color: #66D9EF\">var<\/span><span style=\"color: #F8F8F2\">(--wp--preset--color--accent-5);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%94%B9%E5%96%84%E3%81%AE%E4%BD%99%E5%9C%B0%E3%81%AF%EF%BC%9F\"><\/span>\u6539\u5584\u306e\u4f59\u5730\u306f\uff1f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u3053\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u8868\u793a\u306f\u30da\u30fc\u30b8\u306e\u8a00\u8a9e\u306e\u307f\u793a\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u7570\u306a\u308b\u8a00\u8a9e\u3092\u8a71\u3059\u30e6\u30fc\u30b6\u30fc\u304c\u305d\u308c\u304c\u8a00\u8a9e\u5207\u66ff\u306e\u3053\u3068\u3092\u7406\u89e3\u3067\u304d\u308b\u304b\u3069\u3046\u304b\u3001\u7279\u306b\u5f7c\u3089\u304c\u99b4\u67d3\u307f\u306e\u306a\u3044\u8a00\u8a9e\u306e\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u5834\u5408\u306b\u3064\u3044\u3066\u8003\u3048\u3066\u3044\u307e\u3059\u3002\u30e6\u30fc\u30b6\u30fc\u30c6\u30b9\u30c8\u3092\u5b9f\u65bd\u3057\u3066\u78ba\u8a8d\u3059\u308b\u3053\u3068\u3092\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u6295\u7a3f\u304c\u4e00\u3064\u306e\u8a00\u8a9e\u306e\u307f\u3067\u5229\u7528\u53ef\u80fd\u306a\u5834\u5408\u306b\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8a00\u8a9e\u5207\u66ff\u3092\u30af\u30ea\u30c3\u30af\u3057\u3088\u3046\u3068\u3057\u305f\u3068\u304d\u306b\u8b66\u544a\u3092\u51fa\u3059\u3079\u304d\u304b\u3069\u3046\u304b\u3082\u691c\u8a0e\u3057\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u5f7c\u3089\u304c\u6df7\u4e71\u3059\u308b\u3088\u3046\u3067\u3042\u308c\u3070\u3001\u305d\u306e\u30b7\u30ca\u30ea\u30aa\u306b\u5bfe\u3057\u3066\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u306b\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u305d\u308c\u3067\u306f\u3001\u79c1\u304c\u6700\u8fd1\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u591a\u8a00\u8a9e\u5bfe\u5fdc\u306e\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066\u304a\u8a71\u3057\u3057\u307e\u3057\u3087\u3046\u3002Bogo\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002\u305d\u306e\u8a2d\u5b9a\u65b9\u6cd5\u3068\u3001\u79c1\u306e\u30b5\u30a4\u30c8\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002 Bog [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":769,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"ja","_original_post":"https:\/\/nora-l.com\/?p=172","footnotes":""},"categories":[18],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-site-building","ja"],"_links":{"self":[{"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":12,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":786,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/posts\/239\/revisions\/786"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/media\/769"}],"wp:attachment":[{"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nora-l.com\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}