{"id":140,"date":"2023-04-19T05:18:45","date_gmt":"2023-04-18T20:18:45","guid":{"rendered":"https:\/\/vektor-inc.co.jp\/en\/?page_id=140"},"modified":"2025-02-27T15:08:01","modified_gmt":"2025-02-27T06:08:01","slug":"vk-dynamic-if-block","status":"publish","type":"page","link":"https:\/\/vektor-inc.co.jp\/en\/plugins\/vk-dynamic-if-block\/","title":{"rendered":"VK Dynamic If Block"},"content":{"rendered":"\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<figure class=\"wp-block-image aligncenter size-full is-style-vk-image-border vk_block-margin-md--margin-bottom\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"497\" src=\"https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/banner-1544x500-1-1536x497-1.png\" alt=\"VK Dynamic If Block\" class=\"wp-image-142\" srcset=\"https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/banner-1544x500-1-1536x497-1.png 1536w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/banner-1544x500-1-1536x497-1-300x97.png 300w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/banner-1544x500-1-1536x497-1-1024x331.png 1024w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/banner-1544x500-1-1536x497-1-768x249.png 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\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<p>Mainly in the creation and customization of themes, it was common to switch display elements for each page using PHP&#8217;s If syntax in classic themes. However, block themes consisting of HTML files cannot use PHP functions such as is_front_page() and is_single().<\/p>\n\n\n\n<p>As a result, for example, even if only the sidebar is different, multiple templates are required, and when making corrections, it is necessary to adjust the number of templates.<\/p>\n\n\n\n<p>However, this <span class=\"vk-format--1\">VK Dynamic If Block can easily realize conditional branching like PHP&#8217;s If syntax with no code<\/span>.<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-vk-image-border\"><a href=\"https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor-1024x576.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor-1024x576.png 1024w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor-300x169.png 300w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor-768x432.png 768w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor-1536x864.png 1536w, https:\/\/vektor-inc.co.jp\/en\/wp-content\/uploads\/2023\/04\/dynamic-if-site-editor.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\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<div class=\"wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-tab\"><div class=\"vk_borderBox_title_container\"><i class=\"\"><\/i><h4 class=\"vk_borderBox_title\">Display condition specification example<\/h4><\/div><div class=\"vk_borderBox_body\">\n<ul class=\"wp-block-list is-style-vk-triangle-mark\">\n<li>Display only on the home page ( is_front_page() )<\/li>\n\n\n\n<li>Displayed only on pages ( is_page() )<\/li>\n\n\n\n<li>Display only on pages with the specified post type<\/li>\n\n\n\n<li>Displayed only on individual pages of the specified post type ( is_single() )<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading is-style-vk-heading-both_ends\" id=\"vk-htags-1a1b4419-18ce-4177-a364-f5250e045534\"><span class=\"vk-heading__text-wrapper\">FAQ<\/span><\/h2>\n\n\n\n<div class=\"wp-block-vk-blocks-faq2 vk_faq  \"><div class=\"vk_faq-header\"><\/div><dl class=\"vk_faq-body\">\n<dt class=\"wp-block-vk-blocks-faq2-q vk_faq_title\" aria-label=\"Question\">\n<p>Is there any compatibility or compatibility with other developer&#8217;s WordPress themes?<\/p>\n<\/dt>\n\n\n\n<dd class=\"wp-block-vk-blocks-faq2-a vk_faq_content\" aria-label=\"Answer\">\n<p>There are no design elements, so basically any theme works without problems.<\/p>\n<\/dd>\n<\/dl><div class=\"vk_faq-footer\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-faq2 vk_faq  \"><div class=\"vk_faq-header\"><\/div><dl class=\"vk_faq-body\">\n<dt class=\"wp-block-vk-blocks-faq2-q vk_faq_title\" aria-label=\"Question\">\n<p>Can I use multiple conditions?<\/p>\n<\/dt>\n\n\n\n<dd class=\"wp-block-vk-blocks-faq2-a vk_faq_content\" aria-label=\"Answer\">\n<p>You cannot specify too many conditions.<br>However, by nesting Dynamic If Blocks, various conditional branching can be handled.<\/p>\n<\/dd>\n<\/dl><div class=\"vk_faq-footer\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading is-style-vk-heading-both_ends\" id=\"vk-htags-1a1b4419-18ce-4177-a364-f5250e045534\"><span class=\"vk-heading__text-wrapper\">Download<\/span><\/h2>\n\n\n\n<p>VK Dynamic If Block is a <span class=\"vk-format--1\">registered plugin on WordPress.org<\/span>. You can install it from your WordPress dashboard.<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-button-outer vk_buttons\"><div class=\"vk_buttons_col vk_buttons_col-justify-left\">\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-width-mobile-100 vk_button-width-tablet-50 vk_button-width-50\"><a href=\"https:\/\/wordpress.org\/plugins\/vk-dynamic-if-block\/\" class=\"vk_button_link btn has-background has-vk-color-primary-background-color btn-md\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><i class=\"fab fa-wordpress vk_button_link_before\" aria-hidden=\"true\"><\/i><span class=\"vk_button_link_txt\">WordPress.org<\/span><i class=\"fas fa-external-link-alt vk_button_link_after\" aria-hidden=\"true\"><\/i><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-width-mobile-100 vk_button-width-tablet-50 vk_button-width-50 is-style-undefined\"><a href=\"https:\/\/github.com\/vektor-inc\/vk-dynamic-if-block\" class=\"vk_button_link btn has-text-color is-style-outline has-vk-color-primary-color btn-md btn-block\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><i class=\"fab fa-github vk_button_link_before\" aria-hidden=\"true\"><\/i><span class=\"vk_button_link_txt\">GitHub<\/span><i class=\"fas fa-external-link-alt vk_button_link_after\" aria-hidden=\"true\"><\/i><\/div><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mainly in the creation and customization of themes, it was common to switch display elements for each page using PHP&#8217;s If syntax in classic themes. However, block themes consisting of HTML files cannot use PHP functions such as is_front_page() and is_single(). As a result, for example, even if only the sidebar is different, multiple templates [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":898,"parent":72,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"page-lp","meta":{"footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"class_list":["post-140","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":14,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":899,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/pages\/140\/revisions\/899"}],"up":[{"embeddable":true,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/pages\/72"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/media\/898"}],"wp:attachment":[{"href":"https:\/\/vektor-inc.co.jp\/en\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}