<?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; WP Pilot</title>
	<atom:link href="https://wppilot.net/category/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>https://wppilot.net</link>
	<description>ブログ作りの次の一手をあなたに。</description>
	<lastBuildDate>Tue, 14 Jul 2026 14:06:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png</url>
	<title>プラグイン &#8211; WP Pilot</title>
	<link>https://wppilot.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>アイキャッチ画像の生成を自動化してくれる日本産プラグイン「アイキャッチ画像ジェネレーター by LOOS」</title>
		<link>https://wppilot.net/2026/07/14/loos-featured-image-automator/</link>
					<comments>https://wppilot.net/2026/07/14/loos-featured-image-automator/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Tue, 14 Jul 2026 14:04:07 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[アイキャッチ画像]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1672</guid>

					<description><![CDATA[WordPressで記事を書く際、意外と手間がかかるのが「アイキャッチ画像」の作成です。 記事ごとにCanvaなどの画像編集サービスを開き、タイトルを入力して画像を書き出し、WordPressへアップロードする作業を繰り [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">WordPressで記事を書く際、意外と手間がかかるのが「アイキャッチ画像」の作成です。</p>



<p class="wp-block-paragraph">記事ごとにCanvaなどの画像編集サービスを開き、タイトルを入力して画像を書き出し、WordPressへアップロードする作業を繰り返している方も多いのではないでしょうか。</p>



<p class="wp-block-paragraph">こうしたアイキャッチ画像の作成を自動化できるプラグインが、<strong>「アイキャッチ画像ジェネレーター by LOOS」</strong>（LOOS Featured Image Automator）です。</p>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、記事タイトルをもとに1200×630ピクセルの画像を自動生成し、WordPressのメディアライブラリへ保存したうえで、その記事のアイキャッチ画像として設定してくれます。画像生成には、開発元のLOOSが提供する「<a href="https://loos.tools/ogimg-maker/guide/">OG Image Maker API</a>」が使用されます。</p>



<p class="wp-block-paragraph">この記事では、「アイキャッチ画像ジェネレーター by LOOS」の仕組みや使い方、メリット、注意点について、初心者にも分かりやすく解説します。</p>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-9d3nbiv04-9s31-wc1f-nrco-yz70kyoe3x" aria-expanded="false" aria-controls="vk-toc-content-9d3nbiv04-9s31-wc1f-nrco-yz70kyoe3x">OPEN</button><ul id="vk-toc-content-9d3nbiv04-9s31-wc1f-nrco-yz70kyoe3x" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-6ab4f53e-7fef-4181-86ee-d3e9fef827b8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						「アイキャッチ画像ジェネレーター by LOOS」とは
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-8c06f385-4e3e-4e73-9898-e79b18273d62" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.1. </span>
						公式情報
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-453fcacd-b76c-489b-9b74-19c078a17a54" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.2. </span>
						プラグイン概要
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d2aea14b-74c5-4edc-8fa9-25838ca61275" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.3. </span>
						開発元はWordPressテーマ「SWELL」でも知られるLOOS
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-e1503e71-9ba2-4f33-8348-963bcceeb3a6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.4. </span>
						Webアプリ版も公開されています
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-daecc100-1144-4272-ad1e-0c432c660cab" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						「アイキャッチ画像ジェネレーター by LOOS」の主な機能
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b2fee029-6c59-4745-b9be-a985b00cd576" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.1. </span>
						記事タイトルから画像を自動生成する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-a26e8d76-9126-4231-be18-fa78e7b1df57" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.2. </span>
						生成した画像をメディアライブラリへ保存する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-2495f578-0a1b-4f42-96fe-c7e937030a0a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.3. </span>
						WP-Cronを利用して非同期で画像を生成する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-27c0d787-f212-4184-b7d6-93e434cceacf" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.4. </span>
						記事タイトルを変更すると画像も作り直される
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-df4ed006-01cb-409c-a20d-c70bdb3bba40" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.5. </span>
						手動で設定したアイキャッチ画像は上書きしない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-268999ed-5970-4e38-9d63-2c9bd2d850e9" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.6. </span>
						同じ内容では画像を再生成しない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c57249e8-8ddb-40e6-9763-96825a8ec26e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.7. </span>
						画像のデザインを共通設定できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-a75b1e25-41f3-41cb-ad1c-568ff12970d8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.8. </span>
						色の設定にはOKLCHが使われる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d7e76dfa-194a-45aa-b8cf-a83ad7620f7e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.9. </span>
						対象となる投稿タイプを選択できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-7b70c906-e0cd-4172-919b-90d74dc88bf6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.10. </span>
						記事ごとの設定画面は用意されていない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-102549db-f1b3-4a83-8971-2c87036582cc" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						OGPタグそのものは出力しない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-dc108935-635f-4d95-ac60-7744c4cbee74" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						インストール方法
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-8fe62264-60a1-48ce-8bde-49bc9e15434d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						手順1：プラグインの新規追加画面を開く
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-e33dc4aa-43ba-47a3-bbd4-22cd070d29f6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						手順2：プラグイン名を検索する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-cc1c6757-26db-4a8f-a14d-2257dd65bb49" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.3. </span>
						手順3：インストールして有効化する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-eb6c9e6c-0e73-47f5-a524-0a98a72bd27b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.4. </span>
						手順4：設定画面を開く
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-153d836e-f18e-49d7-9824-980210464bf5" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.5. </span>
						手順5：デザインを設定する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d1a54f81-f754-49ff-84b4-d75a5efcfb39" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.6. </span>
						手順6：投稿を保存する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-3ff888d4-e3ab-4e98-b9b1-7d247e373826" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.7. </span>
						（注）既存の記事の生成タイミングについて
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3b09d424-343b-4647-b3c8-c664bbb0ffd1" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						「アイキャッチ画像ジェネレーター by LOOS」のメリット
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-a6414382-61ae-4f43-b408-759ba1b2ec92" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.1. </span>
						アイキャッチ画像を作る時間を減らせる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-cf4912da-4525-4b33-822f-c73b435d9cbd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.2. </span>
						デザインを統一しやすい
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-029cedd9-ad48-4f1b-897c-09f22eae2de2" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.3. </span>
						アイキャッチ画像の設定忘れを減らせる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b05dc919-0cd2-45d8-ba5e-ec979c736fdd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.4. </span>
						手動設定した画像を優先できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-65e24e6a-1fdb-49c2-b776-399e90f0de2d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.5. </span>
						AI画像生成サービスとは性質が異なる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-65295b59-36e0-40d6-8969-03ee5ef9518f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6. </span>
						使用上の注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-0f31f652-2d45-40a0-b06b-e4a732edc3a8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.1. </span>
						外部サービスへ記事タイトルが送信される
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9555e8fc-6ea8-425d-ba8e-c54a3c7c3482" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.2. </span>
						外部サービスが停止すると画像を生成できない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-a63b30e0-d623-430a-a7a8-67cd27575aaa" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.3. </span>
						WP-Cronが正常に動作している必要がある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d060f16d-18ea-40a1-a747-06a7f192a064" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.4. </span>
						記事ごとに細かくデザインを変えられない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-5f61286f-39f8-43ce-ac1c-813281852e04" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.5. </span>
						写真を重視する記事には向かない場合がある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d281ebb1-88ad-4954-9ad2-76bd5c57099a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.6. </span>
						OGP表示はテーマやSEOプラグインにも左右される
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-1b3ae9d3-627d-407a-bca5-f78535a42e68" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.7. </span>
						新しいプラグインで利用実績がまだ少ない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-6e67e21b-d29a-42fa-b5c5-e37e896f2cf7" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7. </span>
						どのようなサイトに向いているのか
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-fe60fe12-35e6-4b0f-a37a-c030d234b6d8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7.1. </span>
						技術ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-071446dc-8e98-442f-840c-c6cd17f74714" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7.2. </span>
						ニュースサイトや情報サイト
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-cf41d647-75a7-4866-849e-bcf80018c610" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7.3. </span>
						お知らせを頻繁に掲載するサイト
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-2aa3f8e5-736d-4b1c-bcd8-f26686e6394e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7.4. </span>
						複数人で運営するサイト
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9128923b-ed20-4f9b-a3de-0462e2886be8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7.5. </span>
						アイキャッチ画像の作成が負担になっている個人ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-e1fd1845-abdb-4083-8a39-83d1e4962f03" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">8. </span>
						あまり向いていないサイト
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-22618a69-5557-4bc5-9756-73a3af09bafd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">9. </span>
						手動作成との使い分け
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-af5aa283-e534-4f6c-80fa-ca70413312c8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">9.1. </span>
						自動生成に向いている記事の例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c8f5c2ec-164d-4436-b911-0d956c7cf21e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">9.2. </span>
						手動作成に向いている記事の例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-22fdeece-4d8c-4acf-a94b-a85fdf90d2dd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">10. </span>
						導入後に確認したいチェック項目
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-0e29af33-3c3b-45fa-8218-62336d6b1421" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">11. </span>
						トラブルが起きたときの確認方法
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-7e317204-630c-49af-a1a2-87f707b082ea" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">11.1. </span>
						画像が生成されない場合
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9c39b276-0f6b-461b-be5b-61fa57cf56b8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">11.2. </span>
						保存直後に画像が表示されない場合
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-fdc65831-cf75-42d6-8dbd-4fa0e882d399" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">11.3. </span>
						SNSで画像が更新されない場合
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-42735729-5666-4922-8a05-64f3132d9579" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">12. </span>
						まとめ
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-6ab4f53e-7fef-4181-86ee-d3e9fef827b8" class="wp-block-heading">「アイキャッチ画像ジェネレーター by LOOS」とは</h2>



<h3 id="vk-htags-8c06f385-4e3e-4e73-9898-e79b18273d62" class="wp-block-heading">公式情報</h3>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://ja.wordpress.org/plugins/loos-featured-image-automator/">LOOS Featured Image Automator – WordPress プラグイン | WordPress.org 日本語</a></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-453fcacd-b76c-489b-9b74-19c078a17a54" class="wp-block-heading">プラグイン概要</h3>



<p class="wp-block-paragraph"><strong>「アイキャッチ画像ジェネレーター by LOOS」は、WordPressの記事タイトルからアイキャッチ画像を自動生成するプラグインです。</strong></p>



<p class="wp-block-paragraph">記事を保存すると、設定したデザインと記事タイトルを組み合わせた画像が生成されます。その画像はWordPressのメディアライブラリへ登録され、そのまま投稿のアイキャッチ画像として設定されます。</p>



<p class="wp-block-paragraph">プラグインの主な処理は、次のような流れです。</p>



<ol class="wp-block-list is-style-vk-numbered-circle-mark">
<li>投稿または固定ページを保存する</li>



<li>記事タイトルとプラグインの共通設定を読み込む</li>



<li>OG Image Maker APIへ画像生成を依頼する</li>



<li>生成されたJPEG画像を取得する</li>



<li>WordPressのメディアライブラリへ保存する</li>



<li>投稿のアイキャッチ画像として設定する</li>
</ol>



<p class="wp-block-paragraph">記事ごとに画像編集ソフトを操作する必要がなくなるため、同じ形式のアイキャッチ画像を大量に作成したいサイトに向いています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d2aea14b-74c5-4edc-8fa9-25838ca61275" class="wp-block-heading">開発元はWordPressテーマ「SWELL」でも知られるLOOS</h3>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」の開発元は、株式会社LOOSです。</p>



<p class="wp-block-paragraph">LOOSは、WordPressテーマ「<a href="https://swell-theme.com/">SWELL</a>」の開発元として知られています。また、WordPress公式ディレクトリでは、SEO SIMPLE PACK、Highlighting Code Block、Useful Blocksなどのプラグインも公開しています。</p>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、2026年6月に公開された比較的新しいプラグインです。</p>



<p class="wp-block-paragraph">2026年7月14日時点では、バージョン0.2.0が公開されています。対応環境はWordPress 6.5以上、PHP 8.1以上で、WordPress 7.0.1まで動作確認済みとされています。</p>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2025/11/09/seo-simple-pack/" target="_self" >【プラグイン】SEO対策に、まずはこちらから。「SEO SIMPLE PACK」の使い方</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2025/11/09/seo-simple-pack/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2025/11/f548f7abd0bc1814c2aec9a381a2ae13-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-e1503e71-9ba2-4f33-8348-963bcceeb3a6" class="wp-block-heading">Webアプリ版も公開されています</h3>



<p class="wp-block-paragraph">以下のページにて、プラグインを使うことなく生成することも可能です（開発元は同じです）。本プラグインは、以下の生成ツールをもとに作成されています。</p>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://loos.tools/ogimg-maker/">OGP画像生成ツール｜無料・登録不要でブログのサムネイル画像をURLだけで生成</a></li>
</ul>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="635" src="https://wppilot.net/wp-content/uploads/2026/07/image-8-1024x635.png" alt="" class="wp-image-1676" srcset="https://wppilot.net/wp-content/uploads/2026/07/image-8-1024x635.png 1024w, https://wppilot.net/wp-content/uploads/2026/07/image-8-1536x952.png 1536w, https://wppilot.net/wp-content/uploads/2026/07/image-8-2048x1269.png 2048w, https://wppilot.net/wp-content/uploads/2026/07/image-8-900x558.png 900w, https://wppilot.net/wp-content/uploads/2026/07/image-8-640x397.png 640w, https://wppilot.net/wp-content/uploads/2026/07/image-8-300x186.png 300w, https://wppilot.net/wp-content/uploads/2026/07/image-8-768x476.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">「OGP画像生成ツール」エディターの画面</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-daecc100-1144-4272-ad1e-0c432c660cab" class="wp-block-heading">「アイキャッチ画像ジェネレーター by LOOS」の主な機能</h2>



<h3 id="vk-htags-b2fee029-6c59-4745-b9be-a985b00cd576" class="wp-block-heading">記事タイトルから画像を自動生成する</h3>



<p class="wp-block-paragraph">このプラグインの中心となる機能は、記事タイトルを画像内へ自動的に配置することです。<strong>投稿を保存すると、投稿記事のタイトルを含んだ1200×630ピクセルのJPEG画像が自動生成されます。</strong></p>



<p class="wp-block-paragraph">1200×630ピクセルは、SNSでWebページを共有する際に使用されるOGP画像でよく採用される比率です。</p>



<p class="wp-block-paragraph">OGPとは、XやFacebookなどでページのURLを共有したときに、タイトルや画像などを表示するための仕組みです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-a26e8d76-9126-4231-be18-fa78e7b1df57" class="wp-block-heading">生成した画像をメディアライブラリへ保存する</h3>



<p class="wp-block-paragraph">生成された画像は、外部サービス上に表示するだけではありません。</p>



<p class="wp-block-paragraph">WordPressのメディアライブラリへ取り込まれ、通常の画像ファイルとして保存されます。その後、対象となる投稿のアイキャッチ画像へ設定されます。そのため、テーマ側では通常のアイキャッチ画像と同じように扱えます。</p>



<p class="wp-block-paragraph">投稿一覧、関連記事、ブログカード、記事上部など、テーマがアイキャッチ画像を表示する場所で利用できます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-2495f578-0a1b-4f42-96fe-c7e937030a0a" class="wp-block-heading">WP-Cronを利用して非同期で画像を生成する</h3>



<p class="wp-block-paragraph">画像生成は、投稿の保存処理と同時に完了するわけではありません。</p>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」では、WordPressの予約処理機能である「WP-Cron」を利用し、投稿保存後に別の処理として画像を生成します。これにより、外部APIからの画像取得が完了するまで投稿の保存画面が止まることを防いでいます。</p>



<p class="wp-block-paragraph">WP-Cronとは、予約投稿、更新確認、一部プラグインの定期処理などに使われるWordPress独自の仕組みです。</p>



<p class="wp-block-paragraph">ただし、WP-Cronは一般的なサーバーのcronとは異なり、基本的にはサイトへのアクセスをきっかけに実行されます。そのため、アクセス数が非常に少ないサイトでは、画像生成までに時間がかかる可能性があります。</p>



<p class="wp-block-paragraph">投稿を保存してもすぐに画像が表示されない場合は、少し時間を置いてから投稿画面やメディアライブラリを確認してみましょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-27c0d787-f212-4184-b7d6-93e434cceacf" class="wp-block-heading">記事タイトルを変更すると画像も作り直される</h3>



<p class="wp-block-paragraph">一度公開した記事のタイトルを変更した場合は、新しいタイトルを使った画像が生成されます。</p>



<p class="wp-block-paragraph">投稿を保存したあと、次回のWP-Cron実行時に画像生成用の情報が再確認されます。以前の画像と内容が異なる場合は、新しい画像が生成され、アイキャッチ画像が差し替えられます。</p>



<p class="wp-block-paragraph">また、初期設定では、プラグインが以前に生成した古い画像をメディアライブラリから削除する設定が有効になっています。これにより、タイトルを何度も変更した場合に、使われなくなった画像が大量に残ることを防げます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-df4ed006-01cb-409c-a20d-c70bdb3bba40" class="wp-block-heading">手動で設定したアイキャッチ画像は上書きしない</h3>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、手動で設定したアイキャッチ画像を勝手に上書きしません。</p>



<p class="wp-block-paragraph">現在設定されているアイキャッチ画像が、このプラグインによって生成されたものではない場合、その投稿では自動生成処理がスキップされます。</p>



<p class="wp-block-paragraph">例えば、次のような使い分けができます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>通常の記事は自動生成画像を使う</li>



<li>写真を重視する記事は自分で撮影した画像を使う</li>



<li>商品紹介記事は商品写真を手動で設定する</li>



<li>お知らせ記事は自動生成画像を使う</li>
</ul>



<p class="wp-block-paragraph">すべての記事を自動生成画像に統一する必要がない点は、大きなメリットです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-268999ed-5970-4e38-9d63-2c9bd2d850e9" class="wp-block-heading">同じ内容では画像を再生成しない</h3>



<p class="wp-block-paragraph">バージョン0.2.0では、画像に影響する変更がないまま投稿を再保存した場合、OG Image Maker APIへ不要な通信を行わない仕組みが追加されました。</p>



<p class="wp-block-paragraph">画像生成用のURLをもとにした識別情報をWordPress側で保存し、以前と同じ内容である場合は再生成を省略します。</p>



<p class="wp-block-paragraph">たとえば、本文だけを修正し、記事タイトルや画像の設定を変更していない場合は、基本的に同じアイキャッチ画像が作り直されることはありません。</p>



<p class="wp-block-paragraph">不要な画像ファイルや外部通信が増えにくいように配慮されています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-c57249e8-8ddb-40e6-9763-96825a8ec26e" class="wp-block-heading">画像のデザインを共通設定できる</h3>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」では、画像のデザインを管理画面から設定できます。現在は<a href="https://loos.tools/ogimg-maker/editor/">「OGP画像メーカー」のエディター画面</a>で指定できるものとほぼ同一です。</p>



<p class="wp-block-paragraph">なお、具体的な選択肢や表示内容は、プラグインのバージョンによって変更される可能性があります。実際のデザインを確認しながら調整するとよいでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-a75b1e25-41f3-41cb-ad1c-568ff12970d8" class="wp-block-heading">色の設定にはOKLCHが使われる</h3>



<p class="wp-block-paragraph"><strong>色の指定には、OKLCHという形式が使われます。</strong>OKLCHは、色を次の3つの要素で表す方法です。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>L：明るさ</li>



<li>C：鮮やかさ</li>



<li>H：色合い</li>
</ul>



<p class="wp-block-paragraph">一般的な16進数カラーコードでは「#007070」のように色を指定しますが、OKLCHでは明るさや鮮やかさを分けて調整できます。</p>



<p class="wp-block-paragraph">聞き慣れない形式ではありますが、管理画面上で色を選択できる場合は、数値を細かく理解していなくても利用できます。</p>



<p class="wp-block-paragraph">サイトのブランドカラーやテーマカラーに近い色を設定すると、ブログ全体に統一感を出しやすくなります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d7e76dfa-194a-45aa-b8cf-a83ad7620f7e" class="wp-block-heading">対象となる投稿タイプを選択できる</h3>



<p class="wp-block-paragraph">プラグインの設定画面では、アイキャッチ画像を自動生成する投稿タイプを選択できます。</p>



<p class="wp-block-paragraph">投稿タイプとは、WordPressでコンテンツを分類する仕組みです。</p>



<p class="wp-block-paragraph">代表的なものには、次の種類があります。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>投稿</li>



<li>固定ページ</li>



<li>カスタム投稿タイプ</li>
</ul>



<p class="wp-block-paragraph">通常のブログであれば「投稿」のみに限定するなど、必要な投稿タイプだけを選ぶことが大切です。</p>



<p class="wp-block-paragraph">固定ページまで対象にすると、お問い合わせページ、プライバシーポリシー、運営者情報などにも画像が生成される可能性があります（もちろん、このような影響を承知で利用いただく分には問題ありません）。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-7b70c906-e0cd-4172-919b-90d74dc88bf6" class="wp-block-heading">記事ごとの設定画面は用意されていない</h3>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」には、記事ごとにデザインを変更するための設定画面はありません。</p>



<p class="wp-block-paragraph">投稿編集画面のサイドバーやメタボックスに、専用の設定項目は追加されません。画像内で記事ごとに変わるのは、基本的に投稿タイトルだけです。その他のデザイン設定は、サイト全体で共通となります。</p>



<p class="wp-block-paragraph">たとえば、次のような使い方は標準機能では難しいと考えられます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>記事Aだけ背景色を赤にする</li>



<li>記事Bだけ別のレイアウトにする</li>



<li>記事ごとに異なる補足文を入力する</li>



<li>カテゴリーごとにデザインを変える</li>
</ul>



<p class="wp-block-paragraph">反対に、すべての記事で同じデザインを使いたい場合は、設定がシンプルで管理しやすい仕組みです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-102549db-f1b3-4a83-8971-2c87036582cc" class="wp-block-heading">OGPタグそのものは出力しない</h2>



<p class="wp-block-paragraph">このプラグインを利用する際、特に理解しておきたいのがOGPとの関係です。</p>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、生成した画像をWordPressのアイキャッチ画像として設定しますが、<code>og:image</code>というHTMLタグ自体は出力しません。</p>



<p class="wp-block-paragraph"><code>og:image</code>は、SNSへページの画像を伝えるためのOGPタグです。実際にSNSで画像を表示させるためには、使用しているWordPressテーマやSEOプラグインが、アイキャッチ画像をもとに<code>og:image</code>を出力する必要があります。</p>



<p class="wp-block-paragraph">たとえば、次のような環境であれば、アイキャッチ画像がOGP画像として使用される可能性があります。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>テーマにOGP出力機能がある</li>



<li>SEO SIMPLE PACKなどのSEO関連プラグインを使用している</li>
</ul>



<p class="wp-block-paragraph">アイキャッチ画像が生成されたあと、ページのHTMLソースを確認し、<code>og:image</code>にその画像のURLが設定されているか確認すると確実です。</p>



<p class="wp-block-paragraph">OGPタグを出力しない設計には、SEOプラグインなどと併用した際に、<code>og:image</code>が重複して出力されることを防ぐ目的があります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-dc108935-635f-4d95-ac60-7744c4cbee74" class="wp-block-heading">インストール方法</h2>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」（LOOS Featured Image Automator）は、WordPress公式プラグインディレクトリからインストールできます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="641" height="269" src="https://wppilot.net/wp-content/uploads/2026/07/image-5.png" alt="" class="wp-image-1673" srcset="https://wppilot.net/wp-content/uploads/2026/07/image-5.png 641w, https://wppilot.net/wp-content/uploads/2026/07/image-5-300x126.png 300w" sizes="(max-width: 641px) 100vw, 641px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-8fe62264-60a1-48ce-8bde-49bc9e15434d" class="wp-block-heading">手順1：プラグインの新規追加画面を開く</h3>



<p class="wp-block-paragraph">WordPress管理画面から、次の場所へ進みます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-e33dc4aa-43ba-47a3-bbd4-22cd070d29f6" class="wp-block-heading">手順2：プラグイン名を検索する</h3>



<p class="wp-block-paragraph">検索欄に、次の名前を入力します：「<strong>LOOS Featured Image Automator</strong>」</p>



<p class="wp-block-paragraph">同じような名称のプラグインと間違えないように、作者が「LOOS」となっていることを確認してください。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-cc1c6757-26db-4a8f-a14d-2257dd65bb49" class="wp-block-heading">手順3：インストールして有効化する</h3>



<p class="wp-block-paragraph">「今すぐインストール」を押し、インストールが完了したら「有効化」を押します。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-eb6c9e6c-0e73-47f5-a524-0a98a72bd27b" class="wp-block-heading">手順4：設定画面を開く</h3>



<p class="wp-block-paragraph">WordPress管理画面から、次の場所へ移動します：「設定」→「アイキャッチ画像ジェネレーター by LOOS」</p>



<p class="wp-block-paragraph">ここで、対象となる投稿タイプや画像のデザインを設定します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="625" height="253" src="https://wppilot.net/wp-content/uploads/2026/07/image-6.png" alt="" class="wp-image-1674" srcset="https://wppilot.net/wp-content/uploads/2026/07/image-6.png 625w, https://wppilot.net/wp-content/uploads/2026/07/image-6-300x121.png 300w" sizes="(max-width: 625px) 100vw, 625px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-153d836e-f18e-49d7-9824-980210464bf5" class="wp-block-heading">手順5：デザインを設定する</h3>



<p class="wp-block-paragraph">OGP画像メーカーの設定内容を確認しながら、「API パラメータの設定」の入力項目を記入していきます。</p>



<p class="wp-block-paragraph">なお、<a href="https://loos.tools/ogimg-maker/editor/">「OGP画像メーカー」のエディター画面</a>で生成したURLから、入力項目をインポートし、自動反映させることが可能です（上部テキスト・下部テキストを除きます）。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d6365c1&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d6365c1" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1024" height="993" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/07/image-7-1024x993.png" alt="" class="wp-image-1675" srcset="https://wppilot.net/wp-content/uploads/2026/07/image-7-1024x993.png 1024w, https://wppilot.net/wp-content/uploads/2026/07/image-7-900x873.png 900w, https://wppilot.net/wp-content/uploads/2026/07/image-7-640x621.png 640w, https://wppilot.net/wp-content/uploads/2026/07/image-7-300x291.png 300w, https://wppilot.net/wp-content/uploads/2026/07/image-7-768x745.png 768w, https://wppilot.net/wp-content/uploads/2026/07/image-7.png 1168w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d1a54f81-f754-49ff-84b4-d75a5efcfb39" class="wp-block-heading">手順6：投稿を保存する</h3>



<p class="wp-block-paragraph">対象となる投稿タイプの記事を作成し、タイトルを入力して保存します。</p>



<p class="wp-block-paragraph">ただし、画像生成はWP-Cronによって処理されるため、保存直後にはアイキャッチ画像が表示されない場合があります。</p>



<p class="wp-block-paragraph">少し時間を置いたあと、投稿編集画面またはメディアライブラリを確認しましょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-3ff888d4-e3ab-4e98-b9b1-7d247e373826" class="wp-block-heading">（注）既存の記事の生成タイミングについて</h3>



<p class="wp-block-paragraph">公式説明では、<strong>「対象となる投稿を保存したとき」に画像生成処理が予約される仕組み</strong>と説明されています。そのため、プラグインを有効化しただけで、過去の記事すべてに自動的に画像が追加されるものではありません。</p>



<p class="wp-block-paragraph">既存の記事で画像を生成したい場合は、対象の記事を開き、更新操作を行う必要があります。ただし、大量の記事を一度に更新すると、画像生成処理や外部通信が集中する可能性があります。</p>



<p class="wp-block-paragraph">まずは数件の記事で動作を確認してから、少しずつ進める方が安全です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-3b09d424-343b-4647-b3c8-c664bbb0ffd1" class="wp-block-heading">「アイキャッチ画像ジェネレーター by LOOS」のメリット</h2>



<h3 id="vk-htags-a6414382-61ae-4f43-b408-759ba1b2ec92" class="wp-block-heading">アイキャッチ画像を作る時間を減らせる</h3>



<p class="wp-block-paragraph"><strong>最大のメリットは、アイキャッチ画像を手作業で作成する時間を減らせることです。</strong></p>



<p class="wp-block-paragraph">記事を1本書くたびに、次の作業を行っている方も多いでしょう。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>Canvaを開く</li>



<li>テンプレートを選ぶ</li>



<li>記事タイトルを入力する</li>



<li>文字サイズや改行を調整する</li>



<li>画像を書き出す</li>



<li>WordPressへアップロードする</li>



<li>アイキャッチ画像として設定する</li>
</ul>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」を使えば、記事タイトルを入力して保存するだけで、こうした作業の多くを省略できます。</p>



<p class="wp-block-paragraph">記事の更新頻度が高いサイトほど、時間短縮の効果を実感しやすいでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-cf4912da-4525-4b33-822f-c73b435d9cbd" class="wp-block-heading">デザインを統一しやすい</h3>



<p class="wp-block-paragraph">画像の設定はサイト全体で共通となるため、記事ごとのデザインにばらつきが出にくくなります。アイキャッチ画像を毎回手作業で作る場合、文字の位置、フォントサイズ、余白、背景色などが少しずつ変わってしまうことがあります。</p>



<p class="wp-block-paragraph">自動生成であれば、基本的なレイアウトが統一されます。記事一覧や関連記事を表示したときにも、整った印象を与えやすくなります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-029cedd9-ad48-4f1b-897c-09f22eae2de2" class="wp-block-heading">アイキャッチ画像の設定忘れを減らせる</h3>



<p class="wp-block-paragraph">記事を急いで公開した際に、アイキャッチ画像を設定し忘れることがあります。アイキャッチ画像がないと、投稿一覧やSNS上で画像が表示されず、記事が目立ちにくくなる可能性があります。</p>



<p class="wp-block-paragraph"><strong>対象の投稿を保存するだけで画像が生成されるため、設定忘れを防ぎやすくなります。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-b05dc919-0cd2-45d8-ba5e-ec979c736fdd" class="wp-block-heading">手動設定した画像を優先できる</h3>



<p class="wp-block-paragraph">自動生成系のプラグインでは、既存の画像が上書きされないか不安になることがあります。</p>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、<strong>プラグイン以外の方法で設定されたアイキャッチ画像を上書きしません。</strong></p>



<p class="wp-block-paragraph">自動化と手動設定を柔軟に使い分けられる点は安心材料です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-65e24e6a-1fdb-49c2-b776-399e90f0de2d" class="wp-block-heading">AI画像生成サービスとは性質が異なる</h3>



<p class="wp-block-paragraph">このプラグインは、記事本文の内容を解析して写真やイラストを生成するAI画像生成プラグインではありません。<strong>記事タイトルと共通のデザイン設定を組み合わせ、文字を中心としたOGP向け画像を作成する仕組み</strong>です。</p>



<p class="wp-block-paragraph">そのため、AIが意図しない画像を生成したり、記事内容と関係のない写真が作られたりする心配は比較的少ないと考えられます。</p>



<p class="wp-block-paragraph">料金のかかる生成AIサービスのAPIキーを用意する必要もありません。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-65295b59-36e0-40d6-8969-03ee5ef9518f" class="wp-block-heading">使用上の注意点</h2>



<h3 id="vk-htags-0f31f652-2d45-40a0-b06b-e4a732edc3a8" class="wp-block-heading">外部サービスへ記事タイトルが送信される</h3>



<p class="wp-block-paragraph">画像生成には、上述の<a href="https://loos.tools/ogimg-maker/">OGP画像生成メーカー</a>が提供する「<a href="https://loos.tools/ogimg-maker/guide/">OG Image Maker API</a>」が使用されます。</p>



<p class="wp-block-paragraph">画像生成時には、次の情報が外部サービスへ送信されます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>記事タイトル</li>



<li>レイアウトなどの画像設定</li>



<li>色の設定</li>



<li>上部および下部に表示するテキスト</li>
</ul>



<p class="wp-block-paragraph">生成された画像は、LOOSのCDNからWordPressへダウンロードされます。CDNとは、画像などのファイルを効率よく配信するための仕組みです。</p>



<p class="wp-block-paragraph">通常の公開記事であれば大きな問題にならないこともありますが、<strong>公開前の機密情報や個人情報を記事タイトルに含めるサイトでは注意が必要です。</strong></p>



<p class="wp-block-paragraph"><strong>次のような用途では、導入前に運用方針を確認した方がよいでしょう。</strong></p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>社内限定サイト</li>



<li>顧客情報を扱うサイト</li>



<li>会員限定コンテンツ</li>



<li>公開前の商品名や企画名を扱うサイト</li>



<li>記事タイトルに個人情報が含まれるサイト</li>
</ul>



<p class="wp-block-paragraph">外部サービスへ情報を送信したくない場合は、このプラグインを有効化しないよう、公式ページでも案内されています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-9555e8fc-6ea8-425d-ba8e-c54a3c7c3482" class="wp-block-heading">外部サービスが停止すると画像を生成できない</h3>



<p class="wp-block-paragraph">画像生成はWordPressが設置されているサーバー内だけで完結しません。LOOSが提供するAPIとCDNへ接続する必要があります。</p>



<p class="wp-block-paragraph">そのため、外部サービスの障害、仕様変更、提供終了、通信エラーなどが発生すると、新しい画像を生成できなくなる可能性があります。</p>



<p class="wp-block-paragraph">ただし、すでに生成され、WordPressのメディアライブラリへ保存された画像は、通常はそのままサイト内で利用できます。</p>



<p class="wp-block-paragraph">外部サービスが一時的に停止しただけで、過去のアイキャッチ画像が直ちに消える仕組みではありません。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-a63b30e0-d623-430a-a7a8-67cd27575aaa" class="wp-block-heading">WP-Cronが正常に動作している必要がある</h3>



<p class="wp-block-paragraph">このプラグインは、WP-Cronを使って画像生成を実行します。</p>



<p class="wp-block-paragraph">次のような環境では、画像生成が遅れたり、実行されなかったりする可能性があります。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><code>DISABLE_WP_CRON</code>が有効になっている</li>



<li>アクセスが極端に少ない</li>



<li>セキュリティ設定がWP-Cronを妨げている</li>



<li>サーバー側のcron設定に問題がある</li>



<li>WordPressのループバック通信に問題がある</li>
</ul>



<p class="wp-block-paragraph">WordPress標準のWP-Cronは、予定時刻を過ぎたあとにサイトへアクセスがあった際に実行されます。常に一定間隔で動くものではありません。</p>



<p class="wp-block-paragraph">画像が生成されない場合は、WordPressの「サイトヘルス」やWP-Cron管理プラグインなどを使い、予約処理が正常に動作しているか確認する必要があります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d060f16d-18ea-40a1-a747-06a7f192a064" class="wp-block-heading">記事ごとに細かくデザインを変えられない</h3>



<p class="wp-block-paragraph">設定はサイト全体で共通です。投稿編集画面には専用の設定項目がないため、記事ごとに背景色やレイアウトを変えたい方には不向きです。</p>



<p class="wp-block-paragraph">カテゴリーによってデザインを変えたい場合や、記事ごとに画像を作り込みたい場合は、Canvaなどを使った手動作成の方が向いています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-5f61286f-39f8-43ce-ac1c-813281852e04" class="wp-block-heading">写真を重視する記事には向かない場合がある</h3>



<p class="wp-block-paragraph">タイトル中心の画像は、技術記事、コラム、ニュース、お知らせなどと相性がよい一方、写真自体に意味がある記事では物足りないことがあります。</p>



<p class="wp-block-paragraph">たとえば、次のような記事では、実際の写真を使った方が内容を伝えやすいでしょう。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>飲食店の紹介</li>



<li>観光地の紹介</li>



<li>商品レビュー</li>



<li>カメラや写真の記事</li>



<li>イベントレポート</li>



<li>作品や制作物の紹介</li>
</ul>



<p class="wp-block-paragraph">このような記事では、撮影した写真を手動でアイキャッチ画像に設定し、それ以外の記事だけ自動生成する使い分けが適しています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d281ebb1-88ad-4954-9ad2-76bd5c57099a" class="wp-block-heading">OGP表示はテーマやSEOプラグインにも左右される</h3>



<p class="wp-block-paragraph">画像がアイキャッチとして正常に設定されても、SNSで正しく表示されるとは限りません。</p>



<p class="wp-block-paragraph">SNS上の表示には、次の要素も関係します。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>テーマのOGP出力機能</li>



<li>SEOプラグインの設定</li>



<li>OGPタグの重複</li>



<li>キャッシュプラグイン</li>



<li>CDNのキャッシュ</li>



<li>SNS側のキャッシュ</li>
</ul>



<p class="wp-block-paragraph">画像が生成されたのにSNSで古い画像が表示される場合は、プラグインの故障とは限りません。ページのHTMLソースや、SNS側のキャッシュ状況を確認する必要があります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-1b3ae9d3-627d-407a-bca5-f78535a42e68" class="wp-block-heading">新しいプラグインで利用実績がまだ少ない</h3>



<p class="wp-block-paragraph">2026年7月14日時点では、有効インストール数はごく小数で、WordPress.org上のレビューやサポートトピックもまだありません。</p>



<p class="wp-block-paragraph">公開直後のプラグインであるため、長期間の運用実績や、多数のテーマ・プラグインとの組み合わせに関する情報はまだ十分ではありません。</p>



<p class="wp-block-paragraph">本番サイトへ導入する前に、次の方法で確認することをおすすめします。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>バックアップを取得する</li>



<li>テスト環境で試す</li>



<li>数件の記事で生成結果を確認する</li>



<li>OGPタグの出力を確認する</li>



<li>キャッシュプラグインとの相性を確認する</li>



<li>タイトル変更時の画像削除を確認する</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-6e67e21b-d29a-42fa-b5c5-e37e896f2cf7" class="wp-block-heading">どのようなサイトに向いているのか</h2>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、特に次のようなサイトに向いています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-fe60fe12-35e6-4b0f-a37a-c030d234b6d8" class="wp-block-heading">技術ブログ</h3>



<p class="wp-block-paragraph">WordPress、プログラミング、Web制作などの技術記事では、写真よりも記事タイトルを大きく表示したアイキャッチ画像が使われることがあります。</p>



<p class="wp-block-paragraph">同じデザインで技術記事を継続的に投稿するサイトと相性がよいでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-071446dc-8e98-442f-840c-c6cd17f74714" class="wp-block-heading">ニュースサイトや情報サイト</h3>



<p class="wp-block-paragraph">日々多くの記事を公開するサイトでは、アイキャッチ画像を1枚ずつ作成する負担が大きくなります。</p>



<p class="wp-block-paragraph">記事タイトルを使った画像を自動生成できれば、更新作業を効率化できます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-cf41d647-75a7-4866-849e-bcf80018c610" class="wp-block-heading">お知らせを頻繁に掲載するサイト</h3>



<p class="wp-block-paragraph">企業サイト、店舗サイト、コミュニティサイトなどで、お知らせを頻繁に更新する場合にも便利です。</p>



<p class="wp-block-paragraph">写真を用意できないお知らせでも、最低限のアイキャッチ画像を自動的に設定できます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-2aa3f8e5-736d-4b1c-bcd8-f26686e6394e" class="wp-block-heading">複数人で運営するサイト</h3>



<p class="wp-block-paragraph">複数人が記事を投稿するサイトでは、担当者によってアイキャッチ画像のデザインがばらつきやすくなります。</p>



<p class="wp-block-paragraph">デザインを共通設定することで、作成者にかかわらず一定の見た目を保ちやすくなります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-9128923b-ed20-4f9b-a3de-0462e2886be8" class="wp-block-heading">アイキャッチ画像の作成が負担になっている個人ブログ</h3>



<p class="wp-block-paragraph">記事本文を書くことに集中したい個人ブロガーにも向いています。</p>



<p class="wp-block-paragraph">特に、画像編集が苦手な方や、記事公開までの工程を少なくしたい方にとって便利なプラグインです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-e1fd1845-abdb-4083-8a39-83d1e4962f03" class="wp-block-heading">あまり向いていないサイト</h2>



<p class="wp-block-paragraph">一方、次のようなサイトには合わない場合があります。</p>



<ul class="wp-block-list is-style-vk-frown-mark">
<li>記事ごとに個性的な画像を作りたい</li>



<li>写真やイラストを中心に見せたい</li>



<li>カテゴリーごとにデザインを変えたい</li>



<li>外部サービスへ記事タイトルを送信できない</li>



<li>記事ごとに画像内の文章を編集したい</li>



<li>生成画像ではなく、元のアイキャッチ画像を加工したい</li>



<li>外部APIに依存しない仕組みを求めている</li>
</ul>



<p class="wp-block-paragraph">自動化による効率を優先するのか、記事ごとの表現を優先するのかを考えて選ぶことが大切です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-22618a69-5557-4bc5-9756-73a3af09bafd" class="wp-block-heading">手動作成との使い分け</h2>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」とCanvaなどの手動作成ツールは、どちらか一方だけを選ぶ必要はありません。</p>



<p class="wp-block-paragraph">通常の記事は自動生成し、特に力を入れたい記事だけCanvaなどで作り込む方法であれば、作業量を減らしながら表現の自由も残せます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-af5aa283-e534-4f6c-80fa-ca70413312c8" class="wp-block-heading">自動生成に向いている記事の例</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>WordPressの操作解説</li>



<li>プラグインの紹介</li>



<li>コラム</li>



<li>お知らせ</li>



<li>用語解説</li>



<li>短いニュース</li>



<li>更新情報</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-c8f5c2ec-164d-4436-b911-0d956c7cf21e" class="wp-block-heading">手動作成に向いている記事の例</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>重要な収益記事</li>



<li>商品レビュー</li>



<li>写真記事</li>



<li>観光記事</li>



<li>飲食店紹介</li>



<li>キャンペーンページ</li>



<li>SNSで特に目立たせたい記事</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-22fdeece-4d8c-4acf-a94b-a85fdf90d2dd" class="wp-block-heading">導入後に確認したいチェック項目</h2>



<p class="wp-block-paragraph">プラグインを導入したあとは、次の点を確認しておきましょう。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>アイキャッチ画像が生成されているか<br></strong>投稿を保存したあと、一定時間を置いてからアイキャッチ画像を確認します。</li>



<li><strong>メディアライブラリへ登録されているか<br></strong>生成画像が通常の画像ファイルとして保存されているか確認します。</li>



<li><strong>画像サイズが1200×630ピクセルになっているか</strong><br>公式説明では、生成画像は1200×630ピクセルのJPEGとされています。</li>



<li><strong>日本語タイトルが正しく表示されているか<br></strong>長いタイトルや記号を含むタイトルで、改行や文字切れが起きないか確認します。</li>



<li><strong>タイトル変更後に画像が更新されるか<br></strong>テスト投稿でタイトルを変更し、新しい画像へ置き換わるか確認します。</li>



<li><strong>古い画像が削除されるか<br></strong>「以前の自動生成画像を削除する」設定を有効にしている場合は、古い画像がメディアライブラリから削除されるか確認します。</li>



<li><strong>手動画像が上書きされないか<br></strong>手動でアイキャッチ画像を設定した投稿を保存し、画像が維持されるか確認します。</li>



<li><strong>OGP画像として出力されているか<br></strong>ページのHTMLソースでog:imageを検索し、生成画像のURLが出力されているか確認します。</li>



<li><strong>SNS上で正しく表示されるか<br></strong>XやFacebookなどで共有した際に、画像が正しく表示されるか確認します。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-0e29af33-3c3b-45fa-8218-62336d6b1421" class="wp-block-heading">トラブルが起きたときの確認方法</h2>



<h3 id="vk-htags-7e317204-630c-49af-a1a2-87f707b082ea" class="wp-block-heading">画像が生成されない場合</h3>



<p class="wp-block-paragraph">次の点を確認します。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>対象の投稿タイプが設定されているか</li>



<li>記事タイトルが入力されているか</li>



<li>手動のアイキャッチ画像が設定されていないか</li>



<li>WP-Cronが無効化されていないか</li>



<li>WordPressのサイトヘルスに問題が出ていないか</li>



<li>外部通信がファイアウォールに遮断されていないか</li>



<li>サーバーがLOOSのAPIやCDNへ接続できるか</li>
</ul>



<p class="wp-block-paragraph"><strong>手動で設定したアイキャッチ画像がある場合、その投稿では自動生成がスキップされる</strong>点にも注意してください。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-9c39b276-0f6b-461b-be5b-61fa57cf56b8" class="wp-block-heading">保存直後に画像が表示されない場合</h3>



<p class="wp-block-paragraph">画像生成は非同期処理です。<strong>投稿保存と同時に完成するとは限らないため、少し時間を置いてから再確認してください。</strong></p>



<p class="wp-block-paragraph">アクセス数の少ないテストサイトでは、別のページを表示することでWP-Cronが動作する場合があります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-fdc65831-cf75-42d6-8dbd-4fa0e882d399" class="wp-block-heading">SNSで画像が更新されない場合</h3>



<p class="wp-block-paragraph">SNS側に古いOGP情報が保存されている可能性があります。あるいは、キャッシュプラグインのキャッシュや、CDNのキャッシュ等が影響されているかもしれません。</p>



<p class="wp-block-paragraph">また、WordPress側でアイキャッチ画像が更新されたとしても、プラグインは<code>og:image</code>タグを直接出力するわけではないため、テーマやSEOプラグインの設定も確認する必要があります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-42735729-5666-4922-8a05-64f3132d9579" class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">「アイキャッチ画像ジェネレーター by LOOS」は、記事タイトルから1200×630ピクセルのアイキャッチ画像を自動生成し、WordPressのメディアライブラリへ保存してくれるプラグインです。</p>



<p class="wp-block-paragraph">主な特徴は次のとおりです。</p>



<ul class="wp-block-list is-style-vk-check-square-mark">
<li>記事タイトルからアイキャッチ画像を自動生成できる</li>



<li>生成画像をメディアライブラリへ保存できる</li>



<li>投稿のアイキャッチ画像として自動設定できる</li>



<li>手動で設定した画像は上書きしない</li>



<li>タイトル変更時には画像も更新される</li>



<li>古い自動生成画像を削除できる</li>



<li>同じ内容で再保存した場合は不要な再生成を行わない</li>



<li>投稿タイプを選択できる</li>



<li>画像デザインをサイト全体で統一できる</li>
</ul>



<p class="vk_block-margin-md--margin-top wp-block-paragraph">一方で、次の点には注意が必要です。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>記事タイトルがLOOSの外部サービスへ送信される</li>



<li>画像生成が外部APIに依存する</li>



<li>WP-Cronが正常に動作している必要がある</li>



<li>記事ごとにデザインを変更できない</li>



<li>OGPタグそのものは出力しない</li>



<li>公開されたばかりで利用実績がまだ少ない</li>
</ul>



<p class="wp-block-paragraph">アイキャッチ画像の作成を完全に手放すというよりも、「<strong>通常の記事は自動生成し、重要な記事だけ手動で作る</strong>」という使い方が現実的です。</p>



<p class="wp-block-paragraph">特に、技術ブログ、お知らせサイト、ニュースサイトなど、タイトルを中心とした統一デザインの画像を継続的に使用するサイトでは、記事作成の負担を大きく減らせる可能性があります。</p>



<p class="wp-block-paragraph">まだ新しいプラグインであるため、まずはテスト環境や少数の記事で動作を確認したうえで導入するとよいでしょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/07/14/loos-featured-image-automator/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>アフィリエイト用の定番プラグイン「Pochipp（ポチップ）」：WordPressで商品リンクをきれいに作れる便利プラグインを紹介</title>
		<link>https://wppilot.net/2026/07/09/affiliate-plugin-pochipp/</link>
					<comments>https://wppilot.net/2026/07/09/affiliate-plugin-pochipp/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Thu, 09 Jul 2026 06:14:43 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[アフィリエイト広告]]></category>
		<category><![CDATA[Pochipp]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1612</guid>

					<description><![CDATA[WordPressでブログを書いていると、Amazon・楽天市場・Yahoo!ショッピングなどの商品リンクを記事内に貼りたい場面があります。 例えば、次のような記事です。 このような記事では、ただテキストリンクを貼るだけ [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">WordPressでブログを書いていると、Amazon・楽天市場・Yahoo!ショッピングなどの商品リンクを記事内に貼りたい場面があります。</p>



<p class="wp-block-paragraph">例えば、次のような記事です。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>買ってよかったもの紹介</li>



<li>書籍レビュー</li>



<li>ガジェットレビュー</li>



<li>食品・日用品の紹介</li>



<li>旅行用品やカメラ用品の紹介</li>



<li>ブログ運営に役立つツール紹介</li>
</ul>



<p class="wp-block-paragraph">このような記事では、ただテキストリンクを貼るだけでは少し味気なく見えてしまいます。そこで便利なのが、WordPressプラグインの <strong>Pochipp（ポチップ）</strong> です。</p>



<p class="wp-block-paragraph">Pochippは、<strong>Amazonや楽天市場などの商品を検索し、アフィリエイトリンクをきれいな商品ボックスとして表示できるプラグイン</strong>です。WordPress公式ディレクトリでも「Amazonや楽天市場から商品を検索してアフィリエイトリンクを管理できるプラグイン」と説明されています。</p>



<p class="wp-block-paragraph">この記事では、Pochippの魅力、Rinkerとの違い、導入前に知っておきたい注意点を、WordPress初心者の方にも分かりやすく紹介します。</p>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-ppz1m87c8-jefu-a7gr-bc3i-os3n9kg8jf" aria-expanded="false" aria-controls="vk-toc-content-ppz1m87c8-jefu-a7gr-bc3i-os3n9kg8jf">OPEN</button><ul id="vk-toc-content-ppz1m87c8-jefu-a7gr-bc3i-os3n9kg8jf" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-109dabc7-83a7-4398-ae4e-ea389d54bf33" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						Pochippとは？
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-609da5d5-53db-48cd-9cd5-80f6262ea6e3" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.1. </span>
						公式情報
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-6ad2c2e8-a04e-4529-81e5-58ae58c0e307" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.2. </span>
						プラグイン使用例①（通常のアフィリエイトリンク）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c5b89042-1a76-4695-a980-baac7b11eede" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.3. </span>
						プラグイン使用例②（カスタマイズ例）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-12d567a6-ac0d-4afe-ad6f-a0a08df29cd0" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						Pochippの魅力
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-bc465cd6-9db5-4d96-bdb0-f9fb623a370e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.1. </span>
						1. 商品リンクをきれいに表示できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c92ad239-472f-4bbb-8fb8-ebf70a750a8e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.2. </span>
						2. ブロックエディターで使いやすい
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-7e9483d3-b3f4-45b3-9f65-639e546ea6e3" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.3. </span>
						3. Amazon・楽天・Yahoo!ショッピング・メルカリをまとめて案内できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b1de884a-229e-408f-be1b-5cf7866b6b49" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.4. </span>
						4. 商品紹介記事の作業時間を減らせる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-6be5aed7-c0d9-4157-9b4d-7080f59fc06e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.5. </span>
						5. Rinkerやカエレバなどからの移行にも配慮されている
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-8eb8f864-9a37-4f80-bf87-4ec651b6d097" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.6. </span>
						6. Pochipp AssistでAmazon検索のハードルを下げられる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-af8dfb63-c94a-40c5-b146-c9be1e814ad8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.7. </span>
						7. Pro版でさらに便利にできる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-0e29cfaf-ee23-4f25-ad09-e15e68d499b9" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						Rinkerと比べたときのPochippの魅力
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-96e6197a-2934-463d-8da7-a37d09c79cac" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						Pochippが向いているブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-71ebfc02-60d3-4b71-9ffd-43df0f9d9ac7" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						レビュー記事を書くブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-da2c3278-f2af-45c1-946e-16b54d578345" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						買ってよかったもの紹介ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9f2ca97a-a1a6-4a62-a073-ec28836d89af" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.3. </span>
						書籍・教材紹介ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b175fc4a-9250-4308-b6f4-740d9f0ee56e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.4. </span>
						ガジェット・家電ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-e2a0c308-d4ae-48bd-880c-58da146fe0d8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.5. </span>
						雑記ブログ・個人ブログ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-cbf6edd0-b644-4bdc-8b16-9731c2dcef98" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						Pochippを使うときの注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-885951aa-cd27-474d-9f3d-1dba9956e957" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.1. </span>
						商品リンクを貼りすぎない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-000324df-ff8b-4e7c-8f1f-637613c985b8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.2. </span>
						アフィリエイト表記を忘れない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-bdc102c2-6ae4-433f-9a3c-b5c0b05bdf1f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.3. </span>
						Amazonや楽天など、外部サービスの規約変更・仕様変更等に注意する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-f8f8d7a4-9e52-4a53-8f63-d188dc48f149" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.4. </span>
						クラシックエディタ中心の人は注意
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3dcf87f4-ad0d-41bc-aec3-d7abfed17e0a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6. </span>
						まとめ：Pochippは収益化を始めたいWordPressブログにおすすめ
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-109dabc7-83a7-4398-ae4e-ea389d54bf33" class="wp-block-heading">Pochippとは？</h2>



<p class="wp-block-paragraph"><strong>Pochippは、WordPressの記事内に商品リンクを作成・表示するためのプラグインです。</strong></p>



<p class="wp-block-paragraph">主に次のようなショップへのリンクをまとめて表示できます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>Amazon</li>



<li>楽天市場</li>



<li>Yahoo!ショッピング</li>



<li>その他、設定に応じた商品リンク</li>
</ul>



<p class="wp-block-paragraph">商品画像、商品名、各ショップへのボタンをひとつのボックス内にまとめて表示できるため、読者にとっても分かりやすい商品紹介ができます。</p>



<p class="wp-block-paragraph">公式サイトでは、Pochippは「<strong>ブロックエディター特化のリンク管理ツール</strong>」と紹介されています。対象環境はWordPress 5.6以上、PHP 7.4以上とされています（2026/07/09時点）。</p>



<p class="wp-block-paragraph">つまり、現在のWordPressで標準となっているブロックエディターに合わせて作られた、比較的新しい運用に向いた商品リンクプラグインです。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d643be5&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d643be5" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1024" height="849" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/07/image-1024x849.png" alt="" class="wp-image-1613" srcset="https://wppilot.net/wp-content/uploads/2026/07/image-1024x849.png 1024w, https://wppilot.net/wp-content/uploads/2026/07/image-900x746.png 900w, https://wppilot.net/wp-content/uploads/2026/07/image-640x531.png 640w, https://wppilot.net/wp-content/uploads/2026/07/image-300x249.png 300w, https://wppilot.net/wp-content/uploads/2026/07/image-768x637.png 768w, https://wppilot.net/wp-content/uploads/2026/07/image.png 1306w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">「Pochipp」WordPressプラグインページのスクリーンショット</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-609da5d5-53db-48cd-9cd5-80f6262ea6e3" class="wp-block-heading">公式情報</h3>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/">ポチップ | 商品のアフィリエイトリンクを手軽に管理！ブロックエディター対応の最新WordPressプラグイン</a></li>



<li><a href="https://ja.wordpress.org/plugins/pochipp/">Pochipp – WordPress プラグイン | WordPress.org 日本語</a></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-6ad2c2e8-a04e-4529-81e5-58ae58c0e307" class="wp-block-heading">プラグイン使用例①（通常のアフィリエイトリンク）</h3>


		<div class="pochipp-box"
			data-id="1587"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="a8e4cb8b"		>
							<div class="pochipp-box__image">
					<a href="https://www.amazon.co.jp/dp/429502290X?tag=wppilotnet-22" rel="nofollow">
						<img decoding="async" src="https://m.media-amazon.com/images/I/81M1URFXtPL._SL400_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://www.amazon.co.jp/dp/429502290X?tag=wppilotnet-22" rel="nofollow">
						いちばんやさしいWordPressの教本 第7版 6.x対応 人気講師が教える本格Webサイトの作り方 (いちばんやさしい教本シリーズ)					</a>
				</div>

				
									<div class="pochipp-box__price">
						¥1,980						<span>（2026/07/08 09:07時点 | Amazon調べ）</span>
					</div>
				
									<div class="pochipp-box__review">
						<a href="https://www.amazon.co.jp/product-reviews/429502290X?tag=wppilotnet-22" rel="nofollow">
							<img decoding="async" src="https://wppilot.net/wp-content/plugins/pochipp/assets/img/review.svg" alt="" width="16" height="16" />
							<span>口コミを見る</span>
						</a>
					</div>
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a href="https://www.amazon.co.jp/dp/429502290X?tag=wppilotnet-22" class="pochipp-box__btn" rel="nofollow">
					<span>
						Amazon					</span>
									</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a href="https://af.moshimo.com/af/c/click?a_id=5663263&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E3%2581%2584%25E3%2581%25A1%25E3%2581%25B0%25E3%2582%2593%25E3%2582%2584%25E3%2581%2595%25E3%2581%2597%25E3%2581%2584WordPress%25E3%2581%25AE%25E6%2595%2599%25E6%259C%25AC" class="pochipp-box__btn" rel="nofollow">
					<span>
						楽天市場					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=5663263&#038;p_id=54&#038;pc_id=54&#038;pl_id=616" width="1" height="1" style="border:none;">				</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a href="https://af.moshimo.com/af/c/click?a_id=5663268&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=19142&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3D%25E3%2581%2584%25E3%2581%25A1%25E3%2581%25B0%25E3%2582%2593%25E3%2582%2584%25E3%2581%2595%25E3%2581%2597%25E3%2581%2584WordPress%25E3%2581%25AE%25E6%2595%2599%25E6%259C%25AC" class="pochipp-box__btn" rel="nofollow">
					<span>
						Yahooショッピング					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=5663268&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=19142" width="1" height="1" style="border:none;">				</a>
			</div>
						  <div class="pochipp-box__btnwrap -mercari">
								<a href="https://jp.mercari.com/search?keyword=%E3%81%84%E3%81%A1%E3%81%B0%E3%82%93%E3%82%84%E3%81%95%E3%81%97%E3%81%84WordPress%E3%81%AE%E6%95%99%E6%9C%AC&#038;afid=8515247675&#038;utm_source=pochipp" class="pochipp-box__btn" rel="nofollow">
					<span>
						メルカリ					</span>
								</a>
		  </div>
							</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://wppilot.net/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-c5b89042-1a76-4695-a980-baac7b11eede" class="wp-block-heading">プラグイン使用例②（カスタマイズ例）</h3>


		<div class="pochipp-box"
			data-id="1650"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="f4dd8a7d"		>
							<div class="pochipp-box__image">
					<a href="https://af.moshimo.com/af/c/click?a_id=5679355&#038;p_id=3642&#038;pc_id=8858&#038;pl_id=51681" rel="nofollow">
						<img decoding="async" width="300" height="250"  src="https://wppilot.net/wp-content/uploads/2026/07/Pochipp-Pro.png" alt=""/>					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://af.moshimo.com/af/c/click?a_id=5679355&#038;p_id=3642&#038;pc_id=8858&#038;pl_id=51681" rel="nofollow">
						【Pochipp Pro】ポチップ（Pochipp）をさらに強力に					</a>
				</div>

									<div class="pochipp-box__info">Pochippはリリースよりユーザー2万人以上、Pochipp Proユーザーが1200人以上のWordPressプラグインです。（人数は2026年7月現在）</div>
				
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
																<div class="pochipp-box__btnwrap -custom -long-text">
								<a href="https://af.moshimo.com/af/c/click?a_id=5679355&#038;p_id=3642&#038;pc_id=8858&#038;pl_id=51681" class="pochipp-box__btn" rel="nofollow">
					<span>
						ご購入はこちらから					</span>
				</a>
			</div>
										<div class="pochipp-box__btnwrap -custom_2 -long-text">
								<a href="https://pochipp.com/" class="pochipp-box__btn" rel="nofollow">
					<span>
						ポチップ公式サイト					</span>
				</a>
			</div>
			</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://wppilot.net/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	

		<div class="pochipp-box"
			data-id="1615"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="93f3c0b7"		>
							<div class="pochipp-box__image">
					<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" rel="nofollow">
						<img decoding="async" width="300" height="300"  src="https://wppilot.net/wp-content/uploads/2026/07/vws-affiliate-1y-600x600-1-300x300.png" alt=""/>					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" rel="nofollow">
						Vektor Passport（ライセンス期間1年）					</a>
				</div>

									<div class="pochipp-box__info">ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。</div>
				
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
																<div class="pochipp-box__btnwrap -custom">
								<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" class="pochipp-box__btn" rel="nofollow">
					<span>
						商品を確認する					</span>
				</a>
			</div>
										<div class="pochipp-box__btnwrap -custom_2 -long-text">
								<a href="https://vws.vektor-inc.co.jp/?vwaf=3041" class="pochipp-box__btn" rel="nofollow">
					<span>
						販売元公式サイト					</span>
				</a>
			</div>
			</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://wppilot.net/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-12d567a6-ac0d-4afe-ad6f-a0a08df29cd0" class="wp-block-heading">Pochippの魅力</h2>



<h3 id="vk-htags-bc465cd6-9db5-4d96-bdb0-f9fb623a370e" class="wp-block-heading">1. 商品リンクをきれいに表示できる</h3>



<p class="wp-block-paragraph">Pochippの大きな魅力は、商品リンクの見た目を整えやすいことです。</p>



<p class="wp-block-paragraph">商品紹介では、読者が次の情報をすぐ確認できることが大切です。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>どの商品なのか</li>



<li>どんな見た目の商品なのか</li>



<li>どこで買えるのか</li>



<li>Amazon・楽天・Yahoo!ショッピング・メルカリのどれを選べるのか</li>
</ul>



<p class="wp-block-paragraph">Pochippを使うと、商品画像・商品名・購入ボタンを整理して表示できます。</p>



<p class="wp-block-paragraph">テキストリンクだけの場合、読者がリンクに気づかないこともあります。しかし、商品ボックスとして表示されていれば、記事を読んでいる途中でも自然に目に入りやすくなります。特にレビュー記事や比較記事では、見やすい商品リンクがあるだけで記事全体の完成度も上がります。</p>



<p class="wp-block-paragraph">なお、<strong>Amazonや楽天などに用途が限られているわけでもなく、別のアフィリエイトにもご利用いただけます。</strong></p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-6527aaa7-9da3-407d-8e50-5441565170d3">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/5939/">ポチップでAmazonや楽天ボタンを表示しないカスタムリンクを作る方法 | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-c92ad239-472f-4bbb-8fb8-ebf70a750a8e" class="wp-block-heading">2. ブロックエディターで使いやすい</h3>



<p class="wp-block-paragraph">Pochippはブロックエディターに特化したプラグインです。</p>



<p class="wp-block-paragraph">ブロックエディターとは、現在のWordPressで使われている編集画面のことです。文章、画像、見出し、ボタンなどを「ブロック」という単位で配置していく仕組みです。</p>



<p class="wp-block-paragraph">Pochippはこのブロックエディター上で商品リンクを扱いやすく作られています。WordPress公式ディレクトリでも、Pochippは複数のブロックを提供するプラグインとして掲載されています。これが、従来型の商品リンクプラグインとの大きな違いです。</p>



<p class="wp-block-paragraph">以前からよく使われてきたRinkerもブロックエディターでの利用はできますが、どちらかと言えばショートコード運用との相性が良いプラグインです。ショートコードとは、記事内に短いコードを入れて機能を呼び出す仕組みです。</p>



<p class="wp-block-paragraph">一方、Pochippはブロックエディター上で扱いやすい設計になっているため、これから新しくWordPressブログを始める方には分かりやすい選択肢です。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-b720691e-789e-477c-a647-5ffc964fd279">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/596/">ポチップでカスタマイズできる6つの便利機能を紹介 | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-7e9483d3-b3f4-45b3-9f65-639e546ea6e3" class="wp-block-heading">3. Amazon・楽天・Yahoo!ショッピング・メルカリをまとめて案内できる</h3>



<p class="wp-block-paragraph">商品リンクを作るとき、Amazonだけを貼るよりも、楽天市場やYahoo!ショッピングも並べた方が読者に親切です。なぜなら、読者によって普段使っているショップが違うからです。</p>



<p class="wp-block-paragraph">Amazonをよく使う人もいれば、楽天ポイントを貯めている人もいます。PayPayを使っている人なら、Yahoo!ショッピングを好むこともあります。メルカリの利用者も近年は全く珍しくなくなりました。</p>



<p class="wp-block-paragraph">Pochippを使えば、複数ショップへのボタンをひとつの商品ボックス内にまとめられます。これは読者にとって便利なだけでなく、ブログ運営者にとってもメリットがあります。読者が自分の使いやすいショップを選べるため、クリックされる可能性を広げやすくなるからです。</p>



<p class="wp-block-paragraph">なお、<strong>「もしもアフィリエイト」にも対応している</strong>ため、もしAmazonや楽天、Yahoo!ショッピングにおいて「もしもアフィリエイト」をご利用いただいているようであれば、こちらのコードに差し替えることも容易です。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-19a966a9-d4c4-407a-9fbb-2d46511243a9">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/211/">もしもアフィリエイトでAmazon・楽天・Yahooショッピングのアフィリエイト設定方法 | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-b1de884a-229e-408f-be1b-5cf7866b6b49" class="wp-block-heading">4. 商品紹介記事の作業時間を減らせる</h3>



<p class="wp-block-paragraph">商品紹介記事を書くとき、意外と時間がかかるのがリンク作成です。</p>



<p class="wp-block-paragraph">通常であれば、次のような作業が必要になります。</p>



<ul class="wp-block-list is-style-vk-numbered-circle-mark">
<li>Amazonで商品を探す</li>



<li>楽天市場で商品を探す</li>



<li>Yahoo!ショッピングで商品を探す</li>



<li>それぞれのリンクを取得する</li>



<li>記事内に貼る</li>



<li>見た目を整える</li>
</ul>



<p class="wp-block-paragraph">この作業を毎回手作業で行うのは大変です。Pochippを使うと、商品リンク作成の流れをかなり効率化できます。</p>



<p class="wp-block-paragraph">ブログ記事を書くうえで本当に時間をかけたいのは、商品リンクの装飾ではなく、商品の感想、比較、使い方、メリット・デメリットなどの本文部分です。</p>



<p class="wp-block-paragraph">Pochippでリンク作成の手間を減らせれば、記事内容の充実に時間を使いやすくなります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-6be5aed7-c0d9-4157-9b4d-7080f59fc06e" class="wp-block-heading">5. Rinkerやカエレバなどからの移行にも配慮されている</h3>



<p class="wp-block-paragraph">Pochippの公式サイトでは、Rinker、カエレバ、もしもアフィリエイトからPochippへ移行できる移行プラグインも案内されています。これは、すでに別の商品リンクツールを使っている人にとって大きな安心材料です。</p>



<p class="wp-block-paragraph">もちろん、記事数が多いブログでは移行前にバックアップを取り、テスト環境などで確認するのがおすすめです。ただ、移行手段が用意されていること自体は、Pochippの導入を検討しやすいポイントです。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-c2edf36a-20af-473d-b883-b2646d346748">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/switch-plugins/">移行プラグインについて | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-8eb8f864-9a37-4f80-bf87-4ec651b6d097" class="wp-block-heading">6. Pochipp AssistでAmazon検索のハードルを下げられる</h3>



<p class="wp-block-paragraph">Amazonの商品検索では、PA-APIやCreator APIという仕組みが関係することがあります。</p>



<p class="wp-block-paragraph">これらはAmazonの商品情報を外部ツールから取得するための仕組みです。ただし、初心者にとっては設定が少し難しく感じられることがあります。また、規定の審査を通過する必要があり、全ての方が利用できるわけではありません。</p>



<p class="wp-block-paragraph">Pochippには、Pochipp Assistという補助プラグインも用意されています。これにより、Amazonの商品検索まわりのハードルを下げられる場合があります。Amazonアソシエイトに慣れていない方や、初期設定でつまずきやすい方にとっては、Pochipp Assistの存在は心強いポイントです。</p>



<p class="wp-block-paragraph">なお、<strong>無料版と有料版（月額180円）がありますが、有料版の方が制限は緩めです。</strong>無料版での運用が厳しいようであれば、有料版へ移行いただくこともオススメです。</p>



<p class="wp-block-paragraph">また、Amazonまわりの仕様は変更されることがあります。そのため、Amazon関連の設定を行う場合は、必ずPochipp公式サイトの最新情報を確認しながら進めるのが安全です。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-060fe433-c9ea-4059-b824-7962f8b72a47">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/pochipp-assist/">Pochipp Assist | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-af8dfb63-c94a-40c5-b146-c9be1e814ad8" class="wp-block-heading">7. Pro版でさらに便利にできる</h3>



<p class="wp-block-paragraph">Pochippには無料版だけでなく、<a href="https://pochipp.com/pochipp-pro/">Pochipp Pro</a>もあります。無料版でも基本的な商品リンク作成はできますが、Pro版ではより本格的な運用に役立つ機能が用意されています。</p>



<p class="wp-block-paragraph">例えば、クリック率の確認やセール情報の表示など、ブログ収益化を意識した機能を強化できます。Pochipp Proについて紹介している解説記事でも、セール情報やクリック率分析に触れられています。物販アフィリエイトを本格的に伸ばしたい場合、クリック率を確認できることは重要です。</p>



<p class="wp-block-paragraph">また、画像の差し替えも可能になり、独自性・柔軟性のあるアフィリエイトリンクの作成も実現できるようになるなど、できる幅が広がります。</p>



<p class="wp-block-paragraph"><strong>最初は無料版で始め、商品リンクの利用頻度が増えてきたらPro版を検討する</strong>、という流れでもよいでしょう。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-28602118-a3b1-49aa-994a-4cd7e113cf23">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/pochipp-pro/">Pochipp Pro | ポチップ</a></li>



<li><a href="https://pochipp.com/5315/">【Pochipp Pro】ポチップで商品画像を変更する方法 | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-0e29cfaf-ee23-4f25-ad09-e15e68d499b9" class="wp-block-heading">Rinkerと比べたときのPochippの魅力</h2>



<p class="wp-block-paragraph">商品リンクプラグインとしては、<a href="https://oyakosodate.com/rinker/">Rinker</a>も有名です。</p>



<p class="wp-block-paragraph">Rinkerは長く使われてきた定番プラグインで、商品リンクを管理しやすく、利用者も多いです。すでにRinkerで多くの記事を運用している場合、無理にPochippへ乗り換える必要はありません。</p>



<p class="wp-block-paragraph">一方で、これから新しく商品リンク運用を始めるなら、Pochippは非常に有力です。理由は、ブロックエディターに特化しているからです。</p>



<p class="wp-block-paragraph">現在のWordPressでは、ブロックエディターで記事を作る流れが標準になっています。そのため、これからブログを始める人にとっては、ブロックとして自然に扱えるPochippの方が分かりやすい場面があります。</p>



<p class="wp-block-paragraph">ざっくり分けると、次のような考え方です。</p>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><strong>すでにRinkerを使っていて問題がない</strong> → Rinker継続でもよい</li>



<li><strong>これから新しく商品リンクプラグインを選ぶ</strong> → Pochippが使いやすい</li>



<li><strong>ブロックエディター中心で記事を書いている</strong> → Pochippが合いやすい</li>



<li><strong>ショートコード運用に慣れている</strong> → Rinkerも候補になる</li>
</ul>



<p class="wp-block-paragraph">どちらが絶対に優れているというより、運用スタイルによって向き不向きがあります。ただ、WordPress初心者や、今から物販アフィリエイトを始める人には、Pochippの方が導入しやすく感じられる可能性が高いです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-96e6197a-2934-463d-8da7-a37d09c79cac" class="wp-block-heading">Pochippが向いているブログ</h2>



<p class="wp-block-paragraph">Pochippは、次のようなブログに向いています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-71ebfc02-60d3-4b71-9ffd-43df0f9d9ac7" class="wp-block-heading">レビュー記事を書くブログ</h3>



<p class="wp-block-paragraph">実際に使った商品を紹介するレビュー記事では、商品リンクがとても重要です。レビューを読んで「良さそう」と思った読者が、すぐ商品ページを確認できるからです。</p>



<p class="wp-block-paragraph">Pochippで商品リンクを分かりやすく置いておけば、読者の行動を自然にサポートできます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-da2c3278-f2af-45c1-946e-16b54d578345" class="wp-block-heading">買ってよかったもの紹介ブログ</h3>



<p class="wp-block-paragraph">「買ってよかったもの」「おすすめアイテム」系の記事とも相性が良いです。複数の商品を紹介する記事では、商品リンクの見た目がバラバラだと読みにくくなります。</p>



<p class="wp-block-paragraph">Pochippを使えば、商品ボックスの見た目をそろえやすく、記事全体に統一感を出せます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-9f2ca97a-a1a6-4a62-a073-ec28836d89af" class="wp-block-heading">書籍・教材紹介ブログ</h3>



<p class="wp-block-paragraph">本や教材を紹介するブログにも向いています。Amazon・楽天ブックスなどへのリンクをまとめて案内できるため、読者が購入先を選びやすくなります。</p>



<p class="wp-block-paragraph">英語学習、資格試験、WordPress学習、プログラミング学習などのブログでは、参考書や教材を紹介する機会も多いはずです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-b175fc4a-9250-4308-b6f4-740d9f0ee56e" class="wp-block-heading">ガジェット・家電ブログ</h3>



<p class="wp-block-paragraph">ガジェットや家電は、比較検討されやすいジャンルです。読者はレビューを読んだあと、価格や在庫を確認したくなることが多いです。</p>



<p class="wp-block-paragraph">Pochippで複数ショップへの導線を置いておくと、読者がそのまま購入先を確認しやすくなります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-e2a0c308-d4ae-48bd-880c-58da146fe0d8" class="wp-block-heading">雑記ブログ・個人ブログ</h3>



<p class="wp-block-paragraph">Pochippは専門ブログだけでなく、雑記ブログにも使えます。例えば、日常の中で使ってよかった文房具、食品、カメラ用品、旅行用品などを紹介する場合にも便利です。</p>



<p class="wp-block-paragraph">ただし、雑記ブログの場合は、商品リンクを貼りすぎると広告感が強くなります。記事の内容に合う商品だけを自然に紹介するのがおすすめです。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-cbf6edd0-b644-4bdc-8b16-9731c2dcef98" class="wp-block-heading">Pochippを使うときの注意点</h2>



<h3 id="vk-htags-885951aa-cd27-474d-9f3d-1dba9956e957" class="wp-block-heading">商品リンクを貼りすぎない</h3>



<p class="wp-block-paragraph">Pochippは便利ですが、便利だからといって商品リンクを貼りすぎるのは避けた方がよいです。</p>



<p class="wp-block-paragraph">商品リンクが多すぎる記事は、読者に「広告ばかりの記事」と感じられる可能性があります。大切なのは、読者にとって本当に役立つ場所にリンクを置くことです。</p>



<p class="wp-block-paragraph">商品の感想や比較をしっかり書いたうえで、「詳しく見る」「価格を確認する」という導線としてPochippを使うと自然です。</p>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2026/07/03/e-e-a-t-for-personal-bloggers/" target="_self" >【雑談】SEO対策における「E-E-A-T」とは？ 個人ブロガー向けに意味と対策をやさしく解説</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2026/07/03/e-e-a-t-for-personal-bloggers/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2025/06/1b02752999f449704a5c92a2c52ab14a-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-000324df-ff8b-4e7c-8f1f-637613c985b8" class="wp-block-heading">アフィリエイト表記を忘れない</h3>



<p class="wp-block-paragraph"><strong>アフィリエイトリンクを掲載する場合は、広告・PRであることを読者に分かるように示すことが大切です。</strong>記事の冒頭やサイト内の分かりやすい場所に、広告リンクを含むことを明記しておきましょう。</p>



<p class="wp-block-paragraph">ステルスマーケティング規制の対応のため、アフィリエイト表記の記載はほぼ必須です。また、読者との信頼関係を守るためにも重要な記載となります。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-7ec18ef4-2b5d-4b56-a529-77ff2050413f">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://affiliate.rakuten.co.jp/guideline/stealth_marketing_regulation/">ステルスマーケティング規制の対応について（2023年10月施行）｜楽天アフィリエイト</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-bdc102c2-6ae4-433f-9a3c-b5c0b05bdf1f" class="wp-block-heading">Amazonや楽天など、外部サービスの規約変更・仕様変更等に注意する</h3>



<p class="wp-block-paragraph">商品リンクプラグインは、Amazon・楽天・Yahoo!ショッピングなど外部サービスと関係します。そのため、各<strong>サービスの仕様変更や規約変更の影響を受けることがあります。</strong></p>



<p class="wp-block-paragraph">特にAmazonは、PA-APIやCreators APIなどの仕組みが関係するため、公式情報の確認が欠かせません。Pochipp公式サイトでも、Amazon Creators API対応などの情報が案内されています。また、楽天</p>



<p class="wp-block-paragraph">「一度設定したらずっと放置」ではなく、ときどき公式情報を確認する運用が安心です。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-44984b36-d636-44bc-b154-efe3b61d2a34">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://pochipp.com/6079/">Amazon PA-APIからCreators APIへの移行について | ポチップ</a></li>



<li><a href="https://pochipp.com/6102/">楽天ウェブサービスAPIアップデートに対する移行のお願い | ポチップ</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-f8f8d7a4-9e52-4a53-8f63-d188dc48f149" class="wp-block-heading">クラシックエディタ中心の人は注意</h3>



<p class="wp-block-paragraph">Pochippはブロックエディターに特化したプラグインです。公式サイトの「よくあるご質問」の項目でも、<strong>クラシックエディタには対応しておらず、ブロックエディターでの利用が前提</strong>とされています。</p>



<p class="wp-block-paragraph">そのため、Classic Editorプラグイン等を使って、昔ながらの編集画面で記事を書いている場合は、Pochippが合わない可能性があります。</p>



<p class="wp-block-paragraph">クラシックエディタ中心の運用であれば、Rinkerなど他の選択肢も含めて検討するとよいでしょう。</p>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2025/06/14/gutenberg-and-classic-editor/" target="_self" >WordPressの「ブロックエディター」と「クラシックエディター」の違い</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2025/06/14/gutenberg-and-classic-editor/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2025/06/645cd0ef83ed644921a3e8b1863ee987-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-3dcf87f4-ad0d-41bc-aec3-d7abfed17e0a" class="wp-block-heading">まとめ：Pochippは収益化を始めたいWordPressブログにおすすめ</h2>



<p class="wp-block-paragraph">Pochippは、WordPressブログで商品紹介をしたい人にとって、とても便利なプラグインです。</p>



<p class="wp-block-paragraph">特に魅力的なのは、次の点です。</p>



<ul class="wp-block-list is-style-vk-check-square-mark">
<li>商品リンクをきれいに表示できる</li>



<li>ブロックエディターで使いやすい</li>



<li>Amazon・楽天・Yahoo!ショッピングをまとめて案内できる</li>



<li>商品リンク作成の手間を減らせる</li>



<li>Rinkerなどからの移行手段も用意されている</li>



<li>Pochipp AssistやPro版で運用を広げられる</li>



<li>読者にとって購入先を選びやすい</li>
</ul>



<p class="wp-block-paragraph">物販アフィリエイトでは、ただリンクを貼るだけではなく、読者が迷わず商品を確認できる導線を作ることが大切です。Pochippを使えば、商品紹介を自然で見やすい形に整えやすくなります。</p>



<p class="wp-block-paragraph">もちろん、<strong>収益化で大切なのはプラグインそのものではなく、記事の内容です。</strong>実際に使った感想、比較したポイント、メリット・デメリット、どんな人に向いているかを丁寧に書いたうえで、購入先への案内としてPochippを使うのが理想です。</p>



<p class="wp-block-paragraph">WordPressで商品紹介記事を書きたい方、Amazon・楽天・Yahoo!ショッピングへのリンクをきれいにまとめたい方、これから物販アフィリエイトを始めたい方は、Pochippを導入候補に入れてみる価値があります。</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/07/09/affiliate-plugin-pochipp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>「VK Blocks」のアラートブロック：アレンジ例</title>
		<link>https://wppilot.net/2026/06/28/vk-blocks-alert-block/</link>
					<comments>https://wppilot.net/2026/06/28/vk-blocks-alert-block/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sun, 28 Jun 2026 12:30:53 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[VK Blocks]]></category>
		<category><![CDATA[VK Blocks Pro]]></category>
		<category><![CDATA[アレンジ集]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1545</guid>

					<description><![CDATA[この記事では「VK Blocks」のアラートブロックをアレンジしたものを掲載しています。各ブロックともコピーしてお使いいただけます。 こちらの記事に掲載しているものについて、制作にお役立ていただけますと幸いです。 プラグ [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">この記事では「VK Blocks」のアラートブロックをアレンジしたものを掲載しています。各ブロックともコピーしてお使いいただけます。</p>



<p class="wp-block-paragraph">こちらの記事に掲載しているものについて、制作にお役立ていただけますと幸いです。</p>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-46zpkname-n76i-6q8i-meon-4ewz1ygjcd2" aria-expanded="false" aria-controls="vk-toc-content-46zpkname-n76i-6q8i-meon-4ewz1ygjcd2">OPEN</button><ul id="vk-toc-content-46zpkname-n76i-6q8i-meon-4ewz1ygjcd2" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-da5d3490-2d6d-4dae-ba96-d74c1a224f02" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						プラグイン「VK Blocks」とは
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-0274f039-14d3-4dc5-817f-7a9473902357" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						「アラート」ブロックとは
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-46679fae-7c21-4f3a-bf6f-6f74d240518f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.1. </span>
						公式の解説・アレンジ集
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-07b2feed-c57e-4e6e-9e29-4dae919f430d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						アイコン変更の例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d62936f1-c6e8-4d27-8c80-be4a069c8ac1" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						Success
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-10f4691f-7b38-4b90-8022-c263bf8df994" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						Info
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-bdd42473-5e2b-4539-80d5-0d2147fb40f4" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3. </span>
						Warning
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-3a03f211-85cc-4bab-bfdc-83fb684c7ba5" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.4. </span>
						Danger
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-92d6b2cd-5a3a-42f5-b42c-0ca39f0047b0" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						カスタムCSS適用例（VK Blocks Pro）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-f004bd85-c5b8-41d4-88cc-2eab54428127" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						カスタムCSS適用例①
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-965549bd-5270-4058-9d6c-18c2e3629beb" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						カスタムCSS適用例②
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c9d380c6-1aa0-416b-aecc-69318d76fa96" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.3. </span>
						カスタムCSS適用例③
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-918495d2-2826-4404-a3da-c9feec901f96" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.4. </span>
						カスタムCSS適用例④
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-da5d3490-2d6d-4dae-ba96-d74c1a224f02" class="wp-block-heading">プラグイン「VK Blocks」とは</h2>



<p class="wp-block-paragraph">以下の記事で説明しています。よろしければご覧いただけますと幸いです。</p>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/" target="_self" >WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2026/06/315044f23a33b0778d240025383be99f-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-0274f039-14d3-4dc5-817f-7a9473902357" class="wp-block-heading">「アラート」ブロックとは</h2>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-info"><div class="vk_alert_content">
<p class="wp-block-paragraph">こちらのように、背景色付きのメッセージを出すのに適したブロックとなります。</p>



<p class="wp-block-paragraph">また、右枠の4つのアイコンを押下するか、もしくは「アイコンを選択」欄から直接選択すると、アイコン付きのメッセージとなります。</p>
</div></div>



<figure class="wp-block-image size-blog-pc has-custom-border"><img decoding="async" width="900" height="480" src="https://wppilot.net/wp-content/uploads/2026/06/image-36-900x480.png" alt="" class="has-border-color has-border-normal-darkbg-border-color wp-image-1563" style="border-width:1px" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-36-900x480.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-36-640x341.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-36-300x160.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-36-768x410.png 768w, https://wppilot.net/wp-content/uploads/2026/06/image-36-1024x546.png 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-36.png 1284w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-46679fae-7c21-4f3a-bf6f-6f74d240518f" class="wp-block-heading">公式の解説・アレンジ集</h3>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-blocks/alert/">アラート | 事業案内 | 株式会社ベクトル</a></li>



<li><a href="https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-functions/vk-custom-css/">カスタム CSS&nbsp;( Pro版のみ ) | 事業案内 | 株式会社ベクトル</a></li>



<li><a href="https://patterns.vektor-inc.co.jp/vk-patterns/border-box_alert_css/">アラートブロック_カスタムCSS | VK パターンライブラリ</a></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-07b2feed-c57e-4e6e-9e29-4dae919f430d" class="wp-block-heading">アイコン変更の例</h2>



<p class="wp-block-paragraph"><strong>アイコンは<a href="https://fontawesome.com/search?ic=free-collection">Font Awesome 7（Free）</a>の中からお選びいただけます</strong>（2026/06/28現在）。</p>



<p class="wp-block-paragraph">アイコンを変更するだけでも、割と幅広い用途で使えることが分かるかと思います。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d62936f1-c6e8-4d27-8c80-be4a069c8ac1" class="wp-block-heading">Success</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-regular fa-circle-check</code></p>



<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-success has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-regular fa-circle-check" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>Success</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">Success Alert: Arrange</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22style%5C%22%3A%5C%22success%5C%22%2C%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-regular%20fa-circle-check%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22Success%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-success%20has-alert-icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-regular%20fa-circle-check%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3ESuccess%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3ESuccess%20Alert%3A%20Arrange%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-10f4691f-7b38-4b90-8022-c263bf8df994" class="wp-block-heading">Info</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-square-check</code></p>



<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-square-check" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>Done</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">Done Alert</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-square-check%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22Done%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-info%20has-alert-icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-square-check%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3EDone%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3EDone%20Alert%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-bdd42473-5e2b-4539-80d5-0d2147fb40f4" class="wp-block-heading">Warning</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-hand-point-right</code></p>



<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-hand-point-right" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>Point</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">Point Alert</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22style%5C%22%3A%5C%22warning%5C%22%2C%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-hand-point-right%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22Point%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-warning%20has-alert-icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-hand-point-right%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3EPoint%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3EPoint%20Alert%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-3a03f211-85cc-4bab-bfdc-83fb684c7ba5" class="wp-block-heading">Danger</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-skull-crossbones</code></p>



<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-danger has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-skull-crossbones" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>Danger</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">Danger Alert: Arrange</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22style%5C%22%3A%5C%22danger%5C%22%2C%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-skull-crossbones%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22Danger%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-danger%20has-alert-icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-skull-crossbones%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3EDanger%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3EDanger%20Alert%3A%20Arrange%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-92d6b2cd-5a3a-42f5-b42c-0ca39f0047b0" class="wp-block-heading">カスタムCSS適用例（VK Blocks Pro）</h2>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-hand-point-right" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>注意点</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">以下は「VK Blocks Pro」をご利用の方限定の<strong>「カスタムCSS」機能</strong>を使ったものになります。</p>



<p class="wp-block-paragraph">無料版をご利用の方は使っても意図通りには反映されません。</p>



<figure class="wp-block-image size-full vk_block-margin-xs--margin-top"><img decoding="async" width="285" height="298" src="https://wppilot.net/wp-content/uploads/2026/06/image-35.png" alt="" class="wp-image-1548"/></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-f004bd85-c5b8-41d4-88cc-2eab54428127" class="wp-block-heading">カスタムCSS適用例①</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-file-pen</code></p>


<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-selector-tag">selector</span> {
  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#eee</span>;
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#060606</span>;
  <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> <span class="hljs-number">#bbb</span> solid <span class="hljs-meta">!important</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_content</span> {
  <span class="hljs-attribute">border-left</span>: <span class="hljs-number">2px</span> <span class="hljs-number">#999</span> dashed <span class="hljs-meta">!important</span>;
}</code></span></pre>


<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon  alert-[object Object] vk_custom_css_1"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-file-pen" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>Memo</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">Memo Alert</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-file-pen%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22Memo%5C%22%2C%5C%22vkbCustomCss%5C%22%3A%5C%22selector%20%7B%5C%5Cn%20%20background-color%3A%20%23eee%3B%5C%5Cn%20%20color%3A%20%23060606%3B%5C%5Cn%20%20border%3A%201px%20%23bbb%20solid%20%21important%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_content%20%7B%5C%5Cn%20%20border-left%3A%202px%20%23999%20dashed%20%21important%3B%5C%5Cn%7D%5C%22%2C%5C%22className%5C%22%3A%5C%22alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-info%20has-alert-icon%20%20alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-file-pen%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3EMemo%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3EMemo%20Alert%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-965549bd-5270-4058-9d6c-18c2e3629beb" class="wp-block-heading">カスタムCSS適用例②</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-person-digging</code></p>


<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-selector-tag">selector</span> {
  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#eee</span>;
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#060606</span>;
  <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> <span class="hljs-number">#999</span> solid <span class="hljs-meta">!important</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_icon</span> {
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#0000BB</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_content</span> {
  <span class="hljs-attribute">border-left</span>: <span class="hljs-number">1px</span> <span class="hljs-number">#999</span> dotted <span class="hljs-meta">!important</span>;
}</code></span></pre>


<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-success has-alert-icon  vk_custom_css_2"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-person-digging" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>準備中</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">この記事は準備中です。完成までしばらくお待ちくださいませ。</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22style%5C%22%3A%5C%22success%5C%22%2C%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-person-digging%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22%5Cu6e96%5Cu5099%5Cu4e2d%5C%22%2C%5C%22vkbCustomCss%5C%22%3A%5C%22selector%20%7B%5C%5Cn%20%20background-color%3A%20%23eee%3B%5C%5Cn%20%20color%3A%20%23060606%3B%5C%5Cn%20%20border%3A%201px%20%23999%20solid%20%21important%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_icon%20%7B%5C%5Cn%20%20color%3A%20%230000BB%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_content%20%7B%5C%5Cn%20%20border-left%3A%201px%20%23999%20dotted%20%21important%3B%5C%5Cn%7D%5C%22%2C%5C%22className%5C%22%3A%5C%22vk_custom_css%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-success%20has-alert-icon%20%20vk_custom_css%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-person-digging%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3E%5Cu6e96%5Cu5099%5Cu4e2d%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3E%5Cu3053%5Cu306e%5Cu8a18%5Cu4e8b%5Cu306f%5Cu6e96%5Cu5099%5Cu4e2d%5Cu3067%5Cu3059%5Cu3002%5Cu5b8c%5Cu6210%5Cu307e%5Cu3067%5Cu3057%5Cu3070%5Cu3089%5Cu304f%5Cu304a%5Cu5f85%5Cu3061%5Cu304f%5Cu3060%5Cu3055%5Cu3044%5Cu307e%5Cu305b%5Cu3002%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-c9d380c6-1aa0-416b-aecc-69318d76fa96" class="wp-block-heading">カスタムCSS適用例③</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-pen-to-square</code></p>


<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-selector-tag">selector</span> {
  <span class="hljs-attribute">background-color</span>: transparent;
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#060606</span>;
  <span class="hljs-attribute">border</span>: <span class="hljs-number">3px</span> <span class="hljs-number">#bbb</span> dotted <span class="hljs-meta">!important</span>;
  <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">6px</span> <span class="hljs-meta">!important</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_icon_icon</span> {
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#AA0000</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_icon_text</span> {
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#dd0000</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_content</span> {
  <span class="hljs-attribute">border-left</span>: <span class="hljs-number">5px</span> <span class="hljs-number">#933</span> solid <span class="hljs-meta">!important</span>;
  <span class="hljs-attribute">padding</span>: <span class="hljs-number">0.5em</span> <span class="hljs-number">0.8em</span>;
}</code></span></pre>


<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon  alert-[object Object] vk_custom_css_3"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-pen-to-square" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>補足</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">補足用のアラートブロックです。</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-pen-to-square%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22%5Cu88dc%5Cu8db3%5C%22%2C%5C%22vkbCustomCss%5C%22%3A%5C%22selector%20%7B%5C%5Cn%20%20background-color%3A%20transparent%3B%5C%5Cn%20%20color%3A%20%23060606%3B%5C%5Cn%20%20border%3A%203px%20%23bbb%20dotted%20%21important%3B%5C%5Cn%20%20border-radius%3A%206px%20%21important%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_icon_icon%20%7B%5C%5Cn%20%20color%3A%20%23AA0000%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_icon_text%20%7B%5C%5Cn%20%20color%3A%20%23dd0000%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_content%20%7B%5C%5Cn%20%20border-left%3A%205px%20%23933%20solid%20%21important%3B%5C%5Cn%20%20padding%3A%200.5em%200.8em%3B%5C%5Cn%7D%5C%22%2C%5C%22className%5C%22%3A%5C%22alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-info%20has-alert-icon%20%20alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-pen-to-square%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3E%5Cu88dc%5Cu8db3%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3E%5Cu88dc%5Cu8db3%5Cu7528%5Cu306e%5Cu30a2%5Cu30e9%5Cu30fc%5Cu30c8%5Cu30d6%5Cu30ed%5Cu30c3%5Cu30af%5Cu3067%5Cu3059%5Cu3002%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-918495d2-2826-4404-a3da-c9feec901f96" class="wp-block-heading">カスタムCSS適用例④</h3>



<p class="wp-block-paragraph">使用アイコン：<code>fa-solid fa-phone-flip</code></p>


<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-selector-tag">selector</span> {
  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#fff</span>;
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#060606</span>;
  <span class="hljs-attribute">border</span>: <span class="hljs-number">2px</span> <span class="hljs-number">#333</span> solid <span class="hljs-meta">!important</span>;
  <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">6px</span> <span class="hljs-meta">!important</span>;
  <span class="hljs-attribute">padding</span>: <span class="hljs-number">0</span> <span class="hljs-meta">!important</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_icon</span> {
  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#555</span> <span class="hljs-meta">!important</span>;
  <span class="hljs-attribute">padding</span>: <span class="hljs-number">0.5em</span> <span class="hljs-number">1em</span>;
  <span class="hljs-attribute">color</span>: <span class="hljs-number">#f0f0f0</span>;
  <span class="hljs-attribute">width</span>: <span class="hljs-number">110px</span>;
}

<span class="hljs-selector-tag">selector</span> <span class="hljs-selector-class">.vk_alert_content</span> {
  <span class="hljs-attribute">border-left</span>: <span class="hljs-number">0px</span> <span class="hljs-meta">!important</span>;
}</code></span></pre>


<div class="wp-block-vk-simple-copy-block-simple-copy">
<div class="wp-block-vk-simple-copy-block-copy-target">
<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon  alert-[object Object] vk_custom_css_4"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-phone-flip" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>連絡先</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">連絡先用のアラートブロックです。</p>
</div></div>
</div>



<div style="display:flex;justify-content:center" class="wp-block-vk-simple-copy-block-copy-button-wrap">
<div class="wp-block-vk-simple-copy-block-copy-button"><input type="hidden" value="%22%3C%21--%20wp%3Avk-blocks%5C%2Falert%20%7B%5C%22icon%5C%22%3A%5C%22%5C%5Cu003ci%20class%3D%5C%5Cu0022fa-solid%20fa-phone-flip%5C%5Cu0022%5C%5Cu003e%5C%5Cu003c%5C%2Fi%5C%5Cu003e%5C%22%2C%5C%22iconText%5C%22%3A%5C%22%5Cu9023%5Cu7d61%5Cu5148%5C%22%2C%5C%22vkbCustomCss%5C%22%3A%5C%22selector%20%7B%5C%5Cn%20%20background-color%3A%20%23fff%3B%5C%5Cn%20%20color%3A%20%23060606%3B%5C%5Cn%20%20border%3A%202px%20%23333%20solid%20%21important%3B%5C%5Cn%20%20border-radius%3A%206px%20%21important%3B%5C%5Cn%20%20padding%3A%200%20%21important%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_icon%20%7B%5C%5Cn%20%20background-color%3A%20%23555%20%21important%3B%5C%5Cn%20%20padding%3A%200.5em%201em%3B%5C%5Cn%20%20color%3A%20%23f0f0f0%3B%5C%5Cn%20%20width%3A%20110px%3B%5C%5Cn%7D%5C%5Cn%5C%5Cnselector%20.vk_alert_content%20%7B%5C%5Cn%20%20border-left%3A%200px%20%21important%3B%5C%5Cn%7D%5C%22%2C%5C%22className%5C%22%3A%5C%22alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%7D%20--%3E%5Cn%3Cdiv%20class%3D%5C%22wp-block-vk-blocks-alert%20vk_alert%20alert%20alert-info%20has-alert-icon%20%20alert-%5Bobject%20Object%5D%20vk_custom_css%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon%5C%22%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_icon%5C%22%3E%3Ci%20class%3D%5C%22fa-solid%20fa-phone-flip%5C%22%3E%3C%5C%2Fi%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_icon_text%5C%22%3E%3Cspan%3E%5Cu9023%5Cu7d61%5Cu5148%3C%5C%2Fspan%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%3Cdiv%20class%3D%5C%22vk_alert_content%5C%22%3E%3C%21--%20wp%3Aparagraph%20--%3E%5Cn%3Cp%3E%5Cu9023%5Cu7d61%5Cu5148%5Cu7528%5Cu306e%5Cu30a2%5Cu30e9%5Cu30fc%5Cu30c8%5Cu30d6%5Cu30ed%5Cu30c3%5Cu30af%5Cu3067%5Cu3059%5Cu3002%3C%5C%2Fp%3E%5Cn%3C%21--%20%5C%2Fwp%3Aparagraph%20--%3E%3C%5C%2Fdiv%3E%3C%5C%2Fdiv%3E%5Cn%3C%21--%20%5C%2Fwp%3Avk-blocks%5C%2Falert%20--%3E%22" /><button class="vk-simple-copy-button"><span class="vk-simple-copy-button-do">ブロックをコピーする</span><span class="vk-simple-copy-button-done">コピー完了！</span></button></div>
</div>
</div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/06/28/vk-blocks-alert-block/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>記事複製の定番プラグイン「Yoast Duplicate Post」。導入するメリットや注意点を解説します</title>
		<link>https://wppilot.net/2026/06/28/yoast-duplicate-post/</link>
					<comments>https://wppilot.net/2026/06/28/yoast-duplicate-post/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sun, 28 Jun 2026 08:07:13 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Yoast Duplicate Post]]></category>
		<category><![CDATA[作業効率化]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1529</guid>

					<description><![CDATA[WordPressでブログやホームページを運営していると、 と思うことはありませんか？ そんなときに役立つのが、Yoast Duplicate Post です。 名前のとおり記事を複製できるプラグインですが、実際には「記 [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">WordPressでブログやホームページを運営していると、</p>



<ul class="wp-block-list is-style-vk-frown-mark">
<li>同じようなレイアウトの記事を何度も作る</li>



<li>過去の記事を元に新しい記事を書きたい</li>



<li>公開中の記事を安全にリライトしたい</li>
</ul>



<p class="wp-block-paragraph">と思うことはありませんか？</p>



<p class="wp-block-paragraph">そんなときに役立つのが、<strong>Yoast Duplicate Post</strong> です。</p>



<p class="wp-block-paragraph">名前のとおり記事を複製できるプラグインですが、実際には「記事作成の効率化」や「安全な更新作業」をサポートしてくれる便利なツールでもあります。</p>



<p class="wp-block-paragraph">この記事では、Yoast Duplicate Postの特徴や導入するメリット、注意点について初心者向けに分かりやすく解説します。</p>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-v33yj2a2a-1rin-t1ti-taet-qpsvjnnxleg" aria-expanded="false" aria-controls="vk-toc-content-v33yj2a2a-1rin-t1ti-taet-qpsvjnnxleg">OPEN</button><ul id="vk-toc-content-v33yj2a2a-1rin-t1ti-taet-qpsvjnnxleg" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-45fefc6a-94b6-4cab-adac-0c31f92dd35b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						Yoast Duplicate Postとは？
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-27d4fd6b-37ac-40ef-bbf8-27fb78e7bec6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						主な機能
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-432e14a4-9ba4-4454-b789-3062087877ac" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						3種類の複製方法
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-bbacceed-848b-46ac-8cc9-d8a872896c59" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						複製（Clone）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-6b354c48-0ca4-41c2-8172-b0716119cc0e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						新規下書き（New Draft）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-fbc50828-62a9-4a86-9342-4c4671d4ceae" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3. </span>
						書き換え&amp;再公開（Rewrite &amp; Republish）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3ca1c516-f8d0-45b7-accc-5cedbf31d44c" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						Yoast Duplicate Postを導入するメリット
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-17aedd0c-24a5-43a3-90be-31e294272242" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						作業時間を大幅に短縮できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-0c27985a-4af2-4d8a-aec1-1373df0dc053" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						レイアウトを統一できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-61694df5-4cde-4a14-96aa-6414f06d9c91" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.3. </span>
						アイキャッチ画像やカテゴリーも引き継げる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-117a39e2-6941-4728-8fa5-5d9e9fc4e75a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.4. </span>
						安全に記事をリライトできる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-8481cb49-9edf-4427-aac1-1a87c31eeba8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.5. </span>
						テスト環境として活用できる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-93c4c624-b838-400b-9661-393ec954c8af" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						コピーできる内容
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3244684e-48ca-4c9a-9556-04b8027335cd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6. </span>
						注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-019d4e9a-44ab-455d-957b-e10dfd7f1ffe" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.1. </span>
						タイトルを変更し忘れない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-a5c690f0-fb26-4d40-ae73-7f901e2d5b93" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.2. </span>
						SEO情報を確認する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-86113bd9-29be-4cfd-89d8-2ea9c4f61583" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.3. </span>
						重複コンテンツにならないよう注意する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-fcd80380-9dee-44b4-9605-3b275c00bf6f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.4. </span>
						コピー記事を増やしすぎない
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-5e82a7a3-72d7-4147-aca7-dad374c4a9b6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.5. </span>
						利用権限や有効な投稿タイプを確認する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-02178319-91bb-4ea2-9717-e0e4d90f5477" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7. </span>
						どのようなサイトにおすすめ？
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-31582db3-cfec-488a-a883-cccb86ef946b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">8. </span>
						まとめ
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-45fefc6a-94b6-4cab-adac-0c31f92dd35b" class="wp-block-heading">Yoast Duplicate Postとは？</h2>



<p class="wp-block-paragraph"><strong><span data-color="#fcb900" style="--vk-highlighter-color: rgba(252, 185, 0, 0.7);" class="vk_highlighter">Yoast Duplicate Post</span>は、WordPressの記事や固定ページを簡単に複製できる無料プラグイン</strong>です。</p>



<p class="wp-block-paragraph">通常、新しい記事を作るたびに、「タイトル」「アイキャッチ画像」「ブロック構成」「カテゴリー」などを設定する必要があります。</p>



<p class="wp-block-paragraph">しかし、<strong>このプラグインを使えば、既存の記事をそのままコピーし、必要な部分だけを書き換えて利用できます。</strong></p>



<p class="wp-block-paragraph">記事制作の時間を短縮できるため、多くのWordPressユーザーに利用されています。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-0efb92e4-b7e0-4868-89fb-77144ef67cef">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://ja.wordpress.org/plugins/duplicate-post/">Yoast Duplicate Post – WordPress プラグイン | WordPress.org 日本語</a></li>



<li><a href="https://yoast.com/product/yoast-duplicate-post/">Yoast Duplicate Post • Yoast（英語）</a></li>
</ul>
</div></div>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d68d8fb&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d68d8fb" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1024" height="638" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-32-1024x638.png" alt="" class="wp-image-1536" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-32-1024x638.png 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-32-900x561.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-32-640x399.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-32-300x187.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-32-768x478.png 768w, https://wppilot.net/wp-content/uploads/2026/06/image-32.png 1474w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">「Yoast Duplicate Post」プラグイン公式ページのスクリーンショット</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-27d4fd6b-37ac-40ef-bbf8-27fb78e7bec6" class="wp-block-heading">主な機能</h2>



<p class="wp-block-paragraph">Yoast Duplicate Postには、主に次のような機能があります。</p>



<ul class="wp-block-list is-style-vk-check-square-mark">
<li>投稿・固定ページの複製</li>



<li>カスタム投稿タイプの複製</li>



<li>下書きとしてコピー</li>



<li>一覧画面から簡単に複製</li>



<li>コピー対象の細かな設定</li>



<li>ユーザー権限ごとの利用制御</li>



<li>Rewrite &amp; Republish機能</li>
</ul>



<p class="wp-block-paragraph">特に<strong>最後の「Rewrite &amp; Republish」は、他の複製プラグインにはあまり見られない便利な機能</strong>です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-432e14a4-9ba4-4454-b789-3062087877ac" class="wp-block-heading">3種類の複製方法</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="268" height="145" src="https://wppilot.net/wp-content/uploads/2026/06/image-34.png" alt="" class="wp-image-1538"/></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-bbacceed-848b-46ac-8cc9-d8a872896c59" class="wp-block-heading">複製（Clone）</h3>



<p class="wp-block-paragraph"><strong>複製（Clone）は、その場で記事を複製する機能</strong>です。編集画面は開かず、一覧画面にコピーが追加されます。</p>



<p class="wp-block-paragraph">テンプレート記事を作成したい場合に便利です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-6b354c48-0ca4-41c2-8172-b0716119cc0e" class="wp-block-heading">新規下書き（New Draft）</h3>



<p class="wp-block-paragraph">こちらは最もよく使われる機能です。<strong>記事を複製すると同時に編集画面が開くため、そのまま内容を変更できます。</strong></p>



<p class="wp-block-paragraph">例えば、「商品紹介」「お知らせ」「イベント情報」「サービス紹介」など、同じ構成の記事を作る際に非常に便利です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-fbc50828-62a9-4a86-9342-4c4671d4ceae" class="wp-block-heading">書き換え&amp;再公開（Rewrite &amp; Republish）</h3>



<p class="wp-block-paragraph">公開中の記事を安全に更新できる機能です。</p>



<p class="wp-block-paragraph">通常、公開中の記事を直接編集すると、途中まで書いた内容が保存されてしまうことがあります。</p>



<p class="wp-block-paragraph">書き換え&amp;再公開（Rewrite &amp; Republish）では、</p>



<ul class="wp-block-list is-style-vk-numbered-circle-mark">
<li>公開記事</li>



<li>コピーを作成</li>



<li>コピー側で編集</li>



<li>完成後に公開記事へ反映</li>
</ul>



<p class="wp-block-paragraph">という流れになります。そのため、<strong>読者に未完成の記事を見せることなく、安心してリライト作業を進められます。</strong></p>



<p class="wp-block-paragraph">SEO記事の更新や企業サイトの運営では特に便利な機能です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-3ca1c516-f8d0-45b7-accc-5cedbf31d44c" class="wp-block-heading">Yoast Duplicate Postを導入するメリット</h2>



<h3 id="vk-htags-17aedd0c-24a5-43a3-90be-31e294272242" class="wp-block-heading">作業時間を大幅に短縮できる</h3>



<p class="wp-block-paragraph">最大のメリットは、記事作成の効率化です。</p>



<p class="wp-block-paragraph"><strong>似たようなレイアウトの記事を何本も作る場合、新規作成よりも圧倒的に早く作業できます。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-0c27985a-4af2-4d8a-aec1-1373df0dc053" class="wp-block-heading">レイアウトを統一できる</h3>



<p class="wp-block-paragraph">毎回ブロックを組み直す必要がありません。</p>



<p class="wp-block-paragraph">そのため、<strong>「デザイン崩れ」「ブロックの入れ忘れ」「ボタン配置ミス」なども防ぎやすくなります。</strong></p>



<p class="wp-block-paragraph">特に複数人で運営しているサイトでは、記事の品質を一定に保ちやすくなるでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-61694df5-4cde-4a14-96aa-6414f06d9c91" class="wp-block-heading">アイキャッチ画像やカテゴリーも引き継げる</h3>



<p class="wp-block-paragraph">設定によっては、「アイキャッチ画像」「カテゴリー」「タグ」「カスタムフィールド」「抜粋」などもコピーできます。</p>



<p class="wp-block-paragraph"><strong>毎回同じ設定を入力する手間がなくなります。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-117a39e2-6941-4728-8fa5-5d9e9fc4e75a" class="wp-block-heading">安全に記事をリライトできる</h3>



<p class="wp-block-paragraph">公開中の記事を直接編集するのは、思わぬトラブルにつながることがあります。</p>



<p class="wp-block-paragraph">例えば、</p>



<ul class="wp-block-list is-style-vk-frown-mark">
<li>編集途中の記事が保存される</li>



<li>レイアウトが崩れる</li>



<li>一時的に内容が中途半端になる</li>
</ul>



<p class="wp-block-paragraph">といったケースです。</p>



<p class="wp-block-paragraph">「書き換え&amp;再公開」を利用すれば、完成してから公開記事へ反映できるため安心です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-8481cb49-9edf-4427-aac1-1a87c31eeba8" class="wp-block-heading">テスト環境として活用できる</h3>



<p class="wp-block-paragraph">HTMLやCSS、JavaScriptの動作確認をしたい場合にも役立ちます。コピー記事で検証し、問題がなければ本番の記事へ反映できます。</p>



<p class="wp-block-paragraph">このような使い方ができるので、他にもデザインやブロック等の検証にも向いています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-93c4c624-b838-400b-9661-393ec954c8af" class="wp-block-heading">コピーできる内容</h2>



<p class="wp-block-paragraph">設定にもよりますが、一般的には次の内容をコピーできます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>タイトル</li>



<li>本文</li>



<li>アイキャッチ画像</li>



<li>抜粋</li>



<li>カテゴリー</li>



<li>タグ</li>



<li>カスタムフィールド</li>



<li>親ページ</li>



<li>投稿フォーマット</li>
</ul>



<p class="wp-block-paragraph">不要な項目は設定画面から除外できます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d690016&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d690016" class="wp-block-image aligncenter size-full wp-lightbox-container"><img decoding="async" width="792" height="623" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-30.png" alt="" class="wp-image-1533" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-30.png 792w, https://wppilot.net/wp-content/uploads/2026/06/image-30-640x503.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-30-300x236.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-30-768x604.png 768w" sizes="(max-width: 792px) 100vw, 792px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-3244684e-48ca-4c9a-9556-04b8027335cd" class="wp-block-heading">注意点</h2>



<p class="wp-block-paragraph">便利なプラグインですが、いくつか注意したい点もあります。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-019d4e9a-44ab-455d-957b-e10dfd7f1ffe" class="wp-block-heading">タイトルを変更し忘れない</h3>



<p class="wp-block-paragraph">コピーした記事は元の記事と同じタイトルになっています。公開前に、変更漏れがないか必ず確認しましょう。</p>



<p class="wp-block-paragraph">コピー先であることが分かりやすくなるよう、接頭辞や接尾辞を編集いただくことも手かと思います。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d690710&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d690710" class="wp-block-image aligncenter size-full wp-lightbox-container"><img decoding="async" width="866" height="615" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-31.png" alt="" class="wp-image-1534" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-31.png 866w, https://wppilot.net/wp-content/uploads/2026/06/image-31-640x455.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-31-300x213.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-31-768x545.png 768w" sizes="(max-width: 866px) 100vw, 866px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-a5c690f0-fb26-4d40-ae73-7f901e2d5b93" class="wp-block-heading">SEO情報を確認する</h3>



<p class="wp-block-paragraph">SEOプラグインを利用している場合、</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>SEOタイトル</li>



<li>メタディスクリプション</li>



<li>SNS画像</li>
</ul>



<p class="wp-block-paragraph">などもコピーされることがあります。</p>



<p class="wp-block-paragraph">そのまま公開すると検索エンジンに重複した情報を送ってしまう可能性があるため、公開前に見直すことをおすすめします。コピー不要であれば、「<strong>複製しないカスタムフィールド</strong>」に該当の項目を記載いただくことを強くおすすめします。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-86113bd9-29be-4cfd-89d8-2ea9c4f61583" class="wp-block-heading">重複コンテンツにならないよう注意する</h3>



<p class="wp-block-paragraph">コピーした記事をほとんど変更せず公開すると、内容が重複してしまいます。</p>



<p class="wp-block-paragraph">検索エンジンから評価が分散したり、重複コンテンツと判断されたりする可能性があるため、<strong>十分に内容を書き換えてから公開しましょう。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-fcd80380-9dee-44b4-9605-3b275c00bf6f" class="wp-block-heading">コピー記事を増やしすぎない</h3>



<p class="wp-block-paragraph">便利だからといって、</p>



<ul class="wp-block-list is-style-vk-pencil-mark">
<li>○○（コピー）</li>



<li>○○（コピー2）</li>



<li>○○（コピー3）</li>
</ul>



<p class="wp-block-paragraph">のように大量に残してしまうと、管理が難しくなります。</p>



<p class="wp-block-paragraph"><strong>不要になったコピー記事は定期的に整理すると管理しやすくなります。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-5e82a7a3-72d7-4147-aca7-dad374c4a9b6" class="wp-block-heading">利用権限や有効な投稿タイプを確認する</h3>



<p class="wp-block-paragraph">複数人でサイトを運営している場合は、誰でも複製できる状態にするのではなく、必要なユーザー、必要な投稿タイプだけ利用できるよう権限を設定すると安心です。</p>



<p class="wp-block-paragraph">運営ルールと合わせて設定しておくと、誤操作や不要なコピーの作成を防げます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d691860&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d691860" class="wp-block-image size-blog-pc wp-lightbox-container"><img decoding="async" width="900" height="533" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-28-900x533.png" alt="" class="wp-image-1531" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-28-900x533.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-28-640x379.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-28-300x178.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-28-768x455.png 768w, https://wppilot.net/wp-content/uploads/2026/06/image-28-1024x607.png 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-28.png 1097w" sizes="(max-width: 900px) 100vw, 900px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">Yoast Duplicate Post：「権限」設定画面</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-02178319-91bb-4ea2-9717-e0e4d90f5477" class="wp-block-heading">どのようなサイトにおすすめ？</h2>



<p class="wp-block-paragraph">Yoast Duplicate Postは、特に次のようなサイトで活躍します。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>ブログ</li>



<li>ニュースサイト</li>



<li>企業ホームページ</li>



<li>不動産サイト</li>



<li>求人サイト</li>



<li>レシピサイト</li>



<li>会員制サイト</li>



<li>商品紹介ページが多いネットショップ</li>
</ul>



<p class="wp-block-paragraph">同じような構成の記事を繰り返し作るサイトほど、効果を実感しやすいでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-31582db3-cfec-488a-a883-cccb86ef946b" class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">Yoast Duplicate Postは、「記事をコピーするだけ」のプラグインではありません。</p>



<p class="wp-block-paragraph">記事作成を効率化するだけでなく、公開済みの記事を安全に更新できる「書き換え&amp;再公開」機能など、日々の運営を支える便利な機能が充実しています。</p>



<p class="wp-block-paragraph">一方で、コピーした記事をそのまま公開すると、タイトルやSEO情報、記事内容が重複してしまう可能性があります。</p>



<p class="wp-block-paragraph">そのため、<strong>複製はあくまで作業のスタート地点</strong>と考え、公開前にはタイトル・パーマリンク・SEO設定・本文を十分に見直すことが大切です。</p>



<p class="wp-block-paragraph">定型レイアウトの記事が多いサイトや、公開済みの記事を頻繁にリライトするサイトでは、作業効率を大きく向上させてくれるプラグインと言えるでしょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/06/28/yoast-duplicate-post/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【メモ】VK Blocks の画面サイズ毎の改行指定について</title>
		<link>https://wppilot.net/2026/06/16/vk-blocks-responsive-br/</link>
					<comments>https://wppilot.net/2026/06/16/vk-blocks-responsive-br/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Tue, 16 Jun 2026 13:09:52 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[HTML&CSS]]></category>
		<category><![CDATA[VK Blocks]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1348</guid>

					<description><![CDATA[公式情報 機能の内容 プラグイン「VK Blocks」には、画面幅ごとに改行するかしないかを指定することができる機能がございます。 例えば、段落中にxsとsmのコードを挿入すれば、「xs」と「sm」対象の画面幅では改行さ [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-2bike04t6-6k1z-qa3b-yam2-pjv53niuj4k" aria-expanded="false" aria-controls="vk-toc-content-2bike04t6-6k1z-qa3b-yam2-pjv53niuj4k">OPEN</button><ul id="vk-toc-content-2bike04t6-6k1z-qa3b-yam2-pjv53niuj4k" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-19897131-c1fb-4680-aada-1fc8a8d03a86" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						公式情報
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-cbed8d24-ea04-4f4d-be95-11e7ca1caa2e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						機能の内容
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-41b74fe5-4802-4a87-b65a-1321bf7e5dfa" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						使用例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-e8bceeca-e455-4206-8580-346939bf7b6c" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						各コードと実際に出力されるHTMLの対応関係
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-d0ae98a2-81f7-493b-8d93-160504dca29b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						xs： 画面幅 ～576px
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-52160c41-b138-4778-89af-7af3bad8bfd1" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						sm： 画面幅 576 ～ 768px
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-39933a01-e15a-4c85-818f-69674b7fd924" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.3. </span>
						md： 画面幅 768 ～ 992px
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-2fa6c56e-9a24-4927-ab6a-98d1fc50659f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.4. </span>
						lg： 画面幅 992 ～ 1200px
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-7fb58f5d-c5e1-461b-b89a-32b9234319c1" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.5. </span>
						xl： 画面幅 1,200 ～ 1,400px
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-dc591d24-f8d3-4c70-a71b-864951e48fd4" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.6. </span>
						xxl： 画面幅 1,400px ～
					</a>
				</li>
			</ul></div></div>



<h2 id="vk-htags-19897131-c1fb-4680-aada-1fc8a8d03a86" class="wp-block-heading">公式情報</h2>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/?vwaf=3041">VK Blocks・VK Blocks Pro | 株式会社ベクトル</a></li>



<li><a href="https://www.vektor-inc.co.jp/product-update/responsive-br/">VK Blocks で画面サイズ毎の改行指定ができるようになりました | 株式会社ベクトル</a></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-cbed8d24-ea04-4f4d-be95-11e7ca1caa2e" class="wp-block-heading">機能の内容</h2>



<p class="wp-block-paragraph">プラグイン「<strong>VK Blocks</strong>」には、<strong>画面幅ごとに改行するかしないかを指定することができる機能</strong>がございます。</p>



<p class="wp-block-paragraph">例えば、段落中に<code>xs</code>と<code>sm</code>のコードを挿入すれば、「xs」と「sm」対象の画面幅では改行され、それ以外の環境では改行されないという見た目となります。</p>



<figure class="wp-block-image size-full has-custom-border"><img decoding="async" width="510" height="296" src="https://wppilot.net/wp-content/uploads/2026/06/image-20.png" alt="" class="has-border-color has-bg-secondary-border-color wp-image-1349" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-20.png 510w, https://wppilot.net/wp-content/uploads/2026/06/image-20-300x174.png 300w" sizes="(max-width: 510px) 100vw, 510px" /></figure>



<p class="wp-block-paragraph"></p>



<div class="wp-block-vk-blocks-blog-card vk_block-margin-md--margin-top has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/" target="_self" >WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2026/06/315044f23a33b0778d240025383be99f-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-41b74fe5-4802-4a87-b65a-1321bf7e5dfa" class="wp-block-heading">使用例</h2>



<p class="wp-block-paragraph">以下ブロックとスクリーンショット画像を、是非とも見比べてみてください。</p>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-info"><div class="vk_alert_content">
<p class="vk_block-margin-sm--margin-top vk_block-margin-sm--margin-bottom wp-block-paragraph"> Gutenbergエディター上では<br class="vk_responsive-br vk_responsive-br-xs"/><br class="vk_responsive-br vk_responsive-br-sm"/><br class="vk_responsive-br vk_responsive-br-md"/>このようなコードが挿入されます。</p>
</div></div>



<figure class="wp-block-image size-full has-custom-border"><img decoding="async" width="1022" height="144" src="https://wppilot.net/wp-content/uploads/2026/06/image-21.png" alt="" class="has-border-color has-bg-secondary-border-color wp-image-1354" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-21.png 1022w, https://wppilot.net/wp-content/uploads/2026/06/image-21-900x127.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-21-640x90.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-21-300x42.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-21-768x108.png 768w" sizes="(max-width: 1022px) 100vw, 1022px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-e8bceeca-e455-4206-8580-346939bf7b6c" class="wp-block-heading">各コードと実際に出力されるHTMLの対応関係</h2>



<p class="wp-block-paragraph">実際には、<code>br-xs br-sm</code>等のショートコード風の記載がそれぞれ相当のHTMLに変換されているのみとなっております。そのため、例えば<strong>ショートコード内やブロックパターン等に該当HTMLを記載するなどの応用が可能</strong>です。</p>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon  vk_block-margin-sm--margin-top"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>注意</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">当然のことですが、プラグインが有効化されていなければ、HTMLも意図通りには動作しません。</p>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-d0ae98a2-81f7-493b-8d93-160504dca29b" class="wp-block-heading"><code>xs</code>： 画面幅 ～576px</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-xs"</span>/&gt;</span></code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-52160c41-b138-4778-89af-7af3bad8bfd1" class="wp-block-heading"><code>sm</code>： 画面幅 576 ～ 768px</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-sm"</span>/&gt;</span></code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-39933a01-e15a-4c85-818f-69674b7fd924" class="wp-block-heading"><code>md</code>： 画面幅 768 ～ 992px</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-md"</span>/&gt;</span></code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-2fa6c56e-9a24-4927-ab6a-98d1fc50659f" class="wp-block-heading"><code>lg</code>： 画面幅 992 ～ 1200px</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-lg"</span>/&gt;</span></code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-7fb58f5d-c5e1-461b-b89a-32b9234319c1" class="wp-block-heading"><code>xl</code>： 画面幅 1,200 ～ 1,400px</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-xl"</span>/&gt;</span></code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-dc591d24-f8d3-4c70-a71b-864951e48fd4" class="wp-block-heading"><code>xxl</code>： 画面幅 1,400px ～</h3>


<pre class="wp-block-code"><span><code class="hljs language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"vk_responsive-br vk_responsive-br-xxl"</span>/&gt;</span></code></span></pre>]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/06/16/vk-blocks-responsive-br/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介</title>
		<link>https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/</link>
					<comments>https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sun, 14 Jun 2026 11:20:15 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[VK Blocks Pro]]></category>
		<category><![CDATA[Gutenberg]]></category>
		<category><![CDATA[VK Blocks]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=1300</guid>

					<description><![CDATA[WordPressでブログやサイトを作るとき、「デザインをもっと簡単に整えたい」「コードを書かずに見た目を良くしたい」と感じる方は多いです。そんなときに役立つのが、ブロックエディター（Gutenberg）を強化するプラグ [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">WordPressでブログやサイトを作るとき、「<strong>デザインをもっと簡単に整えたい</strong>」「<strong>コードを書かずに見た目を良くしたい</strong>」と感じる方は多いです。そんなときに役立つのが、ブロックエディター（Gutenberg）を強化するプラグインです。</p>



<p class="wp-block-paragraph">その中でもよく使われているのが <strong>VK Blocks と VK Blocks Pro</strong> です。</p>



<p class="wp-block-paragraph">この記事では、導入を検討している方向けに「何ができるのか」「無料版と有料版の違い」「どんな人に向いているのか」を、できるだけ分かりやすく整理します。</p>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" id="vk-tab-label-toc-x15mactl8-r5qy-b3w8-gf1e-ymr0810jxfb" aria-expanded="false" aria-controls="vk-toc-content-x15mactl8-r5qy-b3w8-gf1e-ymr0810jxfb">OPEN</button><ul id="vk-toc-content-x15mactl8-r5qy-b3w8-gf1e-ymr0810jxfb" class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-29b816bb-c853-4a8b-a941-fdec3e3231a5" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						VK Blocksとは？
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-5f6e844e-ef9f-4f3f-8a09-6ab36de6d0cb" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.1. </span>
						プラグインの特徴
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9ff43efa-ec36-4524-ba60-4f2223332166" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.2. </span>
						VK Blocksでできること（イメージ）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-7b8c2587-c723-41c7-8f19-95d0e1e66394" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						VK Blocks Pro（有料版）の特徴
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-6f4b7542-f017-4633-9b48-bd99b179635a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.1. </span>
						デザインパーツ・カスタマイズ機能の追加
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-21b1e552-d9c4-4db8-954c-eb8af4ce5e29" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.2. </span>
						サイト制作向けの機能が充実
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-5228c056-4a5f-4a27-b87c-f3077f73da9d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						VK BlocksとVK Blocks Proの違い
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-9a395049-270c-4bd9-8a0c-8ff3092990fc" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						どんな人におすすめ？
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-137ca50c-bb3e-4400-a37a-584f4b1ab6a9" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						VK Blocks（無料版）がおすすめな人
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-35367583-a66a-4d25-8075-f9be662529d4" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						VK Blocks Proがおすすめな人
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-03b23807-3159-42a4-bdf2-6333333a8135" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						導入前に知っておきたいポイント
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-572ead9c-d297-4d51-b9bc-bf1cfd22db0d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.1. </span>
						① 使いすぎると重くなる場合がある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-328a016f-4b1e-449f-ab68-2852ceae9d83" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.2. </span>
						② テーマとの相性がある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-e567b042-1eea-4d0f-98fe-8dc2cb452c25" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.3. </span>
						③ 最初はシンプルに使うのがコツ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-45ef7a6b-8912-4508-adbc-a923f6f0406a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6. </span>
						公式デザインパターン集も充実
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-50be0e8d-c388-4c1a-bb79-f4b578d4a87a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7. </span>
						機能ごとの解説・アレンジ集
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-ac439c09-e2e6-41c3-8c80-485c36e766c2" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">8. </span>
						まとめ
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-29b816bb-c853-4a8b-a941-fdec3e3231a5" class="wp-block-heading">VK Blocksとは？</h2>



<p class="wp-block-paragraph"><strong>VK Blocks</strong> は、<strong>WordPressの標準ブロックエディターに「便利なパーツ」を追加するプラグイン</strong>です。WordPressの公式ディレクトリに登録されており、管理画面の「プラグイン」検索画面から直接インストールできるようになっています。</p>



<p class="wp-block-paragraph">WordPressの定番テーマ「Lightning」等を手がけている<a href="https://www.vektor-inc.co.jp/">株式会社ベクトル</a>により開発されております。そのため、国産プラグインならではの安心感はありますし、とりわけ「Lightning」との相性は抜群です。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-6c9da8a5-3c4b-4d62-a954-35728669de03">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://ja.wordpress.org/plugins/vk-blocks/">VK Blocks – WordPress プラグイン | WordPress.org 日本語</a></li>



<li><a href="https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/?vwaf=3041">VK Blocks・VK Blocks Pro | 株式会社ベクトル</a></li>
</ul>
</div></div>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d6a1a3f&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d6a1a3f" class="wp-block-image size-blog-pc wp-lightbox-container"><img decoding="async" width="900" height="745" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-8-900x745.jpg" alt="" class="wp-image-1301" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-8-900x745.jpg 900w, https://wppilot.net/wp-content/uploads/2026/06/image-8-640x530.jpg 640w, https://wppilot.net/wp-content/uploads/2026/06/image-8-300x248.jpg 300w, https://wppilot.net/wp-content/uploads/2026/06/image-8-768x636.jpg 768w, https://wppilot.net/wp-content/uploads/2026/06/image-8-1024x848.jpg 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-8.jpg 1204w" sizes="(max-width: 900px) 100vw, 900px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">WordPress公式「VK Blocks」プラグイン紹介ページ（スクリーンショット）</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-5f6e844e-ef9f-4f3f-8a09-6ab36de6d0cb" class="wp-block-heading">プラグインの特徴</h3>



<p class="wp-block-paragraph">通常のWordPressでは、文章や画像などの基本的なブロックは使えますが、デザイン性の高いレイアウトを作るには工夫が必要です。</p>



<p class="wp-block-paragraph">VK Blocksを使うと、例えば以下のようなパーツが簡単に使えるようになります。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>ボタン（クリックを促すデザイン）</li>



<li>ボックス（囲み枠）</li>



<li>カード型レイアウト</li>



<li>ステップ表示（手順説明）</li>
</ul>



<p class="wp-block-paragraph">つまり、「<strong>ブログの見た目を整える部品セット</strong>」のような役割です。</p>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-info has-alert-icon  vk_block-margin-sm--margin-top"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-circle-info" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>使用例</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">例えばこのようなブロックも「VK Blocks」により実現可能です。</p>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-9ff43efa-ec36-4524-ba60-4f2223332166" class="wp-block-heading">VK Blocksでできること（イメージ）</h3>



<p class="wp-block-paragraph">VK Blocksの特徴は「<strong>コードなしでそれっぽいデザインが作れる</strong>」ことです。</p>



<p class="wp-block-paragraph">例えば以下のような装飾が可能となっています。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>記事を読みやすくする</strong>：重要なポイントを「ボックス」で囲むことで、視線を集めやすくなります。</li>



<li><strong>商品紹介がしやすい</strong>：カード型レイアウトを使うと、比較記事やレビュー記事が見やすくなります。</li>



<li><strong>クリックを増やす</strong>：ボタンブロックを使うことで、自然にリンク誘導ができます。</li>



<li><strong>レイアウトの細かい制御</strong>： 余白・スペースの細かい調整やレスポンシブ対応（スマホ・タブレット表示）の最適化等が可能です。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-7b8c2587-c723-41c7-8f19-95d0e1e66394" class="wp-block-heading">VK Blocks Pro（有料版）の特徴</h2>



<p class="wp-block-paragraph"><strong>VK Blocks Pro</strong> は、<strong>VK Blocksの機能をさらに強化した上位版</strong>です。無料版でも十分使えますが、Proでは主に次のような強化があります。</p>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon  vk_block-margin-sm--margin-top"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>注意</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">「VK Blocks Pro」の単品売りはされておりません。有償サブスクリプションサービス「<strong><a href="https://vws.vektor-inc.co.jp/vektor-passport/?vwaf=3041">Vektor Passport</a></strong>」にご登録いただく必要がございます。</p>
</div></div>


		<div class="pochipp-box"
			data-id="1615"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
			 data-cvkey="0d3084d1"		>
							<div class="pochipp-box__image">
					<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" rel="nofollow">
						<img decoding="async" width="300" height="300"  src="https://wppilot.net/wp-content/uploads/2026/07/vws-affiliate-1y-600x600-1-300x300.png" alt=""/>					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" rel="nofollow">
						Vektor Passport（ライセンス期間1年）					</a>
				</div>

									<div class="pochipp-box__info">ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。</div>
				
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
																<div class="pochipp-box__btnwrap -custom">
								<a href="https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=3041" class="pochipp-box__btn" rel="nofollow">
					<span>
						商品を確認する					</span>
				</a>
			</div>
										<div class="pochipp-box__btnwrap -custom_2 -long-text">
								<a href="https://vws.vektor-inc.co.jp/?vwaf=3041" class="pochipp-box__btn" rel="nofollow">
					<span>
						販売元公式サイト					</span>
				</a>
			</div>
			</div>
								<div class="pochipp-box__logo">
					<img decoding="async" src="https://wppilot.net/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-6f4b7542-f017-4633-9b48-bd99b179635a" class="wp-block-heading">デザインパーツ・カスタマイズ機能の追加</h3>



<p class="wp-block-paragraph">以下のような、<strong>より「サイトらしい見た目」を作るためのパーツや機能が増えます。</strong>ひいては、<strong>レイアウトの自由度アップにより、表現の幅が広くなります。</strong></p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>タブ型ボックスやグリッド等の高度なカードデザイン</li>



<li>セクション・ボックスデザインのバリエーション</li>



<li>ブロック・書式の独自カスタマイズ</li>
</ul>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d6a2fa2&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d6a2fa2" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1024" height="486" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-9-1024x486.png" alt="" class="wp-image-1304" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-9-1024x486.png 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-9-1536x729.png 1536w, https://wppilot.net/wp-content/uploads/2026/06/image-9-900x427.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-9-640x304.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-9-300x142.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-9-768x365.png 768w, https://wppilot.net/wp-content/uploads/2026/06/image-9.png 1763w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">「VK Blocks Pro」カスタムブロックスタイル設定の画面</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-21b1e552-d9c4-4db8-954c-eb8af4ce5e29" class="wp-block-heading">サイト制作向けの機能が充実</h3>



<p class="wp-block-paragraph">ブログだけにとどまらず、以下のような「<strong>しっかり作り込むサイト</strong>」にも向いています。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>企業サイト</li>



<li>サービス紹介サイト</li>



<li>ランディングページ（LP）</li>
</ul>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a6bf5d6a36e6&quot;}" data-wp-interactive="core/image" data-wp-key="6a6bf5d6a36e6" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1024" height="461" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://wppilot.net/wp-content/uploads/2026/06/image-8-1024x461.png" alt="" class="wp-image-1303" srcset="https://wppilot.net/wp-content/uploads/2026/06/image-8-1024x461.png 1024w, https://wppilot.net/wp-content/uploads/2026/06/image-8-900x405.png 900w, https://wppilot.net/wp-content/uploads/2026/06/image-8-640x288.png 640w, https://wppilot.net/wp-content/uploads/2026/06/image-8-300x135.png 300w, https://wppilot.net/wp-content/uploads/2026/06/image-8-768x346.png 768w, https://wppilot.net/wp-content/uploads/2026/06/image-8.png 1350w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<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" />
			</svg>
		</button><figcaption class="wp-element-caption">こちらの「目次」ブロックも「VK Blocks Pro」限定のブロックとなっています</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-5228c056-4a5f-4a27-b87c-f3077f73da9d" class="wp-block-heading">VK BlocksとVK Blocks Proの違い</h2>



<p class="wp-block-paragraph">シンプルにまとめると次のような違いです。</p>



<figure class="wp-block-table is-style-vk-table-border-stripes"><table class="has-border-color has-text-secondary-border-color has-fixed-layout"><thead><tr><th>項目</th><th>VK Blocks</th><th>VK Blocks Pro</th></tr></thead><tbody><tr><td>価格</td><td>無料</td><td>有料</td></tr><tr><td>基本ブロック</td><td>あり</td><td>あり</td></tr><tr><td>デザインの種類</td><td>標準的</td><td>豊富</td></tr><tr><td>カスタマイズ性</td><td>普通</td><td>高い</td></tr><tr><td>向いている人</td><td>ブログ初心者〜中級者</td><td>本格サイト制作者</td></tr></tbody></table></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-9a395049-270c-4bd9-8a0c-8ff3092990fc" class="wp-block-heading">どんな人におすすめ？</h2>



<h3 id="vk-htags-137ca50c-bb3e-4400-a37a-584f4b1ab6a9" class="wp-block-heading">VK Blocks（無料版）がおすすめな人</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>WordPress初心者</li>



<li>ブログを読みやすくしたい</li>



<li>まずは無料で試したい</li>



<li>シンプルなデザインで十分</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-35367583-a66a-4d25-8075-f9be662529d4" class="wp-block-heading">VK Blocks Proがおすすめな人</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>企業サイトやLPを作りたい</li>



<li>デザインにこだわりたい</li>



<li>作業効率を上げたい</li>



<li>クライアント案件で使いたい</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-03b23807-3159-42a4-bdf2-6333333a8135" class="wp-block-heading">導入前に知っておきたいポイント</h2>



<p class="wp-block-paragraph">VK Blocksは便利ですが、以下の点も理解しておくと安心です。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-572ead9c-d297-4d51-b9bc-bf1cfd22db0d" class="wp-block-heading">① 使いすぎると重くなる場合がある</h3>



<p class="wp-block-paragraph">ブロックを多用しすぎると、ページがやや複雑になります。</p>



<p class="wp-block-paragraph">特に、Pro版限定のブロックには構造が複雑なものも少なくありません。使い過ぎると読み込み速度の低下を招きます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-328a016f-4b1e-449f-ab68-2852ceae9d83" class="wp-block-heading">② テーマとの相性がある</h3>



<p class="wp-block-paragraph">WordPressテーマによっては、デザインの見え方が少し変わることがあります。そのため、事前の確認は要必須です。</p>



<p class="wp-block-paragraph">また、LightningやKatawara、X-T9等の株式会社ベクトル製のテーマ、もしくはTwenty Twenty-Five等のシンプル志向のテーマとの相性は良いです。</p>



<p class="wp-block-paragraph">一方、SWELLやCocoonなど、あらかじめ相当する機能が盛り込まれたテーマとの組み合わせはおすすめしません。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="vk-htags-e567b042-1eea-4d0f-98fe-8dc2cb452c25" class="wp-block-heading">③ 最初はシンプルに使うのがコツ</h3>



<p class="wp-block-paragraph">いきなり全部使うより、<strong>枠線ボックスやボタンなど、無料版の機能から慣れるのが安全</strong>です。</p>



<p class="wp-block-paragraph">こういったところである程度操作に慣れていただいた後、もしPro版の機能が必要であれば購入を検討いただくのが良いでしょう。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-45ef7a6b-8912-4508-adbc-a923f6f0406a" class="wp-block-heading">公式デザインパターン集も充実</h2>



<p class="wp-block-paragraph">VK Blocks（無料版）・VK Blocks Pro でご利用いただけるデザインパターン集も用意されています。2026/06/14現在、500を超えるパターンが用意されており、無料でご利用いただけるパターンも多数ございます。</p>



<p class="wp-block-paragraph">登録されているパターンをもとに、使用イメージを掴んでいただくのも良いかもしれません。</p>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://patterns.vektor-inc.co.jp/?vwaf=3041">VK パターンライブラリ | コピペで使えるWordPress のブロックパターンライブラリ</a></li>
</ul>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon  vk_block-margin-sm--margin-top"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>注意</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">有償サブスクリプションサービス「<strong><a href="https://vws.vektor-inc.co.jp/vektor-passport/?vwaf=3041">Vektor Passport</a></strong>」にご登録いただかないとご利用できないパターンもございます。</p>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-50be0e8d-c388-4c1a-bb79-f4b578d4a87a" class="wp-block-heading">機能ごとの解説・アレンジ集</h2>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2026/06/16/vk-blocks-responsive-br/" target="_self" >【メモ】VK Blocks の画面サイズ毎の改行指定について</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2026/06/16/vk-blocks-responsive-br/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2026/06/a12774bcacf2674f54d68351c429289f-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-blog-card has-border-color is-layout-flow wp-block-vk-blocks-blog-card-is-layout-flow" style="border-color:#0000001f;border-width:1px;border-radius:5px;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem">
<div class="wp-block-columns vk_flex-wrap-reverse-on-mobile is-layout-flex wp-container-core-columns-is-layout-987e2dbe wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%"><p style="font-style:normal;font-weight:700;margin-bottom:var(--wp--preset--spacing--40)" class="wp-block-vk-blocks-blog-card-title has-large-font-size"><a href="https://wppilot.net/2026/06/28/vk-blocks-alert-block/" target="_self" >「VK Blocks」のアラートブロック：アレンジ例</a></p>


<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-3fe47987 wp-block-group-is-layout-flex"><figure class="wp-block-vk-blocks-blog-card-site-logo wp-container-content-b8e8afd0"><a href="https://wppilot.net" target="_self" ><img src='https://wppilot.net/wp-content/uploads/2025/06/WP-Pilot-Icon-150x150.png' /></a></figure>

<p class="wp-block-vk-blocks-blog-card-site-title"><a href="https://wppilot.net" target="_self" >WP Pilot</a></p></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><figure class="wp-block-vk-blocks-blog-card-featured-image"><a href="https://wppilot.net/2026/06/28/vk-blocks-alert-block/" target="_self"  ><img src='https://wppilot.net/wp-content/uploads/2025/06/1b02752999f449704a5c92a2c52ab14a-1024x538.jpg' class="has-border-color" style="border-color:#0000001f;border-radius:5px;border-width:1px;object-fit:cover;" /></a></figure></div>
</div>
</div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-ac439c09-e2e6-41c3-8c80-485c36e766c2" class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph"><strong>VK Blocks（無料版）</strong> は、WordPressの編集を「<strong>簡単に見やすくするための道具箱</strong>」のような存在です。</p>



<p class="wp-block-paragraph">そして <strong>VK Blocks Pro</strong> は、<strong>その道具箱をさらに強化し、本格的なサイト制作にも対応できるようにしたもの</strong>です。</p>



<div class="wp-block-group is-style-vk-group-dotted vk_block-margin-sm--margin-top vk_block-margin-sm--margin-bottom is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list is-style-vk-triangle-mark">
<li>ブログ中心： VK Blocksで十分</li>



<li>しっかりしたサイト制作： Proも検討価値あり</li>
</ul>
</div>



<p class="wp-block-paragraph">上記の考え方で選ぶと失敗しにくくなります。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/06/14/vk-blocks-and-vk-blocks-pro/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【プラグイン】記事とメディアの移行プラグイン「Export media with selected content」について</title>
		<link>https://wppilot.net/2026/01/24/export-media-with-selected-content/</link>
					<comments>https://wppilot.net/2026/01/24/export-media-with-selected-content/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 00:38:32 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[移行]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=772</guid>

					<description><![CDATA[プラグインについて WordPress全体ではなく、あくまでもWordPress内の記事だけを移行したいときに非常に有用なプラグインでございます。 このプラグインの優れているところは、WordPressのインポート操作時 [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" id="vk-tab-label-toc-ehxufig1" aria-expanded="true" aria-controls="vk-toc-content-ehxufig1">CLOSE</button><ul id="vk-toc-content-ehxufig1" class="vk_tableOfContents_list tab_content-open">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-72935f44-24c9-4a06-8c11-e28009fa91fe" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						プラグインについて
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#使用感-個人の感想" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						使用感（個人の感想）
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#注意事項" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						注意事項
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#インポート時の注意" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						インポート時の注意
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#使用後の後始末-無効化-削除-はしっかりと" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						使用後の後始末（無効化、削除）はしっかりと
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-72935f44-24c9-4a06-8c11-e28009fa91fe" class="wp-block-heading is-style-vk-heading-double_black">プラグインについて</h2>



<figure class="wp-block-image size-blog-pc"><img decoding="async" width="900" height="623" src="https://wppilot.net/wp-content/uploads/2026/01/image-5-900x623.png" alt="" class="wp-image-773" srcset="https://wppilot.net/wp-content/uploads/2026/01/image-5-900x623.png 900w, https://wppilot.net/wp-content/uploads/2026/01/image-5-640x443.png 640w, https://wppilot.net/wp-content/uploads/2026/01/image-5-300x208.png 300w, https://wppilot.net/wp-content/uploads/2026/01/image-5-768x531.png 768w, https://wppilot.net/wp-content/uploads/2026/01/image-5-1024x708.png 1024w, https://wppilot.net/wp-content/uploads/2026/01/image-5.png 1304w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption"><a href="https://ja.wordpress.org/plugins/export-media-with-selected-content/">Export media with selected content (by DKZR) – WordPress プラグイン | WordPress.org 日本語</a> のスクリーンショット（2026年1月24日時点）</figcaption></figure>



<p class="wp-block-paragraph">WordPress全体ではなく、あくまでも<strong>WordPress内の記事だけを移行したいときに非常に有用なプラグイン</strong>でございます。</p>



<p class="wp-block-paragraph">このプラグインの優れているところは、WordPressのインポート操作時に、<strong>移行元の記事で使用されていたメディア（画像や動画など）を移行先に自動的に転送してくれる</strong>、という点です。</p>



<p class="wp-block-paragraph">もちろん全てを転送するのに時間はかかってしまいますし、移行終了時にも記事の状態を簡単にチェックする必要はあります（さすがに、再利用ブロックや独自プラグインの設定は別途引き継ぐ必要がある、ということもありますので）。移行元と移行先のサーバーの設定にさえ気をつけていれば、記事とメディアの紐付けに関してはおおむねうまくいきます。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-7bbe315b-f6d6-44f9-bc4f-378af0ea87e7">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://ja.wordpress.org/plugins/export-media-with-selected-content/">Export media with selected content (by DKZR) – WordPress プラグイン | WordPress.org 日本語</a></li>



<li><a href="https://emika-design.com/blog/homepage/exportmedia-with-selectedcontent/">【推奨】WordPressの記事移行のプラグイン「Export media with selected content」の使い方 | ホームページ制作・運用に役立つブログ｜Emika Design Blog</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="使用感-個人の感想" class="wp-block-heading is-style-vk-heading-double_black">使用感（個人の感想）</h2>



<p class="wp-block-paragraph">このプラグインにより、画像を使った記事の移行が実にスムーズに行きました。懸案事項だった問題を簡単に解決できたという点で、このプラグインの存在は本当にありがたいと思っております。本当に、もっと早く気づいていれば良かったくらいです。</p>



<p class="wp-block-paragraph">詳しい使い方については、上述のような記事が簡単に見つかりますので、私から申し上げることは特にありません。実際、WordPressの標準機能によるエクスポート機能やインポート機能をサポートしているだけなので、操作さえ間違わなければ手数がそれほどかかることはありません。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="注意事項" class="wp-block-heading is-style-vk-heading-double_black">注意事項</h2>



<h3 id="インポート時の注意" class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">インポート時の注意</h3>



<p class="wp-block-paragraph">言うまでもないことですが、記事をインポートする際は、<strong>取り込む記事が重複していないかどうか、事前に下書きやゴミ箱に入っているものも含めてチェックすることを強くおすすめします。</strong>重複した記事が複製されることはありませんが、<strong>その記事の設定（カテゴリーやタグなど）が意図せずして上書きされてしまうことがあります。</strong></p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="使用後の後始末-無効化-削除-はしっかりと" class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">使用後の後始末（無効化、削除）はしっかりと</h3>



<p class="wp-block-paragraph">使わないプラグインを有効化したままにするというのは、WordPressにも負担がかかりますし、セキュリティ的にもあまりよろしくありません。</p>



<p class="wp-block-paragraph">したがって、記事のインポート作業が無事に終わったことを確認したら、「Export media with selected content」プラグインを無効化し、すぐに削除しましょう。</p>



<p class="wp-block-paragraph">WordPress使用者ならば、こちらも知っていて当然かと思われますが、念のため。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/01/24/export-media-with-selected-content/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【プラグイン】有名キャッシュプラグイン「WP Fastest Cache」の設定を行ってみた</title>
		<link>https://wppilot.net/2026/01/24/wp-fastest-cache/</link>
					<comments>https://wppilot.net/2026/01/24/wp-fastest-cache/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 00:23:56 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[最適化]]></category>
		<category><![CDATA[キャッシュ]]></category>
		<category><![CDATA[WP Fastest Cache]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=767</guid>

					<description><![CDATA[使用した経緯、感想など キャッシュまわりは今までhtaccessやサーバー設定側に任せっきりにしていたのですが、ここのところページの表示などが重くなっておりました。それが良くなかったのかサイトヘルスにも響くようになってい [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><button type="button" class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" id="vk-tab-label-toc-hvn38vd3" aria-expanded="true" aria-controls="vk-toc-content-hvn38vd3">CLOSE</button><ul id="vk-toc-content-hvn38vd3" class="vk_tableOfContents_list tab_content-open">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#使用した経緯-感想など" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						使用した経緯、感想など
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3bea6b98-0be8-45c2-8ee9-dd9d84d4d2ad" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						エラーメッセージは無事に出なくなった
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#プラグインについて簡単に説明してみる" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						プラグインについて簡単に説明してみる
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#概要" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						概要
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#プラグインの特徴" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						プラグインの特徴
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#wp-fastest-cache-使用上の注意点" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3. </span>
						「WP Fastest Cache」使用上の注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">
					<a href="#vk-htags-4220599e-6539-42a6-b2e6-acfaab639ba3" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3.1. </span>
						キャッシュの影響で変更が反映されないことがある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">
					<a href="#vk-htags-9036f8f7-337e-4eab-aa92-a8e9bed7eff7" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3.2. </span>
						他のキャッシュ系プラグインとの競合
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">
					<a href="#vk-htags-80f1d2de-18a4-4a01-a32a-be24c88592de" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3.3. </span>
						JavaScript圧縮が一部の機能を壊すことがある
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-4">
					<a href="#vk-htags-e34c9fd4-7873-4c71-9c21-dde996665d2e" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3.4. </span>
						画像最適化はPro版のみ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#メモ-競合プラグインについて" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						【メモ】競合プラグインについて
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="使用した経緯-感想など" class="wp-block-heading is-style-vk-heading-double_black">使用した経緯、感想など</h2>



<p class="wp-block-paragraph">キャッシュまわりは今までhtaccessやサーバー設定側に任せっきりにしていたのですが、ここのところページの表示などが重くなっておりました。それが良くなかったのかサイトヘルスにも響くようになっていましたので、「<strong>サーバーのレスポンスが遅くなっています</strong>」といったエラーメッセージも出るように。</p>



<figure class="wp-block-image size-blog-pc"><img decoding="async" width="900" height="491" src="https://wppilot.net/wp-content/uploads/2026/01/image-4-900x491.png" alt="" class="wp-image-769" srcset="https://wppilot.net/wp-content/uploads/2026/01/image-4-900x491.png 900w, https://wppilot.net/wp-content/uploads/2026/01/image-4-640x349.png 640w, https://wppilot.net/wp-content/uploads/2026/01/image-4-300x164.png 300w, https://wppilot.net/wp-content/uploads/2026/01/image-4-768x419.png 768w, https://wppilot.net/wp-content/uploads/2026/01/image-4.png 924w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">サイトヘルス機能で表示されている「サーバーのレスポンス」についてのエラーメッセージ</figcaption></figure>



<p class="wp-block-paragraph">そこで今更なのではありますが、とりあえずキャッシュプラグインとして最も手っ取り早いものの1つとされている「<strong>WP Fastest Cache</strong>」を入れてみました。</p>



<ul class="wp-block-list">
<li><a href="https://ja.wordpress.org/plugins/wp-fastest-cache/">WP Fastest Cache – WordPress プラグイン | WordPress.org 日本語</a></li>



<li><a href="https://www.wpfastestcache.com/">WP Fastest Cache Premium | The Fastest WordPress Cache Plugin</a></li>
</ul>



<p class="wp-block-paragraph">ただし、<strong>キャッシュ系プラグインはページの描画で不具合の出やすいものの代表格</strong>でもありますので（それだけに忌避していたのですが）、できるだけ不具合のないように模索しながら設定をしていこうと思っております。</p>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-up-right-from-square" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-e6f9cdfb-44ce-4c4a-8ef5-c607c762c016">参考リンク</h4></div><div class="vk_borderBox_body">
<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://wp-search.org/ja/blog/wordpress-start-wpfastestcache/">WP Fastest Cacheの不具合の少ない設定方法と使い方【WordPress高速化】 | マニュオン</a></li>
</ul>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="vk-htags-3bea6b98-0be8-45c2-8ee9-dd9d84d4d2ad" class="wp-block-heading is-style-vk-heading-double_black">エラーメッセージは無事に出なくなった</h2>



<p class="wp-block-paragraph">とりあえず「WP Fastest Cache」の導入が終わったら、上記のような「<strong>サーバーのレスポンスはまだ遅いです</strong>」などのエラーメッセージは出なくなりました。ひとまず一段落といったところでしょうか。ページの描画も心なしか早くなったような気がします。</p>



<p class="wp-block-paragraph">WordPressに限った話ではないですが、ページの表示速度は避けては通れません。これからもできる範囲で改善を続けていきたいと思います。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="プラグインについて簡単に説明してみる" class="wp-block-heading is-style-vk-heading-double_black">プラグインについて簡単に説明してみる</h2>



<figure class="wp-block-image size-blog-pc"><img decoding="async" width="900" height="633" src="https://wppilot.net/wp-content/uploads/2026/01/image-5-900x633.jpg" alt="" class="wp-image-770" srcset="https://wppilot.net/wp-content/uploads/2026/01/image-5-900x633.jpg 900w, https://wppilot.net/wp-content/uploads/2026/01/image-5-640x450.jpg 640w, https://wppilot.net/wp-content/uploads/2026/01/image-5-300x211.jpg 300w, https://wppilot.net/wp-content/uploads/2026/01/image-5-768x540.jpg 768w, https://wppilot.net/wp-content/uploads/2026/01/image-5-1024x721.jpg 1024w, https://wppilot.net/wp-content/uploads/2026/01/image-5.jpg 1465w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption"><a href="https://ja.wordpress.org/plugins/wp-fastest-cache/">WP Fastest Cache – WordPress プラグイン | WordPress.org 日本語</a> のスクリーンショット（2026年1月24日現在）</figcaption></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="概要" class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">概要</h3>



<p class="wp-block-paragraph">「<strong>WP Fastest Cache</strong>」は、WordPressサイトの速度を向上させるためのキャッシュプラグインです。シンプルな設定画面で初心者でも扱いやすく、ページキャッシュの生成、圧縮、ブラウザキャッシュ、Lazy Load（画像遅延読み込み）など、サイトの高速化に必要な機能を幅広く備えています。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="プラグインの特徴" class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">プラグインの特徴</h3>



<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></div><div class="vk_alert_icon_text"><span>注意</span></div></div><div class="vk_alert_content">
<p class="wp-block-paragraph">以下の機能を全て使用すると、サーバーに大きな負荷がかかったり、ページ表示に不具合が生じたりする可能性がございます。自己責任で調整をお願いいたします。</p>
</div></div>



<ul class="wp-block-list">
<li><strong>簡単な設定画面</strong>：初心者でも数クリックで最適化可能ページ</li>



<li><strong>キャッシュ生成</strong>：静的HTMLを作成し、サイトを高速化</li>



<li><strong>HTML/CSS/JS圧縮</strong>：不要なスペースを削除し、ファイルサイズを軽量化</li>



<li><strong>Gzip圧縮</strong>：ページデータを圧縮し、転送速度を向上</li>



<li><strong>ブラウザキャッシュ</strong>：訪問者のブラウザにキャッシュを保存し、リピート訪問時の速度を改善</li>



<li><strong>CDN対応</strong>：Cloudflareやその他のCDNと連携可能</li>



<li><strong>モバイルキャッシュ管理</strong>：スマホ向けのキャッシュ設定が可能</li>



<li><strong>キャッシュ自動削除</strong>：記事の更新時に自動的にキャッシュをクリア画像の</li>



<li><strong>遅延読み込み（Lazy Load）</strong>：画像をスクロール時に読み込むことでページ表示を高速化</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 id="wp-fastest-cache-使用上の注意点" class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">「WP Fastest Cache」使用上の注意点</h3>



<h4 id="vk-htags-4220599e-6539-42a6-b2e6-acfaab639ba3" class="wp-block-heading">キャッシュの影響で変更が反映されないことがある</h4>



<ul class="wp-block-list">
<li>サイトを更新しても<strong>古いキャッシュが表示される</strong>ことがある</li>



<li><strong>キャッシュを削除（クリア）</strong>すると即座に反映される</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h4 id="vk-htags-9036f8f7-337e-4eab-aa92-a8e9bed7eff7" class="wp-block-heading">他のキャッシュ系プラグインとの競合</h4>



<ul class="wp-block-list">
<li><strong>W3 Total Cache、LiteSpeed Cache などと併用すると不具合が起こる可能性がある</strong></li>



<li>キャッシュプラグインは<strong>1つだけ使用する</strong>のが推奨</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h4 id="vk-htags-80f1d2de-18a4-4a01-a32a-be24c88592de" class="wp-block-heading">JavaScript圧縮が一部の機能を壊すことがある</h4>



<ul class="wp-block-list">
<li><strong>JavaScriptの圧縮（Minify）を有効にすると、一部のテーマやプラグインが正常に動作しなくなる場合がある</strong></li>



<li>トラブルが発生した場合は&nbsp;<strong>JS圧縮を無効化</strong>&nbsp;してみる</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h4 id="vk-htags-e34c9fd4-7873-4c71-9c21-dde996665d2e" class="wp-block-heading">画像最適化はPro版のみ</h4>



<ul class="wp-block-list">
<li><strong>WebP変換や画像圧縮は無料版では利用できない</strong></li>



<li>画像最適化が必要なら「<strong><a href="https://ja.wordpress.org/plugins/ewww-image-optimizer/">EWWW Image Optimizer</a></strong>」や「<strong><a href="https://ja.wordpress.org/plugins/wp-smushit/">Smush</a></strong>」等との併用を考えるのも手</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 id="メモ-競合プラグインについて" class="wp-block-heading is-style-vk-heading-double_black">【メモ】競合プラグインについて</h2>



<ol class="wp-block-list">
<li><a href="https://wp-rocket.me/ja/">WP Rocket</a>
<ul class="wp-block-list">
<li>高性能キャッシュ＋データベース最適化＋画像遅延読み込み</li>



<li>有料のみ、機能は最も充実</li>
</ul>
</li>



<li><a href="https://wordpress.org/plugins/w3-total-cache/">W3 Total Cache</a>
<ul class="wp-block-list">
<li>高度なキャッシュ設定が可能（オブジェクトキャッシュ、DBキャッシュ）</li>



<li><strong>設定が難しく、初心者向けではない</strong></li>
</ul>
</li>



<li><a href="https://ja.wordpress.org/plugins/litespeed-cache/">LiteSpeed Cache</a>
<ul class="wp-block-list">
<li>サーバー組み込み型キャッシュ、ECサイト向け最適化</li>



<li><strong>LiteSpeedサーバー向け</strong>で、専用環境で最も効果が高い</li>
</ul>
</li>



<li><a href="https://ja.wordpress.org/plugins/autoptimize/">Autoptimize</a>
<ul class="wp-block-list">
<li>CSS・JS最適化に特化</li>



<li>キャッシュよりも圧縮や最適化重視</li>
</ul>
</li>



<li><a href="https://ja.wordpress.org/plugins/wp-super-cache/">WP Super Cache</a>
<ul class="wp-block-list">
<li>シンプルなキャッシュプラグイン</li>



<li>WP Fastest Cacheよりも設定が少ない</li>
</ul>
</li>
</ol>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2026/01/24/wp-fastest-cache/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【プラグイン】SEO対策に、まずはこちらから。「SEO SIMPLE PACK」の使い方</title>
		<link>https://wppilot.net/2025/11/09/seo-simple-pack/</link>
					<comments>https://wppilot.net/2025/11/09/seo-simple-pack/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sun, 09 Nov 2025 13:52:31 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[最適化]]></category>
		<category><![CDATA[SEO対策]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=497</guid>

					<description><![CDATA[「SEO SIMPLE PACK」は、日本のWordPressユーザー向けに開発されたシンプルで軽量なSEO対策プラグインです。「All in One SEO」や「Yoast SEO」のような多機能型ではなく、「必要最低 [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">「<strong><a href="https://ja.wordpress.org/plugins/seo-simple-pack/">SEO SIMPLE PACK</a></strong>」は、日本のWordPressユーザー向けに開発されたシンプルで軽量なSEO対策プラグインです。「All in One SEO」や「Yoast SEO」のような多機能型ではなく、「<strong>必要最低限のSEO設定をわかりやすく管理画面から行える</strong>」点が特徴です。</p>



<p class="wp-block-paragraph">プラグイン開発者が<a href="https://swell-theme.com/">WordPressテーマ「SWELL」</a>と同じ方であることでも知られており、<strong>完全日本語化のため扱いやすい</strong>こともポイントです。</p>



<p class="wp-block-paragraph">以下では、「特徴」「主な機能」「使い方の流れ」「補足設定」という4つの観点で詳しく説明します。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><input type="checkbox" id="chck-toc-haji9t2d"/><label class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-close" for="chck-toc-haji9t2d" id="vk-tab-label-toc-haji9t2d">OPEN</label><ul class="vk_tableOfContents_list tab_content-close">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-80b5882d-3712-49af-b5dc-e9d5f0ad3f61" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						プラグインの特徴
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-94a9e903-a4a1-4df9-af26-ddfba90c222a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.1. </span>
						軽量で高速
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-268b84c3-eb1a-4a0b-b47b-f11ac9b3dd07" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.2. </span>
						シンプルな設定画面
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-bfc06c11-48cd-46f6-824b-fdfd321435ae" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1.3. </span>
						テーマとの相性が良い
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-7c394c67-c763-49c3-818a-33c89601dd9b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						主な機能
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-858a21f2-c831-422f-b7d1-6d387a211ab8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.1. </span>
						メタ情報（title・description・OGP）の設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-c24627d4-b840-4c3e-8341-3a5d486c8edd" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.2. </span>
						SNS連携設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-9a8f0010-158e-4719-82ab-b9ae88736e3f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.3. </span>
						検索エンジン向け設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b94650d4-fe55-400c-a62f-228c9e6d96ee" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2.4. </span>
						検証タグ（Verification）登録
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-bb268f21-d998-4934-8438-51e8684c22f1" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						基本的な使い方の流れ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-47d47ee0-63d2-4166-b436-0783409afb17" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						1. インストール
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-b9d4c2f6-6283-4aad-b3ad-67e2b51ff734" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						2. 初期設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-5326344a-30ed-4a83-be15-23039568b5ca" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3. </span>
						3. 一般設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-5ba1d468-dd1c-4775-9aaa-b3886800ce07" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.4. </span>
						4. OGP設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-21af495a-9f88-449e-9ddf-d2a287ca9619" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.5. </span>
						5. 投稿・固定ページ編集画面での個別設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-896c46d7-4b3e-4839-8f42-a07eab7c1518" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						補足・注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-ccc4aaa4-f9a5-4469-b22e-82e664c951c6" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.1. </span>
						og:titleやmeta descriptionをカスタムフックで操作する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-10c096f0-5cb9-4b14-9da9-e6fafed99831" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4.2. </span>
						プラグイン・その他設定との競合
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-2d4669fa-45e7-4714-98dd-5c116458846b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						まとめ
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-80b5882d-3712-49af-b5dc-e9d5f0ad3f61">プラグインの特徴</h2>



<figure class="wp-block-image size-large has-custom-border"><img decoding="async" width="1024" height="849" src="https://wppilot.net/wp-content/uploads/2025/11/image-3-1024x849.jpg" alt="" class="has-border-color has-border-normal-border-color wp-image-757" srcset="https://wppilot.net/wp-content/uploads/2025/11/image-3-1024x849.jpg 1024w, https://wppilot.net/wp-content/uploads/2025/11/image-3-900x747.jpg 900w, https://wppilot.net/wp-content/uploads/2025/11/image-3-640x531.jpg 640w, https://wppilot.net/wp-content/uploads/2025/11/image-3-300x249.jpg 300w, https://wppilot.net/wp-content/uploads/2025/11/image-3-768x637.jpg 768w, https://wppilot.net/wp-content/uploads/2025/11/image-3.jpg 1302w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">「<strong><a href="https://ja.wordpress.org/plugins/seo-simple-pack/">SEO SIMPLE PACK</a></strong>」プラグイン公式ページのスクリーンショット（2026/01/23時点）</figcaption></figure>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-94a9e903-a4a1-4df9-af26-ddfba90c222a">軽量で高速</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>外部スクリプトをほとんど読み込まないため、ページ表示速度への影響が非常に少ないです。</li>



<li>高機能SEOプラグインにありがちなデータベース負荷も抑えられています。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-268b84c3-eb1a-4a0b-b47b-f11ac9b3dd07">シンプルな設定画面</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>日本語に完全対応しており、WordPress管理画面の「設定 → SEO Simple Pack」から直感的に操作できます。</li>



<li>各項目に説明がついているため、SEO初心者でも扱いやすいです。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-bfc06c11-48cd-46f6-824b-fdfd321435ae">テーマとの相性が良い</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>SWELLはもちろん、Cocoon、Arkhe、VK Blocks Themeなど多くの国産テーマで問題なく動作します。</li>



<li>テーマ側にmetaタグ生成機能がある場合、競合を避けるための調整も比較的容易です。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-7c394c67-c763-49c3-818a-33c89601dd9b">主な機能</h2>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-858a21f2-c831-422f-b7d1-6d387a211ab8">メタ情報（title・description・OGP）の設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>トップページ・投稿ページ・固定ページ・アーカイブページなどの<strong>タイトルタグ（title）やディスクリプション（description）</strong>を一括または個別に設定可能です。</li>



<li>OGP（Open Graph Protocol）やTwitterカードもサポートしており、SNSシェア時に適切なサムネイル・タイトル・説明文を表示できます。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-c24627d4-b840-4c3e-8341-3a5d486c8edd">SNS連携設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>FacebookアプリID、OGP画像のデフォルト指定、Twitterカードタイプなどを管理画面で設定できます。</li>



<li>投稿ごとにアイキャッチをOGP画像として自動使用することもできます。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-9a8f0010-158e-4719-82ab-b9ae88736e3f">検索エンジン向け設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>Googleなどの検索エンジン用に、noindex（インデックスしない）設定やnofollowを投稿単位で指定可能です。</li>



<li>サイト全体のメタタグ（robotsタグ）やcanonicalタグを自動生成してくれます。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-b94650d4-fe55-400c-a62f-228c9e6d96ee">検証タグ（Verification）登録</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>Google Search Console、Bing Webmaster Toolsなどの認証タグを簡単に追加できます。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-bb268f21-d998-4934-8438-51e8684c22f1">基本的な使い方の流れ</h2>



<p class="wp-block-paragraph">詳しい使い方は以下のページをご確認ください。</p>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><a href="https://ja.wordpress.org/plugins/seo-simple-pack/">SEO SIMPLE PACK – WordPress プラグイン | WordPress.org 日本語</a></li>



<li><a href="https://loos.co.jp/documents/seo-simple-pack/">SEO SIMPLE PACK の使い方 | LOOS,Inc.</a></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-47d47ee0-63d2-4166-b436-0783409afb17">1. インストール</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>WordPress管理画面で「プラグイン → 新規追加」から「<strong>SEO Simple Pack</strong>」を検索し、インストールして有効化します。</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="520" height="425" src="https://wppilot.net/wp-content/uploads/2025/11/image.png" alt="" class="wp-image-498" srcset="https://wppilot.net/wp-content/uploads/2025/11/image.png 520w, https://wppilot.net/wp-content/uploads/2025/11/image-300x245.png 300w" sizes="(max-width: 520px) 100vw, 520px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-b9d4c2f6-6283-4aad-b3ad-67e2b51ff734">2. 初期設定</h3>



<p class="wp-block-paragraph">管理画面左メニューの「設定 → SEO Simple Pack」を開くと、以下のタブが並びます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>一般設定</strong>
<ul class="wp-block-list is-style-vk-triangle-mark">
<li>基本設定</li>



<li>投稿ページ</li>



<li>タクソノミーアーカイブ</li>



<li>その他アーカイブ</li>



<li>Googleアナリティクス</li>



<li>ウェブマスターツール</li>
</ul>
</li>



<li><strong>OGP設定</strong>
<ul class="wp-block-list">
<li>基本設定</li>



<li>Facebook</li>



<li>Twitter</li>
</ul>
</li>



<li><strong>HELP</strong>（使用できるテンプレート変数を確認可能）</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-5326344a-30ed-4a83-be15-23039568b5ca">3. 一般設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>トップページや投稿ページのタイトルおよびディスクリプションを「<code>%post_title% | %site_title%</code>」のようにテンプレートで指定できます。これにより、SEO的に最適なタイトル構造を自動生成できます。</li>



<li>特定のページについてnoindexにしたい場合、そのように設定をすることも可能です。不要なページをインデックスさせないことで、SEOの評価を集中させられます。</li>



<li>「メディアページ」「著者アーカイブページ」など、<strong>一部ページについては強制リダイレクトするように設定することが可能</strong>です。</li>



<li><strong>「Googleアナリティクス」タブ</strong>および<strong>「ウェブマスターツール」タブ</strong>では、対象のコードを入力することにより簡単に導入を行うことが可能です。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-7a7f31b9-05eb-40f6-9255-411990dab7bc">「一般設定」画面（一例）</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="623" src="https://wppilot.net/wp-content/uploads/2025/11/image-2-1024x623.png" alt="" class="wp-image-500" srcset="https://wppilot.net/wp-content/uploads/2025/11/image-2-1024x623.png 1024w, https://wppilot.net/wp-content/uploads/2025/11/image-2-900x548.png 900w, https://wppilot.net/wp-content/uploads/2025/11/image-2-300x183.png 300w, https://wppilot.net/wp-content/uploads/2025/11/image-2-768x467.png 768w, https://wppilot.net/wp-content/uploads/2025/11/image-2-640x390.png 640w, https://wppilot.net/wp-content/uploads/2025/11/image-2.png 1413w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-5ba1d468-dd1c-4775-9aaa-b3886800ce07">4. OGP設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>X(旧Twitter）およびFacebookに適合したOGPタグに関する設定が可能です。</li>



<li>既定のOGP画像を指定しておくと、アイキャッチがない記事にもサムネイルが表示されます。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-25b0f8ac-be02-435a-9227-5e45325431a7">「OGP設定」画面（一例）</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="512" src="https://wppilot.net/wp-content/uploads/2025/11/image-1-1024x512.png" alt="" class="wp-image-499" srcset="https://wppilot.net/wp-content/uploads/2025/11/image-1-1024x512.png 1024w, https://wppilot.net/wp-content/uploads/2025/11/image-1-900x450.png 900w, https://wppilot.net/wp-content/uploads/2025/11/image-1-300x150.png 300w, https://wppilot.net/wp-content/uploads/2025/11/image-1-768x384.png 768w, https://wppilot.net/wp-content/uploads/2025/11/image-1-640x320.png 640w, https://wppilot.net/wp-content/uploads/2025/11/image-1.png 1235w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-21af495a-9f88-449e-9ddf-d2a287ca9619">5. 投稿・固定ページ編集画面での個別設定</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>各記事の編集画面の下部に「SEO Simple Pack設定」というメタボックスが追加されます。</li>



<li>ここでタイトル・description・OGP画像・noindex設定などを個別に上書き可能です。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-4b5f6b0c-6709-4444-8c13-fad9040a3887">個別設定の様子（一例）</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-medium"><a href="https://wppilot.net/wp-content/uploads/2025/11/d31cce9cb3cfde468e2bf9f85ebecdee.png"><img decoding="async" width="72" height="300" src="https://wppilot.net/wp-content/uploads/2025/11/d31cce9cb3cfde468e2bf9f85ebecdee-72x300.png" alt="" class="wp-image-501" srcset="https://wppilot.net/wp-content/uploads/2025/11/d31cce9cb3cfde468e2bf9f85ebecdee-72x300.png 72w, https://wppilot.net/wp-content/uploads/2025/11/d31cce9cb3cfde468e2bf9f85ebecdee-246x1024.png 246w, https://wppilot.net/wp-content/uploads/2025/11/d31cce9cb3cfde468e2bf9f85ebecdee.png 268w" sizes="(max-width: 72px) 100vw, 72px" /></a></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-896c46d7-4b3e-4839-8f42-a07eab7c1518">補足・注意点</h2>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-ccc4aaa4-f9a5-4469-b22e-82e664c951c6">og:titleやmeta descriptionをカスタムフックで操作する</h3>



<p class="wp-block-paragraph">テーマ側やfunctions.phpでフックを使えます（詳しくは公式ページをご確認ください）。</p>


<pre class="wp-block-code"><span><code class="hljs language-php">add_filter(<span class="hljs-string">'ssp_og_title'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($title)</span> </span>{
    <span class="hljs-keyword">if</span> (is_category()) {
        $title = <span class="hljs-string">'カテゴリー: '</span> . single_cat_title(<span class="hljs-string">''</span>, <span class="hljs-keyword">false</span>) . <span class="hljs-string">' | '</span> . get_bloginfo(<span class="hljs-string">'name'</span>);
    }
    <span class="hljs-keyword">return</span> $title;
});
</code></span></pre>


<p class="wp-block-paragraph">このように、カテゴリーやカスタム投稿タイプごとに動的に変更できます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-10c096f0-5cb9-4b14-9da9-e6fafed99831">プラグイン・その他設定との競合</h3>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li>既存のSEO対策用プラグイン（「All in One SEO」など）を既に入れている場合、このプラグインを使用する意味はありません。どちらかのみを使用するにとどめ、同時利用は極力避けるのが良いでしょう。</li>



<li>CocoonやXWRITEなどのテーマで同様のmetaタグを出力している場合は、<strong>SEO Simple Pack側で重複しないよう、重複箇所の設定をオフにする必要があります。</strong></li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-2d4669fa-45e7-4714-98dd-5c116458846b">まとめ</h2>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><strong>主な目的</strong>： title・description・OGPを簡単管理</li>



<li><strong>特徴</strong>： 軽量・日本語対応・設定が分かりやすい</li>



<li><strong>向いているユーザー</strong>： SEOの基本設定だけを確実に行いたい人</li>



<li><strong>注意点</strong>：他のSEOプラグインとの併用は避けるとともに、テーマ内のSEO設定に注意する</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2025/11/09/seo-simple-pack/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【プラグイン】ブロックエディターでカルーセルを簡単に実現。「Carousel Slider Block for Gutenberg」の使い方</title>
		<link>https://wppilot.net/2025/11/09/carousel-slider-block-for-gutenberg/</link>
					<comments>https://wppilot.net/2025/11/09/carousel-slider-block-for-gutenberg/#respond</comments>
		
		<dc:creator><![CDATA[WP Pilot]]></dc:creator>
		<pubDate>Sun, 09 Nov 2025 12:45:27 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Gutenberg]]></category>
		<category><![CDATA[Swiper.js]]></category>
		<guid isPermaLink="false">https://wppilot.net/?p=480</guid>

					<description><![CDATA[ブログ運営で「見せたいコンテンツを動きのあるスライダー形式で表示したい」といった場合、「Carousel Slider Block for Gutenberg」（Gutenberg 用プラグイン）は比較的シンプルで使いや [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center;"><strong>- 広告 -</strong></div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1223010533463111"
     data-ad-slot="1567275259"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></aside>
<p class="wp-block-paragraph">ブログ運営で「見せたいコンテンツを動きのあるスライダー形式で表示したい」といった場合、「<strong><a href="https://ja.wordpress.org/plugins/carousel-block/?utm_source=chatgpt.com">Carousel Slider Block for Gutenberg</a></strong>」（Gutenberg 用プラグイン）は比較的シンプルで使いやすい選択肢です。</p>



<p class="wp-block-paragraph">以下の手順に沿って、導入からカスタマイズ、実際の運用ポイントまで整理します。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><input type="checkbox" id="chck-toc-7jkm99n8"/><label class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" for="chck-toc-7jkm99n8" id="vk-tab-label-toc-7jkm99n8">CLOSE</label><ul class="vk_tableOfContents_list tab_content-open">
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-72d11bae-ff0a-4242-91a4-e271981862f3" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">1. </span>
						プラグイン概要
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-bf532e7e-fec8-4a57-80c1-a41ad02eb3e8" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">2. </span>
						活用・実践例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-ac5421df-7a6b-45ff-9033-c77bba764b4d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3. </span>
						プラグインのインストールと有効化
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-be7eab28-ea2e-44a8-96b9-f1d1aa853176" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.1. </span>
						1. プラグインを検索してインストール、有効化する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-eed25bc5-878b-4e00-9894-3ad8eb225a8d" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.2. </span>
						2. 「Carousel Slider」ブロックの追加を確認する
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-92b8806f-e897-4cc5-8f75-bf6e99a1319a" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">3.3. </span>
						3. 導入時のポイント・注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-0b03e717-ea01-44cd-a449-2cdb4d7115f9" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">4. </span>
						カルーセル（スライダー）の作成手順
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-3b7701de-e4c5-4938-99b8-9b0cce3d709f" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5. </span>
						カルーセルブロックの設定項目
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-514c4d9d-82cd-4ebb-ad64-06ae5da2b50b" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.1. </span>
						1. 基本設定
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-45972e06-5322-4abd-ac38-04f4689cee94" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">5.2. </span>
						2. Breakpoint Settings
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-8a536c15-e72c-4175-9e04-794fc0a0e506" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6. </span>
						スタイル調整・カスタマイズ
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-7069832d-ce7d-4005-a1ac-a0672fe8dd67" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.1. </span>
						1. 主な CSS 変数例
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-f3a5832c-1886-45bc-afda-d12f41b53dc7" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.2. </span>
						2. 適用方法
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3">
					<a href="#vk-htags-f46afe3f-3e4c-45f9-9d0f-5885127afab2" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">6.3. </span>
						3. 注意点
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-e8e85d42-31b4-42cd-9fb6-7b285b053d78" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">7. </span>
						運用時のポイント
					</a>
				</li>
			
				<li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2">
					<a href="#vk-htags-8c713d0b-97b5-44db-8fee-dc007ef6e128" class="vk_tableOfContents_list_item_link">
						<span class="vk_tableOfContents_list_item_link_preNumber">8. </span>
						よくあるトラブルと対処法
					</a>
				</li>
			</ul></div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-72d11bae-ff0a-4242-91a4-e271981862f3">プラグイン概要</h2>



<p class="wp-block-paragraph">「<strong><strong><a href="https://ja.wordpress.org/plugins/carousel-block/?utm_source=chatgpt.com">Carousel Slider Block for Gutenberg</a></strong></strong>」は、WordPressのブロックエディタ（Gutenberg）専用に設計された軽量スライダープラグインです。画像やテキスト、ボタンなど、あらゆるブロックをスライド内に自由に配置できるのが特徴で、<strong>単なる画像スライダーではなく「ブロック構成のスライド」を直感的に作成できます。</strong>追加したスライドはエディタ上でそのまま並べ替えや削除ができ、操作も非常にシンプルです。</p>



<p class="wp-block-paragraph">また、スライダーとしての動作設定が細かく調整できるのも魅力です。表示枚数、スクロール枚数、アニメーション速度、自動再生、ループ、ドットや矢印ナビゲーションの有無などをブロック設定パネルから簡単に指定できます。さらに、画面幅ごとのレスポンシブ設定にも対応しており、スマートフォンやタブレットでも最適な表示が可能です。</p>



<p class="wp-block-paragraph">デザイン面では、CSS変数を使って矢印やドットの色・サイズなどをカスタマイズできる柔軟性を備えています。FrostやTwenty Twenty-Fiveなどのシンプルなテーマとの相性も良く、軽快な動作が特徴です。特に、「見出し付きバナー」「おすすめ記事のスライド紹介」など、動きを取り入れたい場面に適したブロック型スライダーとして活用できます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-bf532e7e-fec8-4a57-80c1-a41ad02eb3e8">活用・実践例</h2>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li>1スライドごとに画像を単に入れるだけでもOK。</li>



<li>トップページの「おすすめ記事」セクションにスライダーを設置し、4枚表示（PC）・1枚表示（スマホ）で切り替え。</li>



<li>各記事内で「関連投稿スライダー」を設置：画像＋タイトル＋ボタン付きスライドとして、読者の回遊率アップ。</li>



<li>ブログの「実績紹介」ページで、クライアントロゴ＋説明文をスライド形式で並べて、視覚的なインパクトを出す。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-aab26286-8fe8-47cc-83d6-90ccdb19f0f7">ブロック活用例（画像のスライドショー）</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-full"><img decoding="async" width="943" height="372" src="https://wppilot.net/wp-content/uploads/2025/11/image.jpg" alt="" class="wp-image-492" srcset="https://wppilot.net/wp-content/uploads/2025/11/image.jpg 943w, https://wppilot.net/wp-content/uploads/2025/11/image-900x355.jpg 900w, https://wppilot.net/wp-content/uploads/2025/11/image-300x118.jpg 300w, https://wppilot.net/wp-content/uploads/2025/11/image-768x303.jpg 768w, https://wppilot.net/wp-content/uploads/2025/11/image-640x252.jpg 640w" sizes="(max-width: 943px) 100vw, 943px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-ac5421df-7a6b-45ff-9033-c77bba764b4d">プラグインのインストールと有効化</h2>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-be7eab28-ea2e-44a8-96b9-f1d1aa853176">1. プラグインを検索してインストール、有効化する</h3>



<ul class="wp-block-list">
<li>WordPress 管理画面 → <code>プラグイン</code> &gt; <code>新規追加</code> を開きます。</li>



<li>その後、検索ボックスに「Carousel Slider Block」と入力し、対象プラグインを見つけます。</li>



<li>見つけたら、<code>インストール</code> → <code>有効化</code> を実行します。</li>
</ul>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="520" height="400" src="https://wppilot.net/wp-content/uploads/2025/11/5ac0145b83be054ec0e2a276cb5f6685.png" alt="" class="wp-image-485" srcset="https://wppilot.net/wp-content/uploads/2025/11/5ac0145b83be054ec0e2a276cb5f6685.png 520w, https://wppilot.net/wp-content/uploads/2025/11/5ac0145b83be054ec0e2a276cb5f6685-300x231.png 300w" sizes="(max-width: 520px) 100vw, 520px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-eed25bc5-878b-4e00-9894-3ad8eb225a8d">2. 「Carousel Slider」ブロックの追加を確認する</h3>



<p class="wp-block-paragraph">有効化後、Gutenberg（ブロックエディタ）で使用可能な「<strong>Carousel Slider</strong>」ブロックが「デザイン（Design）」カテゴリあるいは「レイアウト系」のブロック群に追加されます。</p>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="439" height="284" src="https://wppilot.net/wp-content/uploads/2025/11/1a4c642897656687f988d20ddb74b611.png" alt="" class="wp-image-481" srcset="https://wppilot.net/wp-content/uploads/2025/11/1a4c642897656687f988d20ddb74b611.png 439w, https://wppilot.net/wp-content/uploads/2025/11/1a4c642897656687f988d20ddb74b611-300x194.png 300w" sizes="(max-width: 439px) 100vw, 439px" /></figure>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-92b8806f-e897-4cc5-8f75-bf6e99a1319a">3. 導入時のポイント・注意点</h3>



<ul class="wp-block-list">
<li>プラグイン自体は比較的軽量です。PHP 5.6＋／WordPress 5.8＋が推奨とされています。</li>



<li>既存テーマ・子テーマとの相性もチェックしておきましょう。こちらのようなスライダー系のブロックは CSS の影響を受けやすいです。</li>



<li>2025/11/09時点で<strong>日本語化されていない</strong>ため、英語等に抵抗のある方は扱いに気をつけて下さい。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_bottomborder_black" id="vk-htags-0b03e717-ea01-44cd-a449-2cdb4d7115f9">カルーセル（スライダー）の作成手順</h2>



<ul class="wp-block-list is-style-vk-numbered-circle-mark">
<li>投稿または固定ページを編集（Gutenberg）します。</li>



<li>ブロック挿入ボタン「＋」をクリックして Carousel Slider ブロックを追加します。</li>



<li>ブロック内に「<strong>スライド（Slide）</strong>」となる子ブロックを追加できます。通常は、ブロック内に「＋」ボタンがあり、そこを使って「スライドを追加」します。</li>



<li>各スライドには、画像、見出し、テキスト、ボタン、カバー（背景付き）など 任意のブロック を配置できます。つまり「画像だけ」「テキスト＋画像」「完全カスタム」など自由度が高いです。</li>



<li>スライドの順序を設定できます。ブロック上部に左右の矢印などがあり、スライドを移動（並び替え）できます。</li>



<li>不要なスライドは、該当スライドを選択 → 右上の「…（その他オプション）」 → 「スライドを削除」で除去します。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-89579c3d-91d0-43d1-a456-b34a1352fd9c">生成されたカルーセルブロックの構造</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-full"><img decoding="async" width="344" height="149" src="https://wppilot.net/wp-content/uploads/2025/11/23711da29a0700ea0238e6e5f609ff55.png" alt="" class="wp-image-486" srcset="https://wppilot.net/wp-content/uploads/2025/11/23711da29a0700ea0238e6e5f609ff55.png 344w, https://wppilot.net/wp-content/uploads/2025/11/23711da29a0700ea0238e6e5f609ff55-300x130.png 300w" sizes="(max-width: 344px) 100vw, 344px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-faa56443-a734-41dc-9b84-644143d5f429">カルーセルブロック（操作例）</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-full"><img decoding="async" width="887" height="421" src="https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052.jpg" alt="" class="wp-image-487" srcset="https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052.jpg 887w, https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052-300x142.jpg 300w, https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052-768x365.jpg 768w, https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052-840x399.jpg 840w, https://wppilot.net/wp-content/uploads/2025/11/2f41b1718454d6cb850424d791c9f052-640x304.jpg 640w" sizes="(max-width: 887px) 100vw, 887px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-3b7701de-e4c5-4938-99b8-9b0cce3d709f">カルーセルブロックの設定項目</h2>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-514c4d9d-82cd-4ebb-ad64-06ae5da2b50b">1. 基本設定</h3>



<p class="wp-block-paragraph">カルーセル（スライダー）を配置したら、ブロックを選択して右サイドバー（設定パネル）で以下のような項目を設定できます。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>表示枚数</strong>（Slides per view）：画面に同時に表示するスライド数。</li>



<li><strong>スクロール枚数</strong>（Slides to scroll）：移動時に何枚分ずれるか。</li>



<li><strong>スピード</strong>（Slide speed）：切り替えアニメーションの速さ。</li>



<li><strong>パディング</strong>（Slide padding）：スライド間の余白。</li>



<li><strong>ナビゲーション矢印</strong>（Prev/Next arrows）：左右移動ボタンを表示するか。</li>



<li><strong>ドットナビゲーション</strong>（Dots navigation）：下部に点でスライド位置を表示／移動できるか。</li>



<li><strong>無限ループ</strong>（Infinite loop）：最後のスライドの次に１枚目に戻るか。</li>



<li><strong>自動再生</strong>（Autoplay）：自動的にスライドが切り替わるか。ONにした場合、切り替わり秒数をミリ秒（ms）単位で指定可能です。</li>



<li><strong>RTLモード</strong>：右から左方向（Right-to-Left）表示を使う言語・サイト向け。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-gear" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-bb4fbd2f-a1f3-4773-b28a-c73e4e2ea916">基本設定の設定例</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-medium"><a href="https://wppilot.net/wp-content/uploads/2025/11/a06572d781148a720616334c2d909668.png"><img decoding="async" width="134" height="300" src="https://wppilot.net/wp-content/uploads/2025/11/a06572d781148a720616334c2d909668-134x300.png" alt="" class="wp-image-488" srcset="https://wppilot.net/wp-content/uploads/2025/11/a06572d781148a720616334c2d909668-134x300.png 134w, https://wppilot.net/wp-content/uploads/2025/11/a06572d781148a720616334c2d909668.png 276w" sizes="(max-width: 134px) 100vw, 134px" /></a></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-45972e06-5322-4abd-ac38-04f4689cee94">2. Breakpoint Settings</h3>



<p class="wp-block-paragraph">「<strong>特定の横幅を下回った場合、表示枚数等の一部設定を変更する</strong>」というオプションになります。モバイル向けの表示設定と理解しておけば問題ありません。</p>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>Breakpoint width</strong>：指定したピクセル数を下回った場合、以下の設定内容が適用されます（デフォルトは768px）。</li>



<li><strong>Slides per view at breakpoint</strong>：上記で設定した幅未満になった場合に画面に同時に表示するスライド数。</li>



<li><strong>Slides per group at breakpoint</strong>：上記で設定した幅未満になった場合、移動時に何枚分ずれるか。</li>
</ul>



<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-onborder vk_block-margin-md--margin-top"><div class="vk_borderBox_title_container"><i class="fa-solid fa-gear" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-54829ef8-6725-4025-b173-79d40679e5b6">Breakpoint Settingsの設定例</h4></div><div class="vk_borderBox_body">
<figure class="wp-block-image size-medium"><img decoding="async" width="208" height="300" src="https://wppilot.net/wp-content/uploads/2025/11/bac8724e8c27667a15d247eae5c4b53b-208x300.png" alt="" class="wp-image-489" srcset="https://wppilot.net/wp-content/uploads/2025/11/bac8724e8c27667a15d247eae5c4b53b-208x300.png 208w, https://wppilot.net/wp-content/uploads/2025/11/bac8724e8c27667a15d247eae5c4b53b.png 250w" sizes="(max-width: 208px) 100vw, 208px" /></figure>
</div></div>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-8a536c15-e72c-4175-9e04-794fc0a0e506">スタイル調整・カスタマイズ</h2>



<p class="wp-block-paragraph">もっとデザインにこだわりたい場合、テーマの CSS や <code>theme.json</code> 経由でカスタマイズ可能です。特にこのプラグインはバージョン 2 で Swiper.js を採用しており、CSS 変数（カスタムプロパティ）で色やサイズを変更できます。</p>



<p class="wp-block-paragraph">変数については<a href="https://ja.wordpress.org/plugins/carousel-block/">WordPress公式プラグインの当該プラグインのページ</a>においても記載ございます。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-7069832d-ce7d-4005-a1ac-a0672fe8dd67">1. 主な CSS 変数例</h3>


<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-comment">/* 矢印（ナビゲーション）関連 */</span>
<span class="hljs-selector-tag">--wp--custom--carousel-block--navigation-size</span>: <span class="hljs-comment">/* 矢印の大きさ */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--navigation-sides-offset</span>: <span class="hljs-comment">/* 端からの距離 */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--navigation-color</span>: <span class="hljs-comment">/* 矢印の色 */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--navigation-alignfull-color</span>: <span class="hljs-comment">/* 横幅いっぱい表示時の矢印色 */</span>;

<span class="hljs-comment">/* ドット（ページネーション）関連 */</span>
<span class="hljs-selector-tag">--wp--custom--carousel-block--pagination-bullet-size</span>: <span class="hljs-comment">/* ドットのサイズ */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--pagination-bullet-color</span>: <span class="hljs-comment">/* 通常ドット色 */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--pagination-bullet-active-color</span>: <span class="hljs-comment">/* 選択中ドット色 */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--pagination-bullet-opacity</span>: <span class="hljs-comment">/* 通常ドットの不透明度 */</span>;
<span class="hljs-selector-tag">--wp--custom--carousel-block--pagination-bullet-active-opacity</span>: <span class="hljs-comment">/* 選択中ドットの不透明度 */</span>;
</code></span></pre>


<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-f3a5832c-1886-45bc-afda-d12f41b53dc7">2. 適用方法</h3>



<p class="wp-block-paragraph">FSEテーマの子テーマを使っているのであれば、<code>theme.json</code> の styles → custom → cssVariables に上記変数を追加して調整するのが WordPress 最新の手法です。</p>



<p class="wp-block-paragraph">もちろん、子テーマの <code>style.css</code> などに記述しても構いません（特に、クラシックテーマの場合はこちらにて対応を進めると良いでしょう）。</p>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h3 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black" id="vk-htags-f46afe3f-3e4c-45f9-9d0f-5885127afab2">3. 注意点</h3>



<ul class="wp-block-list is-style-vk-handpoint-mark">
<li><strong>スライド内部ブロック（見出し・段落・ボタン等）のマージン（余白）がプラグインのスタイルで「ゼロ」になってしまい、間隔が詰まって見えるケースがあります。</strong>CSSの競合・勝ち負け等によるデザインの崩れには気をつけておきましょう。</li>



<li>編集画面（エディタ）では横スクロールでスライドを確認する UI になっているため、事前に公開画面で「見え方」をチェックするのがおすすめです。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-e8e85d42-31b4-42cd-9fb6-7b285b053d78">運用時のポイント</h2>



<ul class="wp-block-list is-style-vk-triangle-mark">
<li><strong>表示枚数を多くしすぎない</strong>：ブログ記事や特集バナーを見せる目的で使うなら、1回の表示で「2～4枚程度」が読みやすさの観点で適しています。</li>



<li><strong>自動再生（Autoplay）は慎重に</strong>：自動でスライドが変わる設定にするとユーザーが読みづらくなる場合があります。特に文章が入ったスライドでは、「自分で操作できる」設定が安心です。</li>



<li><strong>スマホでも見やすく調整</strong>：レスポンシブ設定でスマホ時の表示枚数を「1枚／1スクロール」にしておくと、スマホ読者向けに使いやすくなります。</li>



<li><strong>スライドごとのテーマ統一</strong>：スライド背景、テキスト色、ボタン色などを統一しておくと、ブログのデザインとしてまとまりが出ます。</li>



<li><strong>画像の読み込み最適化</strong>：スライドに高画質画像を入れすぎるとページ速度に影響します。テーマの lazy-load 機能を活用したり、画像サイズを適切に縮小・圧縮しておきましょう。</li>



<li><strong>再利用ブロックとして保存</strong>：同じスライダー構成を別ページでも使いたいなら、Gutenberg のパターン機能を活用してテンプレート化しておくと便利です（非同期がオススメです）。</li>
</ul>



<div class="wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_block-margin-lg--margin-top"></div></div>



<h2 class="wp-block-heading is-style-vk-heading-double_black" id="vk-htags-8c713d0b-97b5-44db-8fee-dc007ef6e128">よくあるトラブルと対処法</h2>



<div class="wp-block-vk-blocks-faq2 vk_faq  vk_faq-accordion vk_faq-accordion-close is-style-vk_faq-border-rounded"><div class="vk_faq-header"></div><dl class="vk_faq-body">
<dt class="wp-block-vk-blocks-faq2-q vk_faq_title" aria-label="質問">
<p class="wp-block-paragraph">編集画面ではスライド間の余白が無い／詰まって見える</p>
</dt>



<dd class="wp-block-vk-blocks-faq2-a vk_faq_content" aria-label="回答">
<p class="wp-block-paragraph">プラグイン側で「ブロック間マージンをリセット」しているため。子テーマの CSS で <code>margin</code> を調整。</p>
</dd>
</dl><div class="vk_faq-footer"></div></div>



<div class="wp-block-vk-blocks-faq2 vk_faq  vk_faq-accordion vk_faq-accordion-close is-style-vk_faq-border-rounded"><div class="vk_faq-header"></div><dl class="vk_faq-body">
<dt class="wp-block-vk-blocks-faq2-q vk_faq_title" aria-label="質問">
<p class="wp-block-paragraph">スマホで2枚以上表示されて見づらい</p>
</dt>



<dd class="wp-block-vk-blocks-faq2-a vk_faq_content" aria-label="回答">
<p class="wp-block-paragraph">ブロック設定 → 「Breakpoint Settings」設定 で「1枚表示／1枚スクロール」に変更。</p>
</dd>
</dl><div class="vk_faq-footer"></div></div>



<div class="wp-block-vk-blocks-faq2 vk_faq  vk_faq-accordion vk_faq-accordion-close is-style-vk_faq-border-rounded"><div class="vk_faq-header"></div><dl class="vk_faq-body">
<dt class="wp-block-vk-blocks-faq2-q vk_faq_title" aria-label="質問">
<p class="wp-block-paragraph">矢印やドットの色・位置がおかしい／テーマと合わない</p>
</dt>



<dd class="wp-block-vk-blocks-faq2-a vk_faq_content" aria-label="回答">
<p class="wp-block-paragraph">CSS 変数を使って <code>--wp--custom--carousel-block--navigation-color</code> 等を子テーマでカスタマイズ。</p>
</dd>
</dl><div class="vk_faq-footer"></div></div>



<div class="wp-block-vk-blocks-faq2 vk_faq  vk_faq-accordion vk_faq-accordion-close is-style-vk_faq-border-rounded"><div class="vk_faq-header"></div><dl class="vk_faq-body">
<dt class="wp-block-vk-blocks-faq2-q vk_faq_title" aria-label="質問">
<p class="wp-block-paragraph">ページ読み込みが遅くなった</p>
</dt>



<dd class="wp-block-vk-blocks-faq2-a vk_faq_content" aria-label="回答">
<p class="wp-block-paragraph">画像のサイズを最適化／読み込み遅延（lazy-load）を有効化する／スライド枚数を減らす。</p>
</dd>
</dl><div class="vk_faq-footer"></div></div>



<div class="wp-block-vk-blocks-faq2 vk_faq  vk_faq-accordion vk_faq-accordion-close is-style-vk_faq-border-rounded"><div class="vk_faq-header"></div><dl class="vk_faq-body">
<dt class="wp-block-vk-blocks-faq2-q vk_faq_title" aria-label="質問">
<p class="wp-block-paragraph">子テーマとのスタイル衝突</p>
</dt>



<dd class="wp-block-vk-blocks-faq2-a vk_faq_content" aria-label="回答">
<p class="wp-block-paragraph">スライダー部分に特定のクラス（例：<code>.wp-custom-carousel-block</code>）などを指定して CSS を調整。もしくはテーマ側の <code>theme.json</code> にカスタム変数を追加。</p>
</dd>
</dl><div class="vk_faq-footer"></div></div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wppilot.net/2025/11/09/carousel-slider-block-for-gutenberg/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
