{"id":5414,"date":"2021-11-25T12:31:55","date_gmt":"2021-11-25T03:31:55","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=5414"},"modified":"2021-11-25T12:32:08","modified_gmt":"2021-11-25T03:32:08","slug":"blog-layout-setting","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/","title":{"rendered":"[OceanWP Explanation] Blog page layout settings"},"content":{"rendered":"<p>We will explain how to set up the layout for the blog list page and blog detail page in the free WordPress theme OceanWP.<\/p>\n\n\n\n<p><\/p>\n\n\n\n\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/howto-oceanwp-setting\/\" title=\"OceanWP Theme Explanation Table of Contents\">\r\n\t<p class=\"sc-txt01\">Our site is designed using the OceanWP theme and Brizy plugin.<\/p>\r\n\t<p class=\"sc-txt01\">I have created an explanatory article on how to set it up as a reminder, so please feel free to use it as a reference!<\/p>\r\n\t<p class=\"sc-txt02\">OceanWP Explanation Index \u2192<\/p>\r\n<\/a><\/div>\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\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/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:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%96%e3%83%ad%e3%82%b0%e8%a8%ad%e5%ae%9a\" >Blog Settings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%96%e3%83%ad%e3%82%b0%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88\" >Blog Post List<\/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:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e9%81%b8%e6%8a%9e\" >Layout Selection<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%bf%e3%82%b0\" >Heading tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f\" >Featured Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88\" >Layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e8%89%b2\" >color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e6%8a%9c%e7%b2%8b%e3%81%ae%e9%95%b7%e3%81%95\" >Excerpt length<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e9%80%81%e3%82%8a\" >Blog page forwarding<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e5%80%8b%e5%88%a5%e6%8a%95%e7%a8%bf\" >Individual Posts<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e9%81%b8%e6%8a%9e-2\" >Layout Selection<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%bf%e3%82%b0-2\" >Heading tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab\" >page title<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f-2\" >Featured Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e5%b9%85\" >Content Width<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e8%87%aa%e5%8b%95%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e8%a6%81%e7%b4%a0%e3%81%ae%e4%bd%8d%e7%bd%ae%e3%83%bb%e8%a1%a8%e7%a4%ba%e8%a8%ad%e5%ae%9a\" >Position and display settings for automatically displayed elements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e3%83%a1%e3%82%bf%e6%83%85%e5%a0%b1\" >Meta<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e5%89%8d%e5%be%8c%e6%8a%95%e7%a8%bf%e3%81%ae%e3%82%bf%e3%82%af%e3%82%bd%e3%83%8e%e3%83%9f%e3%83%bc\" >Taxonomy of previous and next posts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e6%8a%95%e7%a8%bf%e6%95%b0\" >Number of related articles posted<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%82%bf%e3%82%af%e3%82%bd%e3%83%8e%e3%83%9f%e3%83%bc\" >Related ArticlesTaxonomy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/oceanwp\/blog-layout-setting\/#%e9%96%a2%e9%80%a3%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba\" >Related image size<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%96%e3%83%ad%e3%82%b0%e8%a8%ad%e5%ae%9a\"><\/span>Blog Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>WordPress Dashboard [Appearance] &gt; [Customize] &gt; [Blog]<\/p>\n\n\n\n<p>and set it up.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"462\" height=\"762\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-120.png\" alt=\"\" class=\"wp-image-5415\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-120.png 462w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-120-182x300.png 182w\" sizes=\"(max-width: 462px) 100vw, 462px\" \/><\/figure>\n\n\n\n<p>This item allows you to set<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Blog listing page layout<\/li><li>Blog post detail page layout<\/li><\/ul>\n\n\n\n<p>There are two types.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%96%e3%83%ad%e3%82%b0%e6%8a%95%e7%a8%bf%e3%83%aa%e3%82%b9%e3%83%88\"><\/span>Blog Post List<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>First, we will explain how to set up the [Blog Post List].<\/p>\n\n\n\n<p>A blog post list is a page that displays a list of blog articles. It also includes archive pages such as category lists and tag lists.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e9%81%b8%e6%8a%9e\"><\/span>Layout Selection<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can choose from five patterns: right sidebar\/left sidebar\/box layout\/full wide layout\/both sidebar layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"387\" height=\"518\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-121.png\" alt=\"\" class=\"wp-image-5416\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-121.png 387w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-121-224x300.png 224w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%bf%e3%82%b0\"><\/span>Heading tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the title tag.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"382\" height=\"325\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-133.png\" alt=\"\" class=\"wp-image-5430\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-133.png 382w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-133-300x255.png 300w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f\"><\/span>Featured Image<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set an overlay (color) to appear when the mouse hovers over the eye-catching image.<\/p>\n\n\n\n<p>It&#039;s a little hard to see, but when you hover your mouse over the eye-catching image, a faint black color will be cast on top.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"931\" height=\"783\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-137.png\" alt=\"\" class=\"wp-image-5434\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-137.png 931w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-137-300x252.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-137-768x646.png 768w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88\"><\/span>Layout<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can choose the layout in blog style.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Large Images - Change image size, auto display element visibility, and order<\/li><li>Grid - Change the number of grids, image size, visibility of auto-display elements, and order<\/li><li>Thumbnail - Change image position and size<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122-1024x440.png\" alt=\"\" class=\"wp-image-5417\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122-1024x440.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122-300x129.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122-768x330.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122-1536x661.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-122.png 1897w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%89%b2\"><\/span>color<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the category color\/category hover color\/comment color\/comment hover color\/date color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"390\" height=\"502\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-136.png\" alt=\"\" class=\"wp-image-5433\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-136.png 390w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-136-233x300.png 233w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%8a%9c%e7%b2%8b%e3%81%ae%e9%95%b7%e3%81%95\"><\/span>Excerpt length<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can specify the length of the excerpt in characters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"363\" height=\"141\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-135.png\" alt=\"\" class=\"wp-image-5432\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-135.png 363w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-135-300x117.png 300w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e9%80%81%e3%82%8a\"><\/span>Blog page forwarding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can choose from three page scrolling layouts: standard, infinite scroll, and next\/previous.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"366\" height=\"185\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-134.png\" alt=\"\" class=\"wp-image-5431\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-134.png 366w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-134-300x152.png 300w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%80%8b%e5%88%a5%e6%8a%95%e7%a8%bf\"><\/span>Individual Posts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e9%81%b8%e6%8a%9e-2\"><\/span>Layout Selection<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can choose the layout for individual posts just like you can for blog post lists.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"415\" height=\"593\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-117.png\" alt=\"\" class=\"wp-image-5405\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-117.png 415w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-117-210x300.png 210w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%a6%8b%e5%87%ba%e3%81%97%e3%82%bf%e3%82%b0-2\"><\/span>Heading tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the title tag.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"382\" height=\"325\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-132.png\" alt=\"\" class=\"wp-image-5429\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-132.png 382w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-132-300x255.png 300w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab\"><\/span>page title<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can choose to make the page tile your blog or your blog title.<\/p>\n\n\n\n<p>This is the setting for what will be output in the area marked in red. The text &quot;Blog&quot; cannot be changed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-131-1024x450.png\" alt=\"\" class=\"wp-image-5428\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-131-1024x450.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-131-300x132.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-131-768x337.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-131.png 1075w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f-2\"><\/span>Featured Image<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can also set an eye-catching image as the page title background.<\/p>\n\n\n\n<p>If you turn this setting on, you will be able to set an image as the title background, increasing the number of customization options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130-1024x492.png\" alt=\"\" class=\"wp-image-5427\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130-1024x492.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130-300x144.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130-768x369.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130-1536x738.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-130.png 1897w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e5%b9%85\"><\/span>Content Width<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the width of the main content in px.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"366\" height=\"192\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-129.png\" alt=\"\" class=\"wp-image-5426\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-129.png 366w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-129-300x157.png 300w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%87%aa%e5%8b%95%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e8%a6%81%e7%b4%a0%e3%81%ae%e4%bd%8d%e7%bd%ae%e3%83%bb%e8%a1%a8%e7%a4%ba%e8%a8%ad%e5%ae%9a\"><\/span>Position and display settings for automatically displayed elements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The items in the screenshot below will be automatically output, so you can change the display\/hide settings and order.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"392\" height=\"607\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png\" alt=\"\" class=\"wp-image-5418\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png 392w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123-194x300.png 194w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%a1%e3%82%bf%e6%83%85%e5%a0%b1\"><\/span>Meta<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Meta information can also be displayed, hidden, and rearranged.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"387\" height=\"435\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-124.png\" alt=\"\" class=\"wp-image-5419\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-124.png 387w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-124-267x300.png 267w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%89%8d%e5%be%8c%e6%8a%95%e7%a8%bf%e3%81%ae%e3%82%bf%e3%82%af%e3%82%bd%e3%83%8e%e3%83%9f%e3%83%bc\"><\/span>Taxonomy of previous and next posts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is the setting for the article that will be the link destination for the previous or next article when displaying the previous or next article.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Category - Previous and next articles in the same category<\/li><li>Tags - Previous and next articles with the same tag<\/li><li>Date - Previous and next articles by date<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"380\" height=\"128\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-128.png\" alt=\"\" class=\"wp-image-5425\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-128.png 380w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-128-300x101.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e6%8a%95%e7%a8%bf%e6%95%b0\"><\/span>Number of related articles posted<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the number of posts and columns for related articles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"376\" height=\"203\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-127.png\" alt=\"\" class=\"wp-image-5424\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-127.png 376w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-127-300x162.png 300w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%82%bf%e3%82%af%e3%82%bd%e3%83%8e%e3%83%9f%e3%83%bc\"><\/span>Related ArticlesTaxonomy<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is the setting for what criteria to use to display related articles. You can choose either Category or Tag.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"363\" height=\"123\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-126.png\" alt=\"\" class=\"wp-image-5423\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-126.png 363w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-126-300x102.png 300w\" sizes=\"(max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e9%96%a2%e9%80%a3%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba\"><\/span>Related image size<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can set the size of the featured image that will be displayed in the related articles section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"368\" height=\"202\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-125.png\" alt=\"\" class=\"wp-image-5422\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-125.png 368w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-125-300x165.png 300w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/><\/figure>\n\n\n\n\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/howto-oceanwp-setting\/\" title=\"OceanWP Theme Explanation Table of Contents\">\r\n\t<p class=\"sc-txt01\">Our site is designed using the OceanWP theme and Brizy plugin.<\/p>\r\n\t<p class=\"sc-txt01\">I have created an explanatory article on how to set it up as a reminder, so please feel free to use it as a reference!<\/p>\r\n\t<p class=\"sc-txt02\">OceanWP Explanation Index \u2192<\/p>\r\n<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress\u7121\u6599\u30c6\u30fc\u30deOceanWP\u3067\u306e\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3001\u30d6\u30ed\u30b0\u8a73\u7d30\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002 \u30d6\u30ed\u30b0\u8a2d\u5b9a WordPress\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3010\u5916\u89b3\u3011\uff1e\u3010\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3011\uff1e\u3010\u30d6\u30ed\u30b0\u3011 \u3067\u8a2d\u5b9a\u3092\u3057\u307e\u3059\u3002 \u3053\u306e\u9805 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5418,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1486],"tags":[1487,280],"class_list":["post-5414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oceanwp","tag-oceanwp","tag-280"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",392,607,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123-194x300.png",194,300,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",392,607,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",392,607,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",392,607,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",392,607,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/11\/image-123.png",8,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"WordPress\u7121\u6599\u30c6\u30fc\u30deOceanWP\u3067\u306e\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3001\u30d6\u30ed\u30b0\u8a73\u7d30\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/5414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=5414"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/5414\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/5418"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=5414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=5414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=5414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}