ここに左カラムに表示させたい任意のテキストや画像タグを入力します
ここに右カラムに表示させたい任意のテキストや画像タグを入力します<header id=”js-header” class=”l-header”>
<div class=”l-header-inner”>
<div class=”p-header-top”>
<h1 class=”p-header-logo”><a class=”c-logo” href=”https://test-webpage.com/”>テスト用HP</a></h1> <div class=”header_right_contents”>
<div class=”p-header-cta__tel”>
<a class=”p-header_tel_number” href=”tel:00-0000-0000″>
<div class=”tel_number_icon”>
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 100 100″><path d=”M94.1667 100C82.5926 100 71.1574 97.4769 59.8611 92.4306C48.5648 87.3843 38.287 80.2315 29.0278 70.9722C19.7685 61.713 12.6157 51.4352 7.56944 40.1389C2.52315 28.8426 0 17.4074 0 5.83333C0 4.16667 0.555556 2.77778 1.66667 1.66667C2.77778 0.555556 4.16667 0 5.83333 0H28.3333C29.6296 0 30.787 0.439815 31.8056 1.31944C32.8241 2.19907 33.4259 3.24074 33.6111 4.44444L37.2222 23.8889C37.4074 25.3704 37.3611 26.6204 37.0833 27.6389C36.8056 28.6574 36.2963 29.537 35.5556 30.2778L22.0833 43.8889C23.9352 47.3148 26.1343 50.625 28.6806 53.8194C31.2269 57.0139 34.0278 60.0926 37.0833 63.0556C39.9537 65.9259 42.963 68.588 46.1111 71.0417C49.2593 73.4954 52.5926 75.7407 56.1111 77.7778L69.1667 64.7222C70 63.8889 71.088 63.2639 72.4306 62.8472C73.7732 62.4306 75.0926 62.3148 76.3889 62.5L95.5556 66.3889C96.8519 66.7593 97.9167 67.4306 98.75 68.4028C99.5833 69.375 100 70.463 100 71.6667V94.1667C100 95.8333 99.4444 97.2222 98.3333 98.3333C97.2222 99.4444 95.8333 100 94.1667 100Z”></path></svg> </div>
00-0000-0000 </a>
<p class=”p-header-cta__tel-info”>
受付時間：月〜金 10:00〜18:00 </p>
</div>
<div class=”p-header-cta__button”>
<a class=”p-header-button_item p-header-button_color” style=”background-color: #00698c;” onmouseover=”this.style.backgroundColor=’#1a7898′;” onmouseout=”this.style.backgroundColor=’#00698c’;”>
<div class=”header-button_item__icon”><svg viewBox=”0 0 100 100″ xmlns=”http://www.w3.org/2000/svg”><path d=”M23.6842 64.2105H76.3158C77.436 64.2105 78.3737 63.8325 79.129 63.0763C79.8851 62.3211 80.2632 61.3833 80.2632 60.2632C80.2632 59.143 79.8851 58.2053 79.129 57.45C78.3737 56.6939 77.436 56.3158 76.3158 56.3158H23.6842C22.564 56.3158 21.6263 56.6939 20.8711 57.45C20.1149 58.2053 19.7368 59.143 19.7368 60.2632C19.7368 61.3833 20.1149 62.3211 20.8711 63.0763C21.6263 63.8325 22.564 64.2105 23.6842 64.2105ZM23.6842 48.4211H76.3158C77.436 48.4211 78.3737 48.043 79.129 47.2868C79.8851 46.5316 80.2632 45.5939 80.2632 44.4737C80.2632 43.3535 79.8851 42.4158 79.129 41.6605C78.3737 40.9044 77.436 40.5263 76.3158 40.5263H23.6842C22.564 40.5263 21.6263 40.9044 20.8711 41.6605C20.1149 42.4158 19.7368 43.3535 19.7368 44.4737C19.7368 45.5939 20.1149 46.5316 20.8711 47.2868C21.6263 48.043 22.564 48.4211 23.6842 48.4211ZM23.6842 32.6316H76.3158C77.436 32.6316 78.3737 32.2535 79.129 31.4974C79.8851 30.7421 80.2632 29.8044 80.2632 28.6842C80.2632 27.564 79.8851 26.6263 79.129 25.8711C78.3737 25.1149 77.436 24.7368 76.3158 24.7368H23.6842C22.564 24.7368 21.6263 25.1149 20.8711 25.8711C20.1149 26.6263 19.7368 27.564 19.7368 28.6842C19.7368 29.8044 20.1149 30.7421 20.8711 31.4974C21.6263 32.2535 22.564 32.6316 23.6842 32.6316ZM9.51447 83.9474C6.8557 83.9474 4.60526 83.0263 2.76316 81.1842C0.921053 79.3421 0 77.0917 0 74.4329V14.5145C0 11.8557 0.921053 9.60526 2.76316 7.76316C4.60526 5.92105 6.8557 5 9.51447 5H90.4855C93.1443 5 95.3947 5.92105 97.2368 7.76316C99.079 9.60526 100 11.8557 100 14.5145V91.0724C100 93.2048 99.0268 94.6811 97.0803 95.5013C95.1329 96.3206 93.4105 95.9811 91.9132 94.4829L81.3763 83.9474H9.51447ZM84.7368 76.0526L92.1053 83.3408V14.5145C92.1053 14.1092 91.9364 13.7382 91.5987 13.4013C91.2618 13.0636 90.8908 12.8947 90.4855 12.8947H9.51447C9.10921 12.8947 8.73816 13.0636 8.40132 13.4013C8.0636 13.7382 7.89474 14.1092 7.89474 14.5145V74.4329C7.89474 74.8382 8.0636 75.2092 8.40132 75.5461C8.73816 75.8838 9.10921 76.0526 9.51447 76.0526H84.7368Z”></path></svg></div>
<p class=”header-button_item__label”>無料相談</p>
</a>
<a class=”p-header-button_item p-header-button_color” style=”background-color: rgb(0, 133, 178);” onmouseover=”this.style.backgroundColor=’#1a91ba’;” onmouseout=”this.style.backgroundColor=’#0085b2′;”>
<div class=”header-button_item__icon”><svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 22 18″><path d=”M3 2C2.44772 2 2 2.44772 2 3V15C2 15.5523 2.44772 16 3 16H19C19.5523 16 20 15.5523 20 15V3C20 2.44772 19.5523 2 19 2H3ZM0 3C0 1.34315 1.34315 0 3 0H19C20.6569 0 22 1.34315 22 3V15C22 16.6569 20.6569 18 19 18H3C1.34315 18 0 16.6569 0 15V3Z”></path><path d=”M0.155991 3.46368C0.452196 2.99754 1.07019 2.85979 1.53633 3.15599L10.5032 8.85398C10.6522 8.9468 10.8244 8.99602 11 8.99602C11.1756 8.99602 11.3478 8.9468 11.4968 8.85398C11.4976 8.85352 11.4983 8.85305 11.4991 8.85259L20.4637 3.15599C20.9298 2.85979 21.5478 2.99754 21.844 3.46368C22.1402 3.92981 22.0025 4.54781 21.5363 4.84401L12.5609 10.5474C12.0931 10.8406 11.5521 10.996 11 10.996C10.4479 10.996 9.90694 10.8406 9.43907 10.5474L9.43366 10.544L0.463673 4.84401C-0.00246042 4.54781 -0.140215 3.92981 0.155991 3.46368Z”></path></svg></div>
<p class=”header-button_item__label”>お問い合わせ</p>
</a>
</div>
</div>
<button id=”js-drawer-open” type=”button” class=”p-header-nav-sp” aria-label=”メニューを開く”>
<svg xmlns=”http://www.w3.org/2000/svg” width=”1em” height=”1em” viewBox=”0 0 24 24″ fill=”none” stroke=”currentColor” stroke-width=”1.25″ stroke-linecap=”round” stroke-linejoin=”round” class=”lucide lucide-menu”><line x1=”4″ x2=”20″ y1=”12″ y2=”12″></line><line x1=”4″ x2=”20″ y1=”6″ y2=”6″></line><line x1=”4″ x2=”20″ y1=”18″ y2=”18″></line></svg>
</button>
</div>
</div>
<div class=”p-header-bottom_nav_contents”>
<nav class=”p-header-nav”>
<ul id=”js-global-nav” class=”p-header-nav__list”><li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-500″><a href=”#”>メニュー1</a>
<ul class=”sub-menu”>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-501″><a href=”#”>サブメニュー1</a></li>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-502″><a href=”#”>サブメニュー2</a></li>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-503″><a href=”#”>サブメニュー3</a></li>
</ul>
</li>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-504″><a href=”#”>メニュー2</a></li>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-505″><a href=”#”>メニュー3</a></li>
<li class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-506″><a href=”#”>メニュー4</a></li>
</ul>
</nav>
<div class=”p-megamenu p-megamenu01 ” style=”background-color:;”>
<div id=”js-megamenu01″ class=”p-megamenu01__inner splide splide–loop splide–ltr splide–draggable is-active is-initialized” role=”region” aria-roledescription=”carousel”>
<div class=”splide__arrows c-splide-arrows splide__arrows–ltr”><button class=”splide__arrow c-splide-arrow splide__arrow–prev c-splide-arrow–prev” type=”button” aria-label=”Previous slide” aria-controls=”js-megamenu01-track”><svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 40 40″ width=”40″ height=”40″ focusable=”false”><path d=”M25.8457 20.018L9.61082 3.39505C9.25268 3.02903 9.0615 2.57981 9.03728 2.0474C9.01243 1.51565 9.20361 1.04164 9.61082 0.625374C10.0174 0.208455 10.4683 0 10.9634 0C11.4586 0 11.9094 0.208455 12.316 0.625374L29.0957 17.8042C29.429 18.1461 29.6632 18.4952 29.7983 18.8514C29.9328 19.2076 30 19.5965 30 20.018C30 20.4395 29.9328 20.8283 29.7983 21.1846C29.6632 21.5408 29.429 21.8899 29.0957 22.2318L12.316 39.4106C11.9585 39.7773 11.5197 39.973 10.9997 39.9978C10.4804 40.0233 10.0174 39.8275 9.61082 39.4106C9.20361 38.9943 9 38.5327 9 38.0258C9 37.5188 9.20361 37.0572 9.61082 36.6409L25.8457 20.018Z”></path></svg></button><button class=”splide__arrow c-splide-arrow splide__arrow–next c-splide-arrow–next” type=”button” aria-label=”Go to first slide” aria-controls=”js-megamenu01-track”><svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 40 40″ width=”40″ height=”40″ focusable=”false”><path d=”M25.8457 20.018L9.61082 3.39505C9.25268 3.02903 9.0615 2.57981 9.03728 2.0474C9.01243 1.51565 9.20361 1.04164 9.61082 0.625374C10.0174 0.208455 10.4683 0 10.9634 0C11.4586 0 11.9094 0.208455 12.316 0.625374L29.0957 17.8042C29.429 18.1461 29.6632 18.4952 29.7983 18.8514C29.9328 19.2076 30 19.5965 30 20.018C30 20.4395 29.9328 20.8283 29.7983 21.1846C29.6632 21.5408 29.429 21.8899 29.0957 22.2318L12.316 39.4106C11.9585 39.7773 11.5197 39.973 10.9997 39.9978C10.4804 40.0233 10.0174 39.8275 9.61082 39.4106C9.20361 38.9943 9 38.5327 9 38.0258C9 37.5188 9.20361 37.0572 9.61082 36.6409L25.8457 20.018Z”></path></svg></button></div><div class=”splide__track splide__track–loop splide__track–ltr splide__track–draggable” id=”js-megamenu01-track” style=”padding-left: 0px; padding-right: 0px;” aria-live=”off” aria-atomic=”true” aria-busy=”true”>
<div class=”p-megamenu01__list splide__list” id=”js-megamenu01-list” role=”presentation” style=”transform: translateX(-2805px);”>
<article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone01″ role=”group” aria-roledescription=”slide” aria-label=”1 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post4/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル4</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone02″ role=”group” aria-roledescription=”slide” aria-label=”2 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post3/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル3</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone03″ role=”group” aria-roledescription=”slide” aria-label=”3 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post2/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル2</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-active” id=”js-megamenu01-clone04″ role=”group” aria-roledescription=”slide” aria-label=”4 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post1/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル1</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone05″ role=”group” aria-roledescription=”slide” aria-label=”1 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post4/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル4</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone06″ role=”group” aria-roledescription=”slide” aria-label=”2 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post3/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル3</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone07″ role=”group” aria-roledescription=”slide” aria-label=”3 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post2/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル2</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-active” id=”js-megamenu01-clone08″ role=”group” aria-roledescription=”slide” aria-label=”4 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post1/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル1</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item” id=”js-megamenu01-slide01″ role=”group” aria-roledescription=”slide” aria-label=”1 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post4/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル4</p> </div>
</a>
</article>
<article class=”splide__slide p-megamenu01__item” id=”js-megamenu01-slide02″ role=”group” aria-roledescription=”slide” aria-label=”2 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post3/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル3</p> </div>
</a>
</article>
<article class=”splide__slide p-megamenu01__item is-prev” id=”js-megamenu01-slide03″ role=”group” aria-roledescription=”slide” aria-label=”3 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post2/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル2</p> </div>
</a>
</article>
<article class=”splide__slide p-megamenu01__item is-visible is-active” id=”js-megamenu01-slide04″ role=”group” aria-roledescription=”slide” aria-label=”4 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post1/”>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル1</p> </div>
</a>
</article>
<article class=”splide__slide p-megamenu01__item splide__slide–clone is-visible is-next” id=”js-megamenu01-clone09″ role=”group” aria-roledescription=”slide” aria-label=”1 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post4/”>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル4</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-visible” id=”js-megamenu01-clone10″ role=”group” aria-roledescription=”slide” aria-label=”2 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post3/”>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル3</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-visible” id=”js-megamenu01-clone11″ role=”group” aria-roledescription=”slide” aria-label=”3 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post2/”>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル2</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-active” id=”js-megamenu01-clone12″ role=”group” aria-roledescription=”slide” aria-label=”4 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post1/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル1</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone13″ role=”group” aria-roledescription=”slide” aria-label=”1 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post4/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル4</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone14″ role=”group” aria-roledescription=”slide” aria-label=”2 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post3/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル3</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone” id=”js-megamenu01-clone15″ role=”group” aria-roledescription=”slide” aria-label=”3 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post2/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル2</p> </div>
</a>
</article><article class=”splide__slide p-megamenu01__item splide__slide–clone is-active” id=”js-megamenu01-clone16″ role=”group” aria-roledescription=”slide” aria-label=”4 of 4″ style=”margin-right: 0px; width: calc(25% + 0px);” aria-hidden=”true”>
<a class=”p-megamenu01__item-link” href=”https://test-webpage.com/sample-post1/” tabindex=”-1″>
<div class=”p-megamenu01__item-image c-thumbnail”><img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″></div> <div class=”p-megamenu01__item-content”>
<p class=”p-megamenu01__item-title c-line-clamp c-hover-color”>投稿サンプル1</p> </div>
</a>
</article></div>
<span class=”splide__sr”>…</span></div>
</div>
</div>
<div class=”p-megamenu p-megamenu02 ” style=”background-color:;”>
<div class=”p-megamenu02__list p-megamenu02__inner”>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
<a class=”p-megamenu02__item”>
<div class=”p-megamenu02__item-image c-thumbnail”>
<img class=”c-thumbnail-image” src=”https://test-webpage.com/wp-content/themes/aider_tcd115/assets/img/common/no_image.gif” width=”850″ height=”500″> </div>
<p class=”p-megamenu02__item-title”>
<span class=”c-line-clamp”>
タイトル </span>
</p>
</a>
</div>
</div>
</div>
</header>
これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点がブログ投稿とは異なります。まずは、サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものです。
はじめまして。昼間はバイク便のメッセンジャーとして働いていますが、俳優志望でもあります。これは僕のサイトです。ロサンゼルスに住み、ジャックという名前のかわいい犬を飼っています。好きなものはピニャコラーダ、そして通り雨に濡れること。
または、このようなものです。
XYZ 小道具株式会社は1971年の創立以来、高品質の小道具を皆様にご提供させていただいています。ゴッサム・シティに所在する当社では2,000名以上の社員が働いており、様々な形で地域のコミュニティへ貢献しています。
新しく WordPress ユーザーになった方は、ダッシュボードへ行ってこのページを削除し、独自のコンテンツを含む新しいページを作成してください。それでは、お楽しみください !