<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>カテゴリー関連 &#8211; Enjoy SWELL</title>
	<atom:link href="https://boonboonswell.com/entries/entry-category/technique/category/feed" rel="self" type="application/rss+xml" />
	<link>https://boonboonswell.com</link>
	<description>WordPress テーマ、SWELL を楽しもう！</description>
	<lastBuildDate>Thu, 06 Jun 2024 23:12:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://boonboonswell.com/wp-content/uploads/2023/06/cropped-20220241745-32x32.jpg</url>
	<title>カテゴリー関連 &#8211; Enjoy SWELL</title>
	<link>https://boonboonswell.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【SWELL】カテゴリーページの表示方法を変える！さらに魅力的にカスタマイズする方法！</title>
		<link>https://boonboonswell.com/entries/entry-2252.html</link>
		
		<dc:creator><![CDATA[Boon ☆]]></dc:creator>
		<pubDate>Sat, 29 Jul 2023 11:00:00 +0000</pubDate>
				<category><![CDATA[SWELL テクニック]]></category>
		<category><![CDATA[カテゴリー関連]]></category>
		<guid isPermaLink="false">https://boonboonswell.com/?p=2252</guid>

					<description><![CDATA[<p><img src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>WordPressのテーマである SWELL は、カテゴリーページを自由自在にカスタマイズできる優れたテーマです。本記事では、カテゴリーページを魅力的にカスタマイズする方法をご紹介します。]]></description>
										<content:encoded><![CDATA[<p><img src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<div class="p-blogParts post_content" data-partsID="23">
<p class="has-text-align-center">広告：ページ内にてアフィリエイト広告を利用しています。</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-1024x576.jpg" alt="カテゴリーページをカスタマイズする" class="wp-image-2286" srcset="https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-1024x576.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-300x169.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027100-768x432.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027100.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="p-blogParts post_content" data-partsID="24"></div>



<p>WordPressのテーマである SWELL は、カテゴリーページを自由自在にカスタマイズできる優れたテーマです。</p>



<p>一方、一般的なテーマではカテゴリーページに記事が単調に一覧表示されます。カテゴリーページは記事から記事に映るまでの間に入るページ、ここも読者ファーストにしたいですね。</p>



<div class="wp-block-group is-row is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>ポイント</span></div><div class="cap_box_content">
<p class="has-text-align-center has-large-font-size">本記事では、</p>



<p class="has-text-align-center has-large-font-size"><span class="swl-marker mark_orange">カテゴリーページを魅力的にカスタマイズする方法をご紹介します。</span></p>



<p class="has-text-align-center">さらに素敵なサイトにカスタマイズしましょう！</p>
</div></div>
</div>



<div class="p-blogParts post_content" data-partsID="1928">
<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="text-align:center">


		<div style="text-align:center">
		<!-- オリジナル（SWELL） --><figure class="wp-block-image size-full"><a href="https://boonboonswell.com/entries/entry-1587.html"><img decoding="async" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022026067.gif" alt="SWELL おすすめサンプルページ" class="wp-image-1926"/></a></figure>
		</div>
		

</div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group has-border -border01"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-text-align-center"><strong><span class="swl-inline-color has-swl-deep-01-color">SWELL を使ってオシャレなページを作る方法を特別に解説</span></strong></p>



<p class="has-text-align-center u-mb-ctrl u-mb-20"><strong>＼サンプルを見るだけでも役に立つ／</strong></p>



<div style="text-align:center">
<a href="https://boonboonswell.com/entries/entry-1587.html"    ><img loading="lazy" decoding="async" class="my-common-apealbar" style="border-radius : 30px" width="600" height="100" src="https://boonboonswell.com/wp-content/uploads/2024/11/common_oshareswell_green.jpg" alt="おしゃれサイト"></a>
</div>



<p class="has-text-align-center"><strong>＼SWELL でオシャレサイトを作る方法は <a href="https://boonboonswell.com/entries/entry-1587.html">こちら </a>をクリックしてください／</strong></p>
</div></div>
</div></div>
</div>



<h2 class="wp-block-heading">カテゴリページをカスタマイズした例</h2>



<p>WordPress の優良テーマ「SWELL」で、カテゴリのページをカスタマイズしたサンプルです。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="799" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027096-1024x799.jpg" alt="カテゴリページをカスタマイズした例" class="wp-image-2258" style="width:768px;height:599px" srcset="https://boonboonswell.com/wp-content/uploads/2023/07/2022027096-1024x799.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027096-300x234.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027096-768x599.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027096.jpg 1123w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>もともとあった「記事の一覧」はページ下の方に残していますが、ページ上部にはオリジナルのコンテンツを表示しています。</p>



<h2 class="wp-block-heading">カテゴリーページをカスタマイズする方法</h2>



<p>カテゴリーページをカスタマイズする方法例を紹介します。ブログパーツを使います。</p>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">ブログパーツでカスタマイズ部分を作る</div><div class="swell-block-step__body">
<figure class="wp-block-image size-large is-resized common-my-style-border"><a href="https://boonboonswell.com/wp-content/uploads/2023/07/2022027097.jpg"><img loading="lazy" decoding="async" width="1024" height="569" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027097-1024x569.jpg" alt="ブログパーツを使う" class="wp-image-2264" style="width:768px;height:427px" srcset="https://boonboonswell.com/wp-content/uploads/2023/07/2022027097-1024x569.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027097-300x167.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027097-768x427.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027097.jpg 1219w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<ul class="is-style-index -list-under-dashed wp-block-list">
<li>ブログパーツを使って、カテゴリーページのコンテンツ部分を作成する</li>
</ul>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">ブログパーツの番号をメモする</div><div class="swell-block-step__body">
<figure class="wp-block-image size-large is-resized common-my-style-border"><a href="https://boonboonswell.com/wp-content/uploads/2023/07/2022027098.jpg"><img loading="lazy" decoding="async" width="1024" height="569" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027098-1024x569.jpg" alt="ブログパーツの番号をメモる" class="wp-image-2269" style="width:768px;height:427px" srcset="https://boonboonswell.com/wp-content/uploads/2023/07/2022027098-1024x569.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027098-300x167.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027098-768x427.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027098.jpg 1219w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<ul class="is-style-index -list-under-dashed wp-block-list">
<li>ブログパーツの番号をメモする（後ほど使います）</li>
</ul>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">カテゴリーページにブログパーツを設定する</div><div class="swell-block-step__body">
<figure class="wp-block-image size-large is-resized common-my-style-border"><a href="https://boonboonswell.com/wp-content/uploads/2023/07/2022027099.jpg"><img loading="lazy" decoding="async" width="1024" height="569" src="https://boonboonswell.com/wp-content/uploads/2023/07/2022027099-1024x569.jpg" alt="ブログパーツの番号を設定する" class="wp-image-2273" style="width:768px;height:427px" srcset="https://boonboonswell.com/wp-content/uploads/2023/07/2022027099-1024x569.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027099-300x167.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027099-768x427.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/07/2022027099.jpg 1219w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<ul class="is-style-index -list-under-dashed wp-block-list">
<li>カテゴリーの詳細ページで「ページで呼び出すブログパーツ」に番号を設定する</li>
</ul>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>ポイント</span></div><div class="cap_box_content">
<p>２ページ目以降で表示しない場合は、「２ページ目以降は表示しない」をチェックしてください。</p>
</div></div>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">完成です</div><div class="swell-block-step__body">
<p>カテゴリーページにブログパーツが反映されます。</p>
</div></div>
</div>



<h2 class="wp-block-heading">カテゴリーページに設定できる項目</h2>



<p>ブログパーツの設定の他にも、多様な設定が可能です。</p>



<p>主な設定を紹介します。</p>



<figure class="wp-block-table"><table><thead><tr><th>設定</th><th>概要</th></tr></thead><tbody><tr><td>ページに表示するタイトル</td><td>カテゴリーページのタイトルを変更する</td></tr><tr><td>ページに表示するサブタイトル</td><td>カテゴリーページのサブタイトルを変更する</td></tr><tr><td>リストレイアウト</td><td>リストの表示形式を変更する</td></tr><tr><td>サイドバー</td><td>サイドバーの表示有無を設定する</td></tr><tr><td>アイキャッチ画像</td><td>アイキャッチ画像を設定する</td></tr><tr><td>記事一覧リストを表示するかどうか</td><td>記事一覧リストの表示有無を設定する</td></tr><tr><td>ページで呼び出すブログパーツ</td><td>表示するコンテンツ（ブログパーツの番号）を設定する</td></tr></tbody></table></figure>


<div class="p-blogParts post_content" data-partsID="3752">
<p><div class="aicp">
		
<div class="my-koukoku-banner-container">
<div class="my-koukoku-banner-text">PR</div>
<div class="my-koukoku-banner">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9910144713343970"
     crossorigin="anonymous"></script>
<!-- swell_ディスプレイ（レスポンシブ） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9910144713343970"
     data-ad-slot="2709577839"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

	        </div><!-- end of the aicp div --></p>
</div>



<h2 class="wp-block-heading">まとめ：カテゴリーページをさらに魅力的ににカスタマイズする方法！</h2>



<p>SWELL ではカテゴリーページにブログパーツを設定することが可能です。</p>



<p>自由にコンテンツを作ることができるので魅力的なカテゴリーページになりますね。</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center">いろいろな表現を工夫して、ぜひ、おしゃれなサイトを作ってくださいね。</p>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="p-blogParts post_content" data-partsID="1947">
<div class="wp-block-group has-border -border01"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-text-align-center u-mb-ctrl u-mb-20"><strong><span class="swl-inline-color has-swl-deep-01-color">SWELL を使ってオシャレなページを作る方法を特別に解説</span></strong></p>



<p class="has-text-align-center u-mb-ctrl u-mb-20"><strong>＼サンプルを見るだけでも役に立つ／</strong></p>



<div style="text-align:center">
<a href="https://boonboonswell.com/entries/entry-1587.html"    ><img loading="lazy" decoding="async" class="my-common-apealbar" style="border-radius : 30px" width="600" height="100" src="https://boonboonswell.com/wp-content/uploads/2024/11/common_oshareswell_green.jpg" alt="おしゃれサイト"></a>
</div>



<p class="has-text-align-center"><strong>＼SWELL でオシャレサイトを作る方法は <a href="https://boonboonswell.com/entries/entry-1587.html">こちら </a>をクリックしてください／</strong></p>
</div></div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns">
<div class="wp-block-column"></div>



<div class="wp-block-column">
<figure class="wp-block-image size-full"><a href="https://boonboonswell.com/entries/entry-1587.html"><img loading="lazy" decoding="async" width="400" height="300" src="https://boonboonswell.com/wp-content/uploads/2023/07/common_swell_01.gif" alt="SWELL おしゃれサイト作り方" class="wp-image-1948"/></a></figure>
</div>



<div class="wp-block-column"></div>
</div>
</div>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="p-blogParts post_content" data-partsID="3235">
<p class="has-text-align-center has-large-font-size">SWELL の利用方法などについてココナラにて「支援作業」を販売しております。</p>



<p class="has-text-align-center">よかったらご利用くださいませ。</p>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-full"><a href="https://coconala.com/services/2968130"><img loading="lazy" decoding="async" width="600" height="600" src="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_blogqa.jpg" alt="" class="wp-image-3236" srcset="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_blogqa.jpg 600w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_blogqa-300x300.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_blogqa-150x150.jpg 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></figure>



<div class="swell-block-button green_ is-style-btn_shiny"><a href="https://coconala.com/services/2968130" class="swell-block-button__link"><span>質問・相談はこちら</span></a></div>
</div>



<div class="wp-block-column">
<figure class="wp-block-image size-large"><a href="https://coconala.com/services/2967539"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa-1024x1024.jpg" alt="" class="wp-image-3237" srcset="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa-1024x1024.jpg 1024w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa-300x300.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa-150x150.jpg 150w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa-768x768.jpg 768w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellqa.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<div class="swell-block-button green_ is-style-btn_shiny"><a href="https://coconala.com/services/2967539" class="swell-block-button__link"><span>質問・相談はこちら</span></a></div>
</div>



<div class="wp-block-column">
<figure class="wp-block-image size-full"><a href="https://coconala.com/services/2967525"><img loading="lazy" decoding="async" width="600" height="600" src="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellstart.jpg" alt="" class="wp-image-3238" srcset="https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellstart.jpg 600w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellstart-300x300.jpg 300w, https://boonboonswell.com/wp-content/uploads/2023/09/common_coconara_swellstart-150x150.jpg 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></figure>



<div class="swell-block-button green_ is-style-btn_shiny"><a href="https://coconala.com/services/2967525" class="swell-block-button__link"><span>質問・相談はこちら</span></a></div>
</div>
</div>
</div>



<div class="p-blogParts post_content" data-partsID="431">
<p><div class="aicp">
		
<div class="my-koukoku-banner-container">
<div class="my-koukoku-banner-text">PR</div>
<div class="my-koukoku-banner">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9910144713343970"
     crossorigin="anonymous"></script>
<!-- swell_ディスプレイ（レスポンシブ） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9910144713343970"
     data-ad-slot="2709577839"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

	        </div><!-- end of the aicp div --></p>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<div class="p-blogParts post_content" data-partsID="528"></div>



<div class="p-blogParts post_content" data-partsID="429"></div>



<div class="p-blogParts post_content" data-partsID="22">
<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center myReturnTopButton"><a href="#">一番上に戻る（Back to the initial position on click.）</a></p>



<p class="has-text-align-center myHomeButton"><a href="http://boonboonswell.com/">トップページ（Home.）</a></p>



<figure class="wp-block-image size-full"><a href="#"><img loading="lazy" decoding="async" width="316" height="73" src="https://boonboonswell.com/wp-content/uploads/2023/06/backtothetop2.jpg" alt="" class="wp-image-888" srcset="https://boonboonswell.com/wp-content/uploads/2023/06/backtothetop2.jpg 316w, https://boonboonswell.com/wp-content/uploads/2023/06/backtothetop2-300x69.jpg 300w" sizes="auto, (max-width: 316px) 100vw, 316px" /></a></figure>



<style>
.myReturnTopButton a {
    padding: 5px 11px 5px 11px;
    text-decoration: none;
    color: #333333;
    border-bottom: 2px dotted;
    line-height: 36px;
}
.myHomeButton a {
    padding: 5px 11px 5px 11px;
    text-decoration: none;
    color: #333333;
    border-bottom: 2px dotted;
    line-height: 36px;
}
</style>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="my-koukoku-button-container">
<div class="my-koukoku-button-text">PR</div>
</div>



<figure class="wp-block-image size-full"><a href="https://boonboonswell.com/wp-content/uploads/2023/06/common_amazon.gif"><img loading="lazy" decoding="async" width="250" height="100" src="https://boonboonswell.com/wp-content/uploads/2023/06/common_amazon.gif" alt="Amazon でお買い物" class="wp-image-1354"/></a></figure>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group is-row is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<div class="wp-block-columns">
<div class="wp-block-column">
<div style="text-align:center">
<a href="//af.moshimo.com/af/c/click?a_id=4028495&p_id=170&pc_id=185&pl_id=4155" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0068/000000004155.gif" width="125" height="125" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4028495&p_id=170&pc_id=185&pl_id=4155" width="1" height="1" style="border:none;">
</div>
</div>



<div class="wp-block-column">
<div style="text-align:center">
<a href="//af.moshimo.com/af/c/click?a_id=4000256&p_id=54&pc_id=54&pl_id=1223" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0032/000000001223.gif" width="120" height="120" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=4000256&p_id=54&pc_id=54&pl_id=1223" width="1" height="1" style="border:none;">
</div>
</div>
</div>
</div>



<figure class="wp-block-image size-full"><a href="https://boonboonswell.com/wp-content/uploads/2023/06/common_rakuten.gif"><img loading="lazy" decoding="async" width="250" height="100" src="https://boonboonswell.com/wp-content/uploads/2023/06/common_rakuten.gif" alt="楽天市場でお買い物" class="wp-image-1355"/></a></figure>



<div class="wp-block-group is-row is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>広告の設置・収入について</span></div><div class="cap_box_content">
<p>当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。</p>



<p>当サイトは Google アドセンスを利用し、広告により収入を得ています。</p>



<p>当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。</p>
</div></div>
</div>



<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>



<script>
var varHtagElements = null;
var varHtagPosition = null;
var varSideBarItem = null;

window.addEventListener('load', function () {
    setTimeout(function(){fnAfterContents();}, 10);
});

function fnAfterContents() {
    // H2、H3 を全て取得する（位置を計算する）
    varHtagElements = document.querySelectorAll('h2, h3');
    var varHtagArray = Array.from(varHtagElements);
    var varHtagPosition = varHtagArray.map(item => item.getBoundingClientRect().top);
    var varHtagPositionWithScroll = varHtagPosition.map(top => Math.floor(top + window.scrollY));
	
    // サイドバーの目次のリストを取得する
    varSideBarItem = document.querySelectorAll('#sidebar .p-toc__link');
  
    if (varSideBarItem == null || varSideBarItem.length == 0) {
        // 目次が無ければ終了
        return;
    }

    // 個数を取得
    const countHtag = varHtagElements.length;
    const countSideBarItem = varSideBarItem.length;
    const iMaxLoop = countHtag > countSideBarItem ? countSideBarItem : countHtag;

    window.addEventListener('scroll', () => {
        // 計算する位置
        const currentPosition = window.scrollY + 300;

        for (let iCount = 0; iCount < iMaxLoop; iCount++) {
            // 現在位置の表示を消す
            varSideBarItem[iCount].classList.remove('currentTocPosition');
            if (iCount >= iMaxLoop - 1 ) {
                // 要素の最後は、次の要素が無いので範囲外のみ判定
                if (currentPosition >= varHtagPositionWithScroll[iCount]) {
                    varSideBarItem[iCount].classList.add('currentTocPosition');
                }
            } else {
                // 要素の途中は、範囲内かどうかを判定
                if (currentPosition >= varHtagPositionWithScroll[iCount] && currentPosition < varHtagPositionWithScroll[iCount + 1]) {
                    varSideBarItem[iCount].classList.add('currentTocPosition');
                } 
            }
        }
    });
}
</script>



<p class="has-text-align-center"><a href="https://boonboonswell.com/privacypolicy#denkitsushin">電気通信事業法改正に伴う表記</a></p>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
