<?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>サイト作りのヒント | まなまなライフ</title>
	<atom:link href="https://manamahna.com/tag/developing-website/feed/" rel="self" type="application/rss+xml" />
	<link>https://manamahna.com</link>
	<description>- あるがままに、我がままに -</description>
	<lastBuildDate>Mon, 01 Jun 2026 13:17:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://manamahna.com/wp-content/uploads/2022/03/cropped-s512_f_object_91_2bg-32x32.png</url>
	<title>サイト作りのヒント | まなまなライフ</title>
	<link>https://manamahna.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【Nelio Content無料版】開発者直伝！SNSに希望通りのメッセージを自動投稿させる仕組みと方法</title>
		<link>https://manamahna.com/nelio-content-automation-system/</link>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Wed, 04 Mar 2026 06:00:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[アプリ・ソフト・デバイス]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=18879</guid>

					<description><![CDATA[最新のNelio Content無料版において、こちらが意図した要素（タイトルや抜粋・キーワード等）を確実に含むメッセージを、Instagramに限らず、SNSに自動投稿させるための仕組みと方法を紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Nelio Contentは、WordPressのSNS連携プラグインの中で唯一ブログの記事をInstagramに無料で自動投稿してくれる貴重なプラグインです。（2026年3月時点）</p>



<p class="wp-block-paragraph">けれど、「自動生成されたメッセージにタイトルが入っていない」「意図していないテキストが含まれている」など、公開前の確認や編集作業に時間を取られることも多く、イライラさせられているのは私だけではないと思います。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-think sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">絶対に何か見落としてる…。<br>どうすれば思い通りのメッセージがにサクッと自動生成されるんだろう。</p>
</div></div>



<p class="wp-block-paragraph">いろいろと調べてみましたが、私の疑問に答えてくれる記事が見つからなかったので、最終的にはNelio ContentのHPで見つけた<a rel="noopener nofollow" target="_blank" href="https://neliosoftware.com/content/contact/">Contact</a>に英語で相談メールを送りました。</p>



<p class="wp-block-paragraph">すると、なんとNelio Contentの共同開発者であるAntonio Villegasさんが私の希望をすべてかなえたメッセージの作り方を教えてくださいました。✨</p>



<p class="wp-block-paragraph">ということで、今回の記事では私と同じお悩みを抱えている人向けに、最新のNelio Content無料版で、<strong>どうすればこちらが意図した任意の要素（タイトルや抜粋・キーワード等）を確実に含むメッセージを、Instagramに限らず、SNSに自動投稿させられるか、その仕組みと方法について紹介します</strong>。</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">自動投稿の仕組み</a></li><li><a href="#toc2" tabindex="0">自動投稿テンプレートの使い方</a><ol><li><a href="#toc3" tabindex="0">自動投稿テンプレートに含むことが可能なタグ</a><ol><li><a href="#toc4" tabindex="0">Social Media Highlight（ソーシャルメディアハイライト）</a><ol><li><a href="#toc5" tabindex="0">ソーシャルメディアハイライトのやり方</a></li></ol></li></ol></li><li><a href="#toc6" tabindex="0">自動投稿テンプレートに含むことが可能なその他の要素</a></li><li><a href="#toc7" tabindex="0">自動投稿テンプレートの場所</a></li><li><a href="#toc8" tabindex="0">自動投稿テンプレートの編集</a></li></ol></li><li><a href="#toc9" tabindex="0">ソーシャルメッセージテンプレートの使い方（自動投稿メッセージの最終編集）</a><ol><li><a href="#toc10" tabindex="0">ソーシャルメッセージテンプレートの場所</a></li><li><a href="#toc11" tabindex="0">ソーシャルメッセージの編集</a></li></ol></li><li><a href="#toc12" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">自動投稿の仕組み</span></h2>



<p class="wp-block-paragraph">Nelio ContentによってSNSへ自動投稿されるテキストメッセージは、基本的には</p>



<ul class="wp-block-list has-watery-yellow-background-color has-background">
<li>記事と連動するタグを使って<strong>自動投稿テンプレートに自動生成させたコンテンツ</strong></li>



<li>自動生成できない、または自動生成に向いていないため、あとから<strong>ソーシャルメッセージテンプレートに手動で追加したコンテンツ</strong></li>
</ul>



<p class="wp-block-paragraph">で構成されています。</p>



<h2 class="wp-block-heading"><span id="toc2">自動投稿テンプレートの使い方</span></h2>



<p class="wp-block-paragraph">自動投稿テンプレートとは、<strong>メッセージに自動生成させたい要素（タイトルやパーマリンクなど）を記事と連動するタグにしてまとめたもの</strong>で、Nelio Contentにはデフォルトで3種類用意されています。</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="586" height="395" src="https://manamahna.com/wp-content/uploads/2026/03/NC-social-templates.png" alt="自動投稿テンプレート" class="wp-image-18875" style="width:424px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-social-templates.png 586w, https://manamahna.com/wp-content/uploads/2026/03/NC-social-templates-300x202.png 300w" sizes="(max-width: 586px) 100vw, 586px" /></figure>



<p class="wp-block-paragraph">＊「Social Templates」と書かれていますが、ここではAntonioさんが説明の際に使っていた「Automation Templates」を日本語に訳した「自動投稿テンプレート」という名称を使っています。</p>



<h3 class="wp-block-heading"><span id="toc3">自動投稿テンプレートに含むことが可能なタグ</span></h3>



<p class="wp-block-paragraph">Antonioさんの説明に加え、さらに調べを進めたところ、以下のタグがテンプレートに挿入可能なようだとわかりました。</p>



<ul class="wp-block-list has-watery-yellow-background-color has-background">
<li><strong>タイトル {title}</strong></li>



<li><strong>ハイライト {highlight}</strong>：記事内の選択したテキスト</li>



<li><strong>パーマリンク {permalink}</strong></li>



<li><strong>フレーズ {phrase}</strong>：記事内のランダムなテキスト</li>



<li><strong>抜粋 {excerpt}</strong></li>



<li><strong>著者 {author}</strong></li>



<li><strong>カテゴリー名 {categories} </strong>（もしかすると{category} )</li>



<li><strong>タグ名 {tags}</strong>（もしかすると{tag} )</li>
</ul>



<h4 class="wp-block-heading"><span id="toc4">Social Media Highlight（ソーシャルメディアハイライト）</span></h4>



<p class="wp-block-paragraph">テンプレートに挿入可能なタグのうち、何と連動しているのか勘違いされやすいのが{highlight}タグです。</p>



<p class="wp-block-paragraph"><strong>{highlight}タグ</strong>というのは、マーカーでハイライトしたテキストではなく、<strong>Nelio Content独自のソーシャルメディアハイライトツールでハイライトしたテキストをメッセージに自動生成させるためのタグ</strong>です。</p>



<h5 class="wp-block-heading"><span id="toc5">ソーシャルメディアハイライトのやり方</span></h5>



<p class="wp-block-paragraph">１．メッセージに挿入したいテキストをカーソルをドラッグしてハイライト表示する。</p>



<p class="wp-block-paragraph">２．編集画面上部にある下向き矢印のエディターボタンをクリックして開き、「Social Media Highlight」をクリック。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/02/3.5-social-media-highlight.png" alt="ソーシャルメッセージの抜き出し方" class="wp-image-18822" srcset="https://manamahna.com/wp-content/uploads/2026/02/3.5-social-media-highlight.png 1024w, https://manamahna.com/wp-content/uploads/2026/02/3.5-social-media-highlight-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/02/3.5-social-media-highlight-768x402.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">テキストが黄色くハイライトされれば、ソーシャルメディアハイライト完了。</p>



<p class="wp-block-paragraph">自動投稿テンプレートに{highlight}タグが含まれていると、この黄色くハイライトされたテキストがメッセージに自動生成されます。</p>



<h3 class="wp-block-heading"><span id="toc6">自動投稿テンプレートに含むことが可能なその他の要素</span></h3>



<p class="wp-block-paragraph">Antonioさん曰く、「もし自動生成されるメッセージすべてに入れたい語彙・記号(#など）・フレーズ等があれば、タグの形でなくてもそのままテンプレートに挿入することが可能」とのこと。</p>



<p class="wp-block-paragraph">例えばタイトルの後に当ブログのタイトルを挿入すると、以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="987" height="407" src="https://manamahna.com/wp-content/uploads/2026/03/template-with-blog-title.png" alt="ブログタイトル入りのテンプレート" class="wp-image-18870" srcset="https://manamahna.com/wp-content/uploads/2026/03/template-with-blog-title.png 987w, https://manamahna.com/wp-content/uploads/2026/03/template-with-blog-title-300x124.png 300w, https://manamahna.com/wp-content/uploads/2026/03/template-with-blog-title-768x317.png 768w" sizes="(max-width: 987px) 100vw, 987px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">自動投稿テンプレートの場所</span></h3>



<p class="wp-block-paragraph">では、どうやって自動投稿テンプレートにアクセスすればいいのでしょうか。</p>



<p class="wp-block-paragraph">１．WordPressの管理画面から「Nelio Content」→「Setting」→「Automation」と進む。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-1-1024x536.png" alt="テンプレート１" class="wp-image-18853" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-1-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-1-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-1-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-1.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．赤枠で囲んだ「プロフィールアイコン」をクリック。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-2-1024x536.png" alt="テンプレート２" class="wp-image-18854" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-2-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-2-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-2-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">これで、デフォルトで用意されている3種類の自動投稿テンプレートが表示されます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-3-kinds-template-1024x536.png" alt="3種類の自動生成テンプレート" class="wp-image-18864" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-3-kinds-template-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-3-kinds-template-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-3-kinds-template-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-3-kinds-template.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ところで、SNSに自動投稿されるメッセージは、記事を公開する前「Cusomize Timeline」をクリックしたときに生成されますが、そのとき<strong>どのテンプレートが選ばれるかは完全にランダム</strong>です。</p>



<p class="wp-block-paragraph">言い方を変えれば、</p>



<ul class="wp-block-list has-watery-yellow-background-color has-background">
<li>テンプレートが3つもあるせいで、自分の希望する要素が入っているテンプレートが選ばれるとは限らない</li>



<li>そもそもデフォルトのテンプレートに自分の希望する要素が入っていない</li>
</ul>



<p class="wp-block-paragraph">ということになります。</p>



<h3 class="wp-block-heading"><span id="toc8">自動投稿テンプレートの編集</span></h3>



<p class="wp-block-paragraph">そこで、デフォルトで用意されているテンプレートを削除・追加・編集して自分の希望を反映したテンプレートを1つだけ作成します。</p>



<p class="wp-block-paragraph">１．削除、または編集したいテンプレートの上にマウスを動かし、「Delete」または「Edit」を選択。一からテンプレートを作成・追加したい場合は「Add Template」をクリック。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-template-edits-1024x536.png" alt="テンプレートの編集" class="wp-image-18865" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-template-edits-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-template-edits-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-template-edits-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-template-edits.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．編集または作成の場合、</p>



<ul class="wp-block-list">
<li>任意のテキスト：「Edit Template」下のボックスにタイプ。</li>



<li>タグ：「Update」の上の「プレースホールダー」アイコンをクリックして、追加したいタグを選択。</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="604" src="https://manamahna.com/wp-content/uploads/2026/03/NC-placeholders-1024x604.png" alt="タグの追加" class="wp-image-18899" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-placeholders-1024x604.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-placeholders-300x177.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-placeholders-768x453.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-placeholders.png 1046w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">３．編集後は「Update」を、削除の場合は「Delete」をクリック。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-4-1024x536.png" alt="テンプレート４" class="wp-image-18856" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-4-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-4-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-4-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-4.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">３．最後に「Save Changes」をクリックで終了。（下のスクリーンショットは1つではなく、2つのテンプレートがある状態の時に撮ったものです。）</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-5-1024x536.png" alt="テンプレート５" class="wp-image-18857" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-5-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-5-300x157.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-5-768x402.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-prep-5.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc9">ソーシャルメッセージテンプレートの使い方（自動投稿メッセージの最終編集）</span></h2>



<p class="wp-block-paragraph">自動投稿されるすべてのメッセージに共通して載せたい要素については、自動投稿テンプレートを編集することで確実に自動生成されるようになります。</p>



<p class="wp-block-paragraph">一方、例えば「#キーワード」のように<strong>記事によって変わり、タグの形で連動させられないテキストは、自動生成されたメッセージを編集する際、ソーシャルメッセージテンプレート上で追加するしかありません</strong>。</p>



<h3 class="wp-block-heading"><span id="toc10">ソーシャルメッセージテンプレートの場所</span></h3>



<p class="wp-block-paragraph">ソーシャルメッセージテンプレートは、メッセージを自動生成させないと出てきません。</p>



<p class="wp-block-paragraph">１．記事下までスクロールダウンして「Social Media」横の▼をクリックするか、右上の「Nelio Content Tools」アイコンをクリック。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="347" src="https://manamahna.com/wp-content/uploads/2026/02/1-open-nelio-content-automation-settings-1024x347.png" alt="自動投稿設定を開く" class="wp-image-18819" srcset="https://manamahna.com/wp-content/uploads/2026/02/1-open-nelio-content-automation-settings-1024x347.png 1024w, https://manamahna.com/wp-content/uploads/2026/02/1-open-nelio-content-automation-settings-300x102.png 300w, https://manamahna.com/wp-content/uploads/2026/02/1-open-nelio-content-automation-settings-768x260.png 768w, https://manamahna.com/wp-content/uploads/2026/02/1-open-nelio-content-automation-settings.png 1121w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．「Customize Timeline」をクリック。（これによりメッセージが自動生成されます。）</p>



<p class="wp-block-paragraph">もしこの段階で何らかの理由により<strong>メッセージの自動生成に失敗した場合は「Add Social Message」をクリック</strong>すると、ほぼブランクの状態のソーシャルメッセージテンプレートがポップアップ表示されます。</p>



<p class="wp-block-paragraph">３．自動生成されたメッセージの上にマウスを移動させ、右下に現れた「Edit」をクリック。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="330" src="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-4-1024x330.png" alt="メッセージの編集１" class="wp-image-18851" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-4-1024x330.png 1024w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-4-300x97.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-4-768x248.png 768w, https://manamahna.com/wp-content/uploads/2026/03/NC-highlight-4.png 1110w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">これでソーシャルメッセージテンプレートがポップアップ表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="867" height="631" src="https://manamahna.com/wp-content/uploads/2026/03/NC-edit-social-message.png" alt="ソーシャルメッセージテンプレート" class="wp-image-18883" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-edit-social-message.png 867w, https://manamahna.com/wp-content/uploads/2026/03/NC-edit-social-message-300x218.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-edit-social-message-768x559.png 768w" sizes="(max-width: 867px) 100vw, 867px" /></figure>



<h3 class="wp-block-heading"><span id="toc11">ソーシャルメッセージの編集</span></h3>



<p class="wp-block-paragraph" style="border-style:none;border-width:0px">メッセージに任意のテキストを挿入したい場合は、「Edit Social Message」の下にあるボックス内に手動でテキストをタイプします。</p>



<p class="wp-block-paragraph">タグを挿入したい場合は、「プレースホールダー」アイコンをクリックして、追加したいタグを選択してください。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="682" height="580" src="https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-edits.png" alt="ソーシャルメッセージの編集" class="wp-image-18884" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-edits.png 682w, https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-edits-300x255.png 300w" sizes="(max-width: 682px) 100vw, 682px" /></figure>



<p class="wp-block-paragraph">画像を変更したい場合は「プレースホールダー」の隣の「イメージ」アイコンをクリックします。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-check">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/eye-catch-instagram-grid-view/" title="ブログからインスタに自動投稿している人必見！最新のフィード投稿＆グリッドビューサイズに適したアイキャッチ画像とは？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram.jpg 1024w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ブログからインスタに自動投稿している人必見！最新のフィード投稿＆グリッドビューサイズに適したアイキャッチ画像とは？</div><div class="blogcard-snippet internal-blogcard-snippet">Nelio Contentでブログとインスタグラムを連携させている人向けに、最新のインスタグラム（フィード投稿＆グリッドビュー）画像サイズと、それに合わせた①アイキャッチ画像＆②自動投稿専用の画像の作り方について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">メッセージの編集がすべて終わったら、「Update」をクリック。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="855" height="622" src="https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-update.png" alt="ソーシャルメッセージの更新" class="wp-image-18886" srcset="https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-update.png 855w, https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-update-300x218.png 300w, https://manamahna.com/wp-content/uploads/2026/03/NC-social-message-update-768x559.png 768w" sizes="(max-width: 855px) 100vw, 855px" /></figure>



<p class="wp-block-paragraph">記事を公開すれば、自分の希望通りのメッセージがSNSに自動投稿されているはずです。</p>



<p class="wp-block-paragraph">なお、予約投稿の場合、Nelio Content→Calendarと進み、灰色のソーシャルメッセージをクリックしても、ソーシャルメッセージテンプレートにアクセス・編集が可能です。</p>



<h2 class="wp-block-heading"><span id="toc12">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、最新のNelio Content無料版において、こちらが意図した要素（タイトルや抜粋・キーワード等）を確実に含むメッセージを、Instagramに限らず、SNSに自動投稿させるための仕組みと方法について紹介しました。Nelio Contentの共同開発者直伝の情報です。</p>



<p class="wp-block-paragraph">Nelio Content無料版のすごさをこれまで実感できずにいた人、自動生成の仕組みや設定を知らなかったせいで無駄に時間を取られていた人たちのお役に立てれば幸いです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/cocoon-unnecessary-plugins/" title="Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点</div><div class="blogcard-snippet internal-blogcard-snippet">Cocoonユーザー向けに①テーマの開発者が勧めない、②インストールしない・削除すべき、③不要、設定の調整が必須のプラグイン、テーマにかかわらず要注意のプラグイン、プラグインを削除する際の注意点を説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/04/25</div></div></div></div></a>
<br>

<a rel="noopener follow" target="_blank" href="https://manamahna.com/pinterest-website-domain-verification/" title="【Pinterestとサイトの連携】ウェブサイトのドメイン認証ができない⁉苦肉の代案とあっさり解決策" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Pinterestとサイトの連携】ウェブサイトのドメイン認証ができない⁉苦肉の代案とあっさり解決策</div><div class="blogcard-snippet internal-blogcard-snippet">ピンタレストとウェブサイトの連携で「No relevant meta tag was found.」エラーが出た人向けに、Nelio Contentを使ってインスタグラム経由で紐づけする方法と簡単に認証が完了する方法を紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【WordPressのCocoon】 リスト&#038;アイコンリストブロックの使い方とCSS編集なしのカスタマイズ</title>
		<link>https://manamahna.com/cocoon-list-icon-list/</link>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Fri, 31 Oct 2025 01:15:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<category><![CDATA[まとめリスト]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=17865</guid>

					<description><![CDATA[CSSを編集せずにインパクトのあるリストを作りたい人向けに、WordpressのCocoonテーマで利用できる「リスト」や「アイコンリスト」で作れるリストの種類、使い方とカスタマイズの仕方、「ボックス」との組み合わせについて紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">WordPressの「Cocoon」テーマでは、「<strong>リスト</strong>」（WordPressのデフォルトのブロック）と「<strong>アイコンリスト</strong>」（Cocoonブロック）で、50<sup>＋</sup>種類のアイコンリストと7種類のナンバーリストが作れます。</p>



<p class="wp-block-paragraph">さらに、アイコンやボーダーをカスタマイズしたり、「<strong>ボックス</strong>」（Cocoonブロック）と組み合わせたりすれば、CSSを編集しなくても他とは一線を画す印象的なリスト（箇条書き）が作成できます。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-deep-orange-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#ea5506"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text"><strong>この記事を読んでわかること</strong></span></div><div class="tab-caption-box-content block-box-content box-content">
<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box has-icon-color has-deep-orange-icon-color"><div class="iconlist-title"></div>
<ul class="wp-block-list">
<li><strong>「リスト」で作れるリスト（箇条書き）の種類</strong></li>



<li><strong>「アイコンリスト」で作れるリスト（箇条書き）の種類</strong></li>



<li><strong>「リスト」の基本的な使い方とカスタマイズの仕方</strong></li>



<li><strong>「アイコンリスト」の基本的な使い方とカスタマイズの仕方</strong></li>



<li><strong>「ボックス」とリスト（箇条書き）の組み合わせ</strong></li>
</ul>
</div>
</div></div>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">「リスト」の基本的な使い方とカスタマイズの仕方</a><ol><li><a href="#toc2" tabindex="0">「リスト」の基本的な使い方</a><ol><li><a href="#toc3" tabindex="0">「リスト」の挿入</a></li><li><a href="#toc4" tabindex="0">「リスト」の操作</a><ol><li><a href="#toc5" tabindex="0">項目を増やす</a></li><li><a href="#toc6" tabindex="0">インデント（字下げ）</a></li><li><a href="#toc7" tabindex="0">アイコンなしのテキストの挿入</a></li></ol></li></ol></li><li><a href="#toc8" tabindex="0">「リスト」のカスタマイズ</a><ol><li><a href="#toc9" tabindex="0">ナンバーリストへの変更</a></li><li><a href="#toc10" tabindex="0">アイコンの変更</a></li><li><a href="#toc11" tabindex="0">ボーダー（囲み枠）の追加</a></li><li><a href="#toc12" tabindex="0">テキストの色と背景色の変更</a></li></ol></li></ol></li><li><a href="#toc13" tabindex="0">「アイコンリスト」の基本的な使い方とカスタマイズの仕方</a><ol><li><a href="#toc14" tabindex="0">「アイコンリスト」の基本的な使い方</a><ol><li><a href="#toc15" tabindex="0">「アイコンリスト」の挿入</a></li><li><a href="#toc16" tabindex="0">「アイコンリスト」の操作</a></li></ol></li><li><a href="#toc17" tabindex="0">「アイコンリスト」のカスタマイズ</a><ol><li><a href="#toc18" tabindex="0">アイコンの変更</a></li><li><a href="#toc19" tabindex="0">色の変更（アイコン・ボーダー・背景・文字）</a></li><li><a href="#toc20" tabindex="0">ナンバーリストへの変更</a></li><li><a href="#toc21" tabindex="0">ボーダーの追加とテキストの色と背景の色の変更</a></li></ol></li></ol></li><li><a href="#toc22" tabindex="0">「ボックス」とリストの組み合わせ</a><ol><li><a href="#toc23" tabindex="0">「ボックス」の種類</a><ol><li><a href="#toc24" tabindex="0">Cocoonブロック</a></li><li><a href="#toc25" tabindex="0">Cocoon汎用ブロック</a></li></ol></li><li><a href="#toc26" tabindex="0">ボックスとリストの組み合わせ方</a></li></ol></li><li><a href="#toc27" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">「リスト」の基本的な使い方とカスタマイズの仕方</span></h2>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e18c65&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e18c65" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/list-icon-samples-1024x536.png" alt="リストのサンプル" class="wp-image-17873" srcset="https://manamahna.com/wp-content/uploads/2025/10/list-icon-samples-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/list-icon-samples-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/list-icon-samples-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/10/list-icon-samples.png 1280w" 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>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e19046&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e19046" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="848" height="190" 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://manamahna.com/wp-content/uploads/2025/10/list-number-list.png" alt="リストのナンバーリスト" class="wp-image-17884" srcset="https://manamahna.com/wp-content/uploads/2025/10/list-number-list.png 848w, https://manamahna.com/wp-content/uploads/2025/10/list-number-list-300x67.png 300w, https://manamahna.com/wp-content/uploads/2025/10/list-number-list-768x172.png 768w" sizes="(max-width: 848px) 100vw, 848px" /><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>



<h3 class="wp-block-heading"><span id="toc2">「リスト」の基本的な使い方</span></h3>



<p class="wp-block-paragraph">「リスト」はWordPressのブロックエディターにデフォルトで入っているブロックです。</p>



<h4 class="wp-block-heading"><span id="toc3">「リスト」の挿入</span></h4>



<p class="wp-block-paragraph">１．（編集画面で）左上にある「＋（ブロックインサーター）」をクリックするか、挿入したい行の右端にある「＋（ブロックを追加する）」をクリックする。</p>



<p class="wp-block-paragraph">「ブロックを追加する」ボタンをクリックした際、ポップアップで出てきたウィンドウの中に「リスト」がなければ、「すべて表示」をクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e19535&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e19535" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="379" 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://manamahna.com/wp-content/uploads/2025/10/insert-a-block-1024x379.png" alt="リストの挿入" class="wp-image-17895" srcset="https://manamahna.com/wp-content/uploads/2025/10/insert-a-block-1024x379.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-block-300x111.png 300w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-block-768x284.png 768w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-block.png 1107w" 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>



<p class="wp-block-paragraph">２．「リスト」をクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e19907&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e19907" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1085" height="382" 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://manamahna.com/wp-content/uploads/2025/10/list-block.png" alt="リストブロック" class="wp-image-17897" srcset="https://manamahna.com/wp-content/uploads/2025/10/list-block.png 1085w, https://manamahna.com/wp-content/uploads/2025/10/list-block-300x106.png 300w, https://manamahna.com/wp-content/uploads/2025/10/list-block-1024x361.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/list-block-768x270.png 768w" sizes="(max-width: 1085px) 100vw, 1085px" /><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>



<p class="wp-block-paragraph">デフォルトの「●」が表示されます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e19ce2&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e19ce2" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="164" 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://manamahna.com/wp-content/uploads/2025/10/insert-a-list-1024x164.png" alt="リストの増やし方" class="wp-image-17896" srcset="https://manamahna.com/wp-content/uploads/2025/10/insert-a-list-1024x164.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-list-300x48.png 300w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-list-768x123.png 768w, https://manamahna.com/wp-content/uploads/2025/10/insert-a-list.png 1100w" 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>



<h4 class="wp-block-heading"><span id="toc4">「リスト」の操作</span></h4>



<h5 class="wp-block-heading"><span id="toc5">項目を増やす</span></h5>



<p class="wp-block-paragraph">「●」の横（リストと透けているところ）にテキストを入力し、「Enter」キーをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1a0f7&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1a0f7" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="178" 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://manamahna.com/wp-content/uploads/2025/10/add-list-rows-1024x178.png" alt="項目の増やし方" class="wp-image-17899" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/add-list-rows-1024x178.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/add-list-rows-300x52.png 300w, https://manamahna.com/wp-content/uploads/2025/10/add-list-rows-768x133.png 768w, https://manamahna.com/wp-content/uploads/2025/10/add-list-rows.png 1450w" 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>



<p class="wp-block-paragraph">リストを終わらせる（これ以上項目を増やさない）ときは、「Enter」キーを2回クリック。</p>



<h5 class="wp-block-heading"><span id="toc6">インデント（字下げ）</span></h5>



<p class="wp-block-paragraph">インデント（字下げ）は、次の段（列）の先頭を右にずらす（下げる）ことです。</p>



<p class="wp-block-paragraph">１．普通にリストを作る。</p>



<ul class="wp-block-list is-style-border-radius-s-convex has-border">
<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;6a38726e1a60d&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1a60d" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="274" 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://manamahna.com/wp-content/uploads/2025/10/indent-1024x274.png" alt="インデント" class="wp-image-17911" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/indent-1024x274.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/indent-300x80.png 300w, https://manamahna.com/wp-content/uploads/2025/10/indent-768x206.png 768w, https://manamahna.com/wp-content/uploads/2025/10/indent.png 1030w" 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>



<p class="wp-block-paragraph">３．さらに先頭を下げたいときは、「インデント（矢印の向きが<strong>右</strong>）」を2回クリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1a9c7&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1a9c7" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="338" 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://manamahna.com/wp-content/uploads/2025/10/indent-2-1024x338.png" alt="インデント２" class="wp-image-17912" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/indent-2-1024x338.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/indent-2-300x99.png 300w, https://manamahna.com/wp-content/uploads/2025/10/indent-2-768x254.png 768w, https://manamahna.com/wp-content/uploads/2025/10/indent-2.png 1096w" 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>



<p class="wp-block-paragraph">先頭を左に戻したい（変更したい）ときは、「インデント（矢印の向きが<strong>左</strong>）」を、戻したい位置に移動するまでクリック。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<p class="wp-block-paragraph"><strong>インデントすると、デフォルトのアイコンが変わります。</strong></p>



<ul class="wp-block-list">
<li>1回インデントしたとき「（小さい）○」</li>



<li>2回したとき「■」</li>
</ul>
</div>



<h5 class="wp-block-heading"><span id="toc7">アイコンなしのテキストの挿入</span></h5>



<p class="wp-block-paragraph">以下のように、項目と項目の間に、アイコンなしのテキストを先頭をずらして挿入したい場合は、「Shift」キーを押しながら「Enter」キーをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1ae6b&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1ae6b" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="261" 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://manamahna.com/wp-content/uploads/2025/10/add-list-explanation-without-icon.png" alt="アイコンなしの行替え" class="wp-image-17898" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/add-list-explanation-without-icon.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/add-list-explanation-without-icon-300x76.png 300w, https://manamahna.com/wp-content/uploads/2025/10/add-list-explanation-without-icon-768x196.png 768w" 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>



<h3 class="wp-block-heading"><span id="toc8">「リスト」のカスタマイズ</span></h3>



<p class="wp-block-paragraph">「リスト」でCSSを編集せずにカスタマイズできるのは、</p>



<ul class="wp-block-list has-watery-red-background-color has-background is-style-icon-list-heart has-list-style">
<li><strong>ナンバーリスト</strong></li>



<li><strong>アイコン</strong></li>



<li><strong>ボーダー（囲み枠）</strong></li>



<li><strong>テキストの色と背景色</strong></li>
</ul>



<p class="wp-block-paragraph">の４つです。</p>



<h4 class="wp-block-heading"><span id="toc9">ナンバーリストへの変更</span></h4>



<p class="wp-block-paragraph">ナンバーリストは、アイコンの代わりに番号やアルファベット等を使って、項目の順序を明示したリストです。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1b375&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1b375" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/changing-to-number-list-1024x536.png" alt="ナンバーリストの作成" class="wp-image-17915" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/changing-to-number-list-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/changing-to-number-list-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/changing-to-number-list-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/10/changing-to-number-list.png 1280w" 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>



<ol start="1" class="wp-block-list">
<li>普通にリストを作成したのち、画面左下の「ナビ」の「リスト」をクリックするか、リスト全体を囲む青枠が出るように、上図の「<span class="bold-red">X</span>」あたりをクリック。</li>



<li>ツールバーに「数字リスト（デフォルト）」アイコンが出てくるのでクリック。</li>



<li>数字以外に変えたいときは、右側の「設定」内にある「リストスタイル」からお好みのスタイルを選択。</li>
</ol>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<p class="wp-block-paragraph">「リストスタイル」の下にある<strong>「初期値」はリストのいちばん最初の数字（またはアルファベット）です。</strong></p>
</div>



<h4 class="wp-block-heading"><span id="toc10">アイコンの変更</span></h4>



<p class="wp-block-paragraph">１．ナンバーリストに変更したときと同様に、アイコンを変えたい列がアイコンごと青枠で囲まれるように「<span class="bold-red">X</span>」あたりをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1b83e&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1b83e" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/change-icons-1.png" alt="アイコンの変更１" class="wp-image-17916" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/change-icons-1.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/change-icons-1-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/change-icons-1-768x402.png 768w" 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>



<p class="wp-block-paragraph">＊「ナビ」の「リスト」をクリックした場合は、リスト全体が青枠で囲まれ、上の場合だと、一番左の「●」を変更する形になります。</p>



<p class="wp-block-paragraph">２．右のリストブロックの中にある「スタイル」をクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1bc3c&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1bc3c" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="441" 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://manamahna.com/wp-content/uploads/2025/10/icon-choices.png" alt="アイコンのチョイス" class="wp-image-17918" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-choices.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-choices-300x129.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-choices-768x331.png 768w" 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>



<p class="wp-block-paragraph">３．お好みのアイコンをクリックして選択。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<ul class="wp-block-list">
<li>最初の2つはナンバーリストです。</li>



<li><strong>インデントした列ごとのアイコンも変更可能です。</strong></li>



<li><strong>アイコンなしにはできません。</strong>（CSSの編集が必要です。）</li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc11">ボーダー（囲み枠）の追加</span></h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="414" src="https://manamahna.com/wp-content/uploads/2025/10/borders-1024x414.png" alt="ボーダーの種類" class="wp-image-17939" srcset="https://manamahna.com/wp-content/uploads/2025/10/borders-1024x414.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/borders-300x121.png 300w, https://manamahna.com/wp-content/uploads/2025/10/borders-768x311.png 768w, https://manamahna.com/wp-content/uploads/2025/10/borders.png 1056w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">１．アイコンを変更したときと同じように、「ナビ」の「リスト」か、「<span class="bold-red">X</span>」あたりをクリックして、右側に出てきたリストブロックの中にある「ボーダー」をクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1c1aa&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1c1aa" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/border.png" alt="ボーダーの挿入" class="wp-image-17920" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/border.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/border-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/border-768x402.png 768w" 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>



<p class="wp-block-paragraph">２．27種類ある選択肢の中からお好みのボーダーをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1c5e0&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1c5e0" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="467" 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://manamahna.com/wp-content/uploads/2025/10/border-choices.png" alt="ボーダーのチョイス" class="wp-image-17921" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/border-choices.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/border-choices-300x137.png 300w, https://manamahna.com/wp-content/uploads/2025/10/border-choices-768x350.png 768w" 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-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<ul class="wp-block-list">
<li><strong>ボーダーもインデントごとに挿入が可能です。</strong></li>
</ul>



<ul class="wp-block-list is-style-border-radius-s-dotted has-border">
<li>項目
<ul class="wp-block-list is-style-border-thin-and-thick has-border">
<li>項目の説明</li>



<li>項目の説明</li>
</ul>
</li>



<li>項目
<ul class="wp-block-list is-style-border-thin-and-thick has-border">
<li>項目の説明
<ul class="wp-block-list is-style-border-convex has-border">
<li>項目の詳細な説明</li>
</ul>
</li>
</ul>
</li>
</ul>



<ul class="wp-block-list">
<li><strong>ボーダーの色は変更できません。</strong></li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc12">テキストの色と背景色の変更</span></h4>



<p class="wp-block-paragraph">１．「ナビ」の「リスト」か、「<span class="bold-red">X</span>」あたりをクリックして、右側に出てきたリストブロックの中のある「スタイル」タブをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1cb97&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1cb97" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/color-changes.png" alt="色の変更" class="wp-image-17923" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/color-changes.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/color-changes-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/color-changes-768x402.png 768w" 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>



<p class="wp-block-paragraph">２．「色」の中の「テキスト」または「背景色」をクリックし、「テーマ」や「デフォルト」の中から好きな色を選ぶか、テーマの上の青枠内をクリックして、パレットにない他の色を選択。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1cfc4&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1cfc4" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="467" 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://manamahna.com/wp-content/uploads/2025/10/color-change-2.png" alt="色の変更２" class="wp-image-17924" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/color-change-2.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/color-change-2-300x137.png 300w, https://manamahna.com/wp-content/uploads/2025/10/color-change-2-768x350.png 768w" 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-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<ul class="wp-block-list">
<li><strong>「背景色」には単色だけでなく、グラデーションを選ぶことも可能です。</strong></li>



<li><strong>インデントごとに違う色を選択することもできます。</strong></li>
</ul>



<p class="wp-block-paragraph"><strong>背景色もテキストもすべて違う色を選んだ時の見え方：</strong></p>



<ul class="wp-block-list has-deep-color has-watery-red-background-color has-text-color has-background has-link-color wp-elements-95923bce918fe33325909e6ad2ea50af">
<li>項目
<ul class="wp-block-list has-teal-color has-watery-green-background-color has-text-color has-background has-link-color wp-elements-fc2e897a68d01908c15be6bcf7ccd128">
<li>項目の説明</li>



<li>項目の説明</li>
</ul>
</li>



<li>項目
<ul class="wp-block-list has-teal-color has-watery-green-background-color has-text-color has-background has-link-color wp-elements-eb837dc02f363e16cd2e093042c66c44">
<li>項目の説明
<ul class="wp-block-list has-orange-color has-watery-yellow-background-color has-text-color has-background has-link-color wp-elements-d2270f48ea72f1fd0ab75d5ef1329371">
<li>項目の詳細な説明</li>
</ul>
</li>
</ul>
</li>
</ul>



<ul class="wp-block-list">
<li><strong>デフォルトのアイコンを使っている場合のみ、テキストの色を変えるとアイコンの色も変わります。</strong></li>
</ul>
</div>



<h2 class="wp-block-heading"><span id="toc13">「アイコンリスト」の基本的な使い方とカスタマイズの仕方</span></h2>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1d70d&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1d70d" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-2.png" alt="アイコンリストのサンプル１" class="wp-image-17878" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-2.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-2-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-2-768x402.png 768w" 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>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1dad0&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1dad0" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-1.png" alt="アイコンリストのサンプル２" class="wp-image-17877" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-1.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-1-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-samples-1-768x402.png 768w" 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>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1dee6&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1dee6" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="851" height="207" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-number-list.png" alt="アイコンリストのナンバーリスト" class="wp-image-17885" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-number-list.png 851w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-number-list-300x73.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-number-list-768x187.png 768w" sizes="(max-width: 851px) 100vw, 851px" /><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>



<h3 class="wp-block-heading"><span id="toc14">「アイコンリスト」の基本的な使い方</span></h3>



<p class="wp-block-paragraph">「アイコンリスト」はアイコン付きのリストが作れる「Cocoon」テーマ独自のブロックです。</p>



<h4 class="wp-block-heading"><span id="toc15">「アイコンリスト」の挿入</span></h4>



<p class="wp-block-paragraph">１．左上にある「＋（ブロックインサーター）」をクリックするか、挿入したい行の右端にある「＋（ブロックを追加する）」→ポップアップで出てきたウィンドウの下部にある「すべて表示」をクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1e39e&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1e39e" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/insert-icon-list-1.png" alt="アイコンリストの挿入１" class="wp-image-17936" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/insert-icon-list-1.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/insert-icon-list-1-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/insert-icon-list-1-768x402.png 768w" 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>



<p class="wp-block-paragraph">２．左に出てきた検索ウィンドウに「アイコンリスト」と入力するか、スクロールして「Cocoonブロック」の中にある「アイコンリスト」を選択してクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1e7de&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1e7de" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="467" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-2-1024x467.png" alt="アイコンリストの挿入２" class="wp-image-17935" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-2-1024x467.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-2-300x137.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-2-768x350.png 768w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-2.png 1136w" 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>



<p class="wp-block-paragraph">デフォルトのアイコン「▶」が表示されます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1ec12&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1ec12" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="252" 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://manamahna.com/wp-content/uploads/2025/10/insert-an-icon-list.png" alt="アイコンリストの挿入３" class="wp-image-17937" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/insert-an-icon-list.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/insert-an-icon-list-300x74.png 300w, https://manamahna.com/wp-content/uploads/2025/10/insert-an-icon-list-768x189.png 768w" 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>



<h4 class="wp-block-heading"><span id="toc16">「アイコンリスト」の操作</span></h4>



<p class="wp-block-paragraph">基本的な操作は「リスト」と同じです。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<p class="wp-block-paragraph">「<strong>アイコンリスト」にはリストのタイトルを入力する箇所があります。</strong></p>
</div>



<h3 class="wp-block-heading"><span id="toc17">「アイコンリスト」のカスタマイズ</span></h3>



<p class="wp-block-paragraph">「アイコンリスト」でCSSを編集せずにカスタマイズできるのは、</p>



<ul class="wp-block-list has-watery-red-background-color has-background is-style-icon-list-heart has-list-style">
<li><strong>アイコン</strong></li>



<li><strong>アイコンの色・ボーダーの色・テキストの色・背景色</strong></li>
</ul>



<p class="wp-block-paragraph">の2つだけですが、中のリスト部分に関しては「リスト」と同じく、</p>



<ul class="wp-block-list has-watery-red-background-color has-background is-style-icon-list-heart has-list-style">
<li><strong>ナンバーリスト</strong></li>



<li><strong>ボーダー（囲み枠）</strong></li>



<li><strong>テキストの色と背景の色</strong></li>
</ul>



<p class="wp-block-paragraph">等のカスタマイズが可能です。</p>



<h4 class="wp-block-heading"><span id="toc18">アイコンの変更</span></h4>



<p class="wp-block-paragraph">アイコンリストの「タイトルがある場合は入力」あたりをクリックすると、右に「アイコンリスト」ブロックが出てくるので、「スタイル設定」内の40種類のアイコンの中から好みのアイコンをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1f1fe&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1f1fe" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="467" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-change.png" alt="アイコンの変更" class="wp-image-17944" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-change.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-change-300x137.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-icon-change-768x350.png 768w" 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-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<ul class="wp-block-list">
<li><strong>アイコンは1種類しか選べません。（インデントした列ごとに変えることはできません。）</strong></li>
</ul>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="215" src="https://manamahna.com/wp-content/uploads/2025/10/icon-list-indent-icon-1024x215.png" alt="アイコンリストのインデントのアイコン" class="wp-image-17945" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-indent-icon-1024x215.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-indent-icon-300x63.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-indent-icon-768x161.png 768w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-indent-icon.png 1290w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li><strong>アイコンなしにはできません。</strong>（CSSの編集が必要です。）</li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc19">色の変更（アイコン・ボーダー・背景・文字）</span></h4>



<p class="wp-block-paragraph">１．アイコンを変更したときと同様に、「タイトルがある場合は入力」あたりをクリックし、表示された右の「アイコンリスト」ブロックの中にある「色設定」から変更したい項目を選んでクリック。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="484" src="https://manamahna.com/wp-content/uploads/2025/10/whole-icon-list-changes-1024x484.png" alt="アイコンリストに関わる変更" class="wp-image-17947" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/whole-icon-list-changes-1024x484.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/whole-icon-list-changes-300x142.png 300w, https://manamahna.com/wp-content/uploads/2025/10/whole-icon-list-changes-768x363.png 768w, https://manamahna.com/wp-content/uploads/2025/10/whole-icon-list-changes.png 1115w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．「テーマ」や「デフォルト」の中から好きな色を選ぶか、テーマの上にある枠内をクリックして、パレットにない他の色を選択。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="474" src="https://manamahna.com/wp-content/uploads/2025/10/color-change-sample-1024x474.png" alt="色の変更例" class="wp-image-17949" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/color-change-sample-1024x474.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/color-change-sample-300x139.png 300w, https://manamahna.com/wp-content/uploads/2025/10/color-change-sample-768x356.png 768w, https://manamahna.com/wp-content/uploads/2025/10/color-change-sample-1536x711.png 1536w, https://manamahna.com/wp-content/uploads/2025/10/color-change-sample.png 1883w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">色の変更例</figcaption></figure>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<ul class="wp-block-list">
<li><strong>文字色はタイトルからテキストまで1色しか選べません。</strong></li>



<li><strong>ボーダーの種類は実線のみです。</strong></li>
</ul>
</div>



<h4 class="wp-block-heading"><span id="toc20">ナンバーリストへの変更</span></h4>



<p class="wp-block-paragraph">「アイコンリスト」の中にナンバーリストはないので、「リスト」の「数字リスト」アイコンをツールバーに表示して使います。</p>



<p class="wp-block-paragraph">「アイコンリスト」のリスト部分だけが青枠で囲まれるように、「<span class="bold-red">X</span>」あたりをクリックし、ツールバーに出てきた「数字リスト」アイコンをクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1f85b&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1f85b" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="484" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-to-number-list-1024x484.png" alt="ナンバーリストへの変更１" class="wp-image-17942" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-to-number-list-1024x484.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-to-number-list-300x142.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-to-number-list-768x363.png 768w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-to-number-list.png 1132w" 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>



<p class="wp-block-paragraph">その後の手順は「リスト」でのカスタマイズと同じです。</p>



<h4 class="wp-block-heading"><span id="toc21">ボーダーの追加とテキストの色と背景の色の変更</span></h4>



<p class="wp-block-paragraph">ナンバーリストに変更したときと同様に、リスト部分だけが青枠で囲まれるようにクリックすると、「アイコンリスト」ブロックではなく、「リスト」ブロックが表示されます。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1015" height="472" src="https://manamahna.com/wp-content/uploads/2025/10/icon-list-list-changes.png" alt="アイコンリストのリストに関わる変更" class="wp-image-17946" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-list-changes.png 1015w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-list-changes-300x140.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-list-changes-768x357.png 768w" sizes="(max-width: 1015px) 100vw, 1015px" /></figure>



<p class="wp-block-paragraph">その後の手順は「リスト」でのカスタマイズと同じです。</p>



<ul class="wp-block-list">
<li>ボーダーの種類変更：「設定」内の「ボーダー」をクリック</li>



<li>テキストの色と背景色の変更：「スタイル」タブをクリックしたのち、「テキスト」「背景」「リンク」をクリック。</li>
</ul>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e1fd76&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e1fd76" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/10/icon-list-customize-comparison-1024x536.png" alt="アイコンリストの全カスタマイズ" class="wp-image-17955" srcset="https://manamahna.com/wp-content/uploads/2025/10/icon-list-customize-comparison-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-customize-comparison-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-customize-comparison-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/10/icon-list-customize-comparison.png 1280w" 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-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<p class="wp-block-paragraph"><strong>リンクの色の変更（設定）は「リスト」ではデフォルトになっていません。</strong>（「アイコンリスト」の「リンク」ブロック→「スタイル」タブとクリックしたときだけ有効のようです。）</p>
</div>



<h2 class="wp-block-heading"><span id="toc22">「ボックス」とリストの組み合わせ</span></h2>



<p class="wp-block-paragraph">「ボックス（囲み枠）」も「Cocoon」テーマ独自のブロックで、コンテンツを際立たせるのに役立ちます。</p>



<h3 class="wp-block-heading"><span id="toc23">「ボックス」の種類</span></h3>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e201c7&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e201c7" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="424" 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://manamahna.com/wp-content/uploads/2025/10/cocoon-box-block-1024x424.png" alt="Cocoon ボックスブロック" class="wp-image-17961" srcset="https://manamahna.com/wp-content/uploads/2025/10/cocoon-box-block-1024x424.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/cocoon-box-block-300x124.png 300w, https://manamahna.com/wp-content/uploads/2025/10/cocoon-box-block-768x318.png 768w, https://manamahna.com/wp-content/uploads/2025/10/cocoon-box-block.png 1130w" 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>



<p class="wp-block-paragraph">Cocoonには、CocoonブロックとCocoon汎用ブロックの中に、リストと組み合わせられる「ボックス」が8種類用意されています。</p>



<h4 class="wp-block-heading"><span id="toc24">Cocoonブロック</span></h4>



<ul class="wp-block-list has-watery-red-background-color has-background">
<li><strong>アイコンボックス</strong>
<ul class="wp-block-list">
<li>アイコン付きボックス</li>



<li>コンテンツに合わせて選べるアイコンは11種類</li>
</ul>
</li>



<li><strong>案内ボックス</strong>
<ul class="wp-block-list">
<li>色付きのボックス</li>



<li>コンテンツに合わせて選べる色は9色</li>
</ul>
</li>



<li><strong>白抜きボックス</strong>
<ul class="wp-block-list">
<li>実線で囲まれたボックス</li>



<li>線の色は変更可能</li>
</ul>
</li>



<li><strong>付箋風ボックス</strong>
<ul class="wp-block-list">
<li>付箋のような枠で囲まれた色付きのボックス</li>



<li>選べる色は5色</li>
</ul>
</li>



<li><strong>タブボックス</strong>
<ul class="wp-block-list">
<li>タブ付きのボックス</li>



<li>コンテンツに合わせて選べるタブは16種類</li>
</ul>
</li>
</ul>



<h4 class="wp-block-heading"><span id="toc25">Cocoon汎用ブロック</span></h4>



<ul class="wp-block-list has-watery-red-background-color has-background">
<li><strong>見出しボックス</strong>
<ul class="wp-block-list">
<li>テキストを自由に入力できる見出し付きのボックス</li>



<li>「アイコンリスト」で使うのと同じアイコンリストから、お好みのアイコンを見出しの前に挿入可能</li>
</ul>
</li>



<li><strong>タブ見出しボックス</strong>
<ul class="wp-block-list">
<li>テキストを自由に入力できる見出し用のタブがついたボックス</li>



<li>「アイコンリスト」で使うのと同じアイコンリストから、お好みのアイコンを見出しの前に挿入可能</li>
</ul>
</li>



<li><strong>ラベルボックス</strong>
<ul class="wp-block-list">
<li>テキストを自由に入力できる見出し用ラベルがついたボックス</li>



<li>「アイコンリスト」で使うのと同じアイコンリストから、お好みのアイコンを見出しの前に挿入可能</li>
</ul>
</li>
</ul>



<h3 class="wp-block-heading"><span id="toc26">ボックスとリストの組み合わせ方</span></h3>



<p class="wp-block-paragraph">１．使いたい「ボックス」を挿入する。（「リスト」や「アイコンリスト」を挿入したときと同じように、左のブロックから選択。）</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e208e7&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e208e7" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="475" 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://manamahna.com/wp-content/uploads/2025/10/block-list-1024x475.png" alt="ボックスブロックの選択" class="wp-image-17963" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/block-list-1024x475.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/block-list-300x139.png 300w, https://manamahna.com/wp-content/uploads/2025/10/block-list-768x356.png 768w, https://manamahna.com/wp-content/uploads/2025/10/block-list.png 1088w" 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>



<p class="wp-block-paragraph">２．選んだボックスの枠内に表示される「＋」をクリックし、左のブロックの中から「リスト」（または「アイコンリスト」を選択してクリック。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e20cab&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e20cab" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="478" 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://manamahna.com/wp-content/uploads/2025/10/list-in-box-1024x478.png" alt="ボックスにリストを挿入" class="wp-image-17964" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/list-in-box-1024x478.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/list-in-box-300x140.png 300w, https://manamahna.com/wp-content/uploads/2025/10/list-in-box-768x359.png 768w, https://manamahna.com/wp-content/uploads/2025/10/list-in-box.png 1092w" 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>



<p class="wp-block-paragraph">ボックスの中に以下のようにリストが挿入されます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e21063&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e21063" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="259" 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://manamahna.com/wp-content/uploads/2025/10/list-in-box-2.png" alt="ボックスにリストを挿入２" class="wp-image-17965" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/list-in-box-2.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/list-in-box-2-300x76.png 300w, https://manamahna.com/wp-content/uploads/2025/10/list-in-box-2-768x194.png 768w" 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-cocoon-blocks-tab-box-1 blank-box bb-tab bb-point block-box">
<p class="wp-block-paragraph"><strong>挿入したリストもリストだけで使うときと同じようにカスタマイズできます。</strong></p>
</div>



<h2 class="wp-block-heading"><span id="toc27">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、Wordpressの「Cocoon」テーマで、CSSを編集せずにインパクトのあるリストを作る方法を紹介しました。</p>



<p class="wp-block-paragraph">「リスト」と「アイコンリスト」の2つのブロックのうち、どちらを使うかは、</p>



<ul class="wp-block-list">
<li>使いたいアイコンがどちらにあるか</li>



<li>どんなカスタマイズをしたいか</li>
</ul>



<p class="wp-block-paragraph">次第だと思います。</p>



<p class="wp-block-paragraph">「ボックス」と組み合わせるかどうかも含め、いろいろと試してみてください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/cocoon-unnecessary-plugins/" title="Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点</div><div class="blogcard-snippet internal-blogcard-snippet">Cocoonユーザー向けに①テーマの開発者が勧めない、②インストールしない・削除すべき、③不要、設定の調整が必須のプラグイン、テーマにかかわらず要注意のプラグイン、プラグインを削除する際の注意点を説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/04/25</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-cocoon-white-border-color">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>WordPressのテーマ選びで悩んでいるなら、断然Cocoonがおすすめです！</strong></p>



<p class="wp-block-paragraph">Cocoonは無料テーマであるにもかかわらず、</p>



<ul class="wp-block-list">
<li>内部SEO対策、レスポンシブ対応、表示速度の高速化、収益化といった様々な機能を搭載している</li>



<li>日本人が開発しているため、利用者が多く、ハウツー記事も多い</li>



<li>エラー等が出た際、無料のCocoonフォーラムで開発者他に相談できる</li>



<li><a rel="nofollow noopener" target="_blank" referrerpolicy="no-referrer-when-downgrade" href="//af.moshimo.com/af/c/click?a_id=3397787&amp;p_id=2312&amp;pc_id=4967&amp;pl_id=30490">ConoHa WING</a>から簡単にセットアップできる</li>
</ul>



<p class="wp-block-paragraph">といったメリットがたくさんあります。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/start-blogging-for-income/" title="WordPressでブログを始めて収益化したい！サイト開設前の要チェックポイント＆開設後の再チェックポイント" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressでブログを始めて収益化したい！サイト開設前の要チェックポイント＆開設後の再チェックポイント</div><div class="blogcard-snippet internal-blogcard-snippet">ブログの収益化に成功するかどうかは、レンタルサーバー契約やサイトのテーマ選び、ブログのテーマ選び、ブログの構造や使用するプラグイン、SEO対策などに関する調査と準備、SNS連携、そして良質な記事をめげずに書き続けることです。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/19/26</div></div></div></div></a>
<br>

<a rel="noopener follow" target="_blank" href="https://manamahna.com/cocoon-unnecessary-plugins/" title="Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/05/unnecessary-plugins.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点</div><div class="blogcard-snippet internal-blogcard-snippet">Cocoonユーザー向けに①テーマの開発者が勧めない、②インストールしない・削除すべき、③不要、設定の調整が必須のプラグイン、テーマにかかわらず要注意のプラグイン、プラグインを削除する際の注意点を説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/04/25</div></div></div></div></a>
<br>

<a rel="noopener follow" target="_blank" href="https://manamahna.com/all-in-one-seo-trouble/" title="【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/09/SEO-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/09/SEO-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/09/SEO-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/09/SEO-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/09/SEO-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/09/SEO.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話</div><div class="blogcard-snippet internal-blogcard-snippet">プラグインが原因の二重表示問題の解決法とプラグイン導入の注意点、問題解決に役立ったCocoonフォーラムの利用法について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/25</div></div></div></div></a>
</div>



<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=30602" referrerpolicy="no-referrer-when-downgrade"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/1762/000000030602.png" width="728" height="90" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=30602" width="1" height="1" style="border:none;">
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>スマホで撮った写真をパソコンからアップロードしたい！一番簡単に送る方法＆アップロード可能なスマホカメラの設定</title>
		<link>https://manamahna.com/iphone-photo-to-pc/</link>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Fri, 03 Oct 2025 04:35:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[アプリ・ソフト・デバイス]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ツール・アクティビティ]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=17647</guid>

					<description><![CDATA[「オンラインの申請作業はパソコンでやりたい」という人向けに、スマホ（iPhone）からパソコン（Windows PC）に写真を送る一番簡単な方法と、アップロード可能な形式の写真を撮るためのスマホカメラの設定方法を紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">オンラインで何らかの申請をする際、様々な種類の証明書を写真に撮って、アップロードするよう指示されることがあります。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/how-to-apply-guam-cnmi-eta/" title="グアム旅行に必須のGuam-CNMI ETAの事前申請方法（日本語表記の画像付き）｜やっていないと入国拒否も！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/09/Guam-CNMI-ETA.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">グアム旅行に必須のGuam-CNMI ETAの事前申請方法（日本語表記の画像付き）｜やっていないと入国拒否も！</div><div class="blogcard-snippet internal-blogcard-snippet">グアム旅行に必須のGuam CNMI ETA（電子渡航認証）についてと、英語が苦手、パソコンやスマホの操作に疎いという人でもスムーズにオンラインでの事前申請ができるように、申請手順をステップごとに画像付きで紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/10/25</div></div></div></div></a>
<br>

<a rel="noopener follow" target="_blank" href="https://manamahna.com/adsense-singapore-tax/" title="Googleアドセンスの「シンガポールの税務情報の提出」「税務上の居住地の税務情報の提出」について" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2024/03/Google-Adsense-Singapore-tax-related-info-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2024/03/Google-Adsense-Singapore-tax-related-info-320x180.png 320w, https://manamahna.com/wp-content/uploads/2024/03/Google-Adsense-Singapore-tax-related-info-240x135.png 240w, https://manamahna.com/wp-content/uploads/2024/03/Google-Adsense-Singapore-tax-related-info-640x360.png 640w, https://manamahna.com/wp-content/uploads/2024/03/Google-Adsense-Singapore-tax-related-info-752x423.png 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Googleアドセンスの「シンガポールの税務情報の提出」「税務上の居住地の税務情報の提出」について</div><div class="blogcard-snippet internal-blogcard-snippet">Googleアドセンスの「シンガポール」と「税務上の居住地」の「税務情報の提出・追加」に関して、承認までの手順を説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">10/03/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">写真を撮るのはスマホ、アップロードもスマホでやるほうが簡単でしょう。</p>



<p class="wp-block-paragraph">けれど、申請フォームへの入力や内容確認に関して言えば、画面が大きく、キーボードも別のパソコンのほうが使い勝手がいいと感じる非スマホ世代の方々もいらっしゃるのではないでしょうか。</p>



<p class="wp-block-paragraph">そこで、今回は「オンラインの申請作業はパソコンでやりたい」という非スマホ世代のパソコンユーザー向けに、スマホ（iPhone）からパソコン（Windows PC）に写真を送る一番簡単な方法を紹介します。</p>



<p class="wp-block-paragraph">また、いざ写真をアップロードしようとしたら、写真が取り込まれなかったということがないように、スマホカメラのフォーマットをアップロード可能な形式（JPG）に設定する方法についても合わせて紹介します。</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">スマホカメラのフォーマットをアップロード可能な形式（JPG）に設定する方法</a></li><li><a href="#toc2" tabindex="0">スマホからパソコンに写真を送る方法</a><ol><li><a href="#toc3" tabindex="0">USBケーブルを利用した方法</a><ol><li><a href="#toc4" tabindex="0">手順</a></li></ol></li></ol></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">スマホカメラのフォーマットをアップロード可能な形式（JPG）に設定する方法</span></h2>



<p class="wp-block-paragraph">iPhoneで撮った写真の標準形式は、高画質ではあるものの互換性の低い「HEIC」です。</p>



<p class="wp-block-paragraph">一方、申請時のアップロードに使えるのは、たいてい「GIF」「PNG」「JPG（JPEG）」形式の写真です。</p>



<p class="wp-block-paragraph">そこで、アップロードしたい写真を撮る前に、スマホで「設定」→「カメラ」→「フォーマット」と進み、「互換性優先」にチェックマークがついているかどうか確認します。</p>



<p class="wp-block-paragraph">「高効率」にチェックが付いている場合は、「互換性優先」に変えます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/09/iphone-photo-setting-1024x536.png" alt="写真の形式設定" class="wp-image-17637" srcset="https://manamahna.com/wp-content/uploads/2025/09/iphone-photo-setting-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/09/iphone-photo-setting-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/09/iphone-photo-setting-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/09/iphone-photo-setting.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">この操作により、設定の変更以降に撮った写真はすべて「JPG（JPEG）」形式になります。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-tips block-box has-background has-border-color has-watery-yellow-background-color has-deep-orange-border-color">
<p class="wp-block-paragraph">スマホのスクリーンショットの写真は「PNG」形式で保存されます。</p>
</div>



<h2 class="wp-block-heading"><span id="toc2">スマホからパソコンに写真を送る方法</span></h2>



<p class="wp-block-paragraph">スマホに保存してある写真をパソコンに送る方法はいくつかあります。</p>



<ul class="wp-block-list has-watery-red-background-color has-background">
<li>USBケーブルを利用する</li>



<li>オンラインストレージを利用する</li>



<li>AirDrop、クイック共有を利用する</li>



<li>Bluetoothで送信する</li>



<li>GoogleやLine等のアプリを利用する</li>
</ul>



<p class="wp-block-paragraph">このうち、iPhoneとWindows PCを使用している私が個人的に一番簡単で早いと感じたのは「USBケーブルを利用する」方法です。</p>



<h3 class="wp-block-heading"><span id="toc3">USBケーブルを利用した方法</span></h3>



<p class="wp-block-paragraph"><strong>用意するもの</strong>：スマホの充電に使っているUSBケーブル（充電専用ケーブルを使用している人は、残念ながらこの方法の利用ができません。）</p>



<h4 class="wp-block-heading"><span id="toc4">手順</span></h4>



<p class="wp-block-paragraph">１．スマホとパソコンをUSBケーブルでつなぐ。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/10/pc-iphone-cable.jpg" alt="PCとスマホの接続" class="wp-image-17655" srcset="https://manamahna.com/wp-content/uploads/2025/10/pc-iphone-cable.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/10/pc-iphone-cable-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/10/pc-iphone-cable-768x402.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．スマホ画面にポップアップで「PCのスマホへのアクセス」に関する質問が表示されるので、「許可」をタップ。（iPhoneのバージョン等によって文言が違います。）</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="576" height="1024" src="https://manamahna.com/wp-content/uploads/2025/10/connect-permission-576x1024.jpg" alt="アクセス許可" class="wp-image-17656" style="width:250px" srcset="https://manamahna.com/wp-content/uploads/2025/10/connect-permission-576x1024.jpg 576w, https://manamahna.com/wp-content/uploads/2025/10/connect-permission-169x300.jpg 169w, https://manamahna.com/wp-content/uploads/2025/10/connect-permission-768x1365.jpg 768w, https://manamahna.com/wp-content/uploads/2025/10/connect-permission-864x1536.jpg 864w, https://manamahna.com/wp-content/uploads/2025/10/connect-permission.jpg 1080w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<p class="wp-block-paragraph">３．続いてパスコードを入力。</p>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="576" height="1024" src="https://manamahna.com/wp-content/uploads/2025/10/iphone-pass-576x1024.jpg" alt="パスの入力" class="wp-image-17657" style="width:250px" srcset="https://manamahna.com/wp-content/uploads/2025/10/iphone-pass-576x1024.jpg 576w, https://manamahna.com/wp-content/uploads/2025/10/iphone-pass-169x300.jpg 169w, https://manamahna.com/wp-content/uploads/2025/10/iphone-pass-768x1365.jpg 768w, https://manamahna.com/wp-content/uploads/2025/10/iphone-pass-864x1536.jpg 864w, https://manamahna.com/wp-content/uploads/2025/10/iphone-pass.jpg 1080w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<p class="wp-block-paragraph">４．きちんと接続できていれば、パソコンの「デバイスとドライブ」に「Apple iPhone」が表示されます。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/10/apple-iphone-1024x536.png" alt="スマホ接続" class="wp-image-17658" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/apple-iphone-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/apple-iphone-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/apple-iphone-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/10/apple-iphone.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">５．ダブルクリックで、「Internal Storage」→「アップロードしたい写真が入っているフォルダー」へと進み、お目当ての写真を任意のフォルダーにコピペ（またはドラッグ＆ドロップ）して保存。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/10/folder-select-1024x536.png" alt="スマホ内フォルダー" class="wp-image-17659" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/10/folder-select-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/10/folder-select-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/10/folder-select-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/10/folder-select.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">これで、どんなオンライン申請時にも、問題なく写真が取り込まれ、アップロードできるはずです。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-tips block-box has-background has-border-color has-watery-yellow-background-color has-deep-orange-border-color">
<p class="wp-block-paragraph"><strong>スマホの写真をパソコンに送るメリット</strong></p>



<ul class="wp-block-list">
<li>画面が大きく、確認・編集・加工等の作業がしやすい</li>



<li>データのバックアップになり、消失が回避できる</li>



<li>スマホのストレージを確保できる</li>
</ul>
</div>



<h2 class="wp-block-heading"><span id="toc5">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、「オンラインの申請作業はパソコンでやりたい」という人向けに、</p>



<ul class="wp-block-list has-watery-red-background-color has-background">
<li>スマホカメラのフォーマットをアップロード可能な形式（JPG）に設定する方法（「互換性優先」）</li>



<li>USBケーブルを使ってスマホ（iPhone）からパソコン（Windows PC）に写真を送る方法</li>
</ul>



<p class="wp-block-paragraph">を紹介しました。</p>



<p class="wp-block-paragraph">オンライン申請に限らず、ブログに自分で撮った写真を使いたいという人にもおすすめの方法です。</p>



<p class="wp-block-paragraph">ぜひ1度お試しあれ！</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressに「PHPの更新を推奨」警告！しないといけないの？プログラミングに疎くてもできるの？</title>
		<link>https://manamahna.com/php-update/</link>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Mon, 25 Aug 2025 02:30:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=17305</guid>

					<description><![CDATA[WordPressの管理画面に「PHPの更新を推奨」警告が表示された際、ブログ初心者でも安全・簡単に対処できる、BadkWPupプラグインによるバックアップの取り方とConoHa WINGでのPHP更新方法を紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ブログを始めて約2年半になりますが、先日当サイトの「ダッシュボード（管理画面）」に突然「PHPの更新を推奨」という表示が、赤いビックリマーク付きで現れました。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="518" height="362" src="https://manamahna.com/wp-content/uploads/2025/08/recommendation-php-update.jpg" alt="PHP更新の推奨" class="wp-image-17308" style="width:333px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/08/recommendation-php-update.jpg 518w, https://manamahna.com/wp-content/uploads/2025/08/recommendation-php-update-300x210.jpg 300w" sizes="(max-width: 518px) 100vw, 518px" /></figure>



<p class="wp-block-paragraph">ダッシュボードの「ツール」内にある「サイトヘルス」をチェックすると、「1件の致命的な問題」とあります。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="377" src="https://manamahna.com/wp-content/uploads/2025/08/site-health--1024x377.jpg" alt="サイトヘルスの致命的な問題" class="wp-image-17307" srcset="https://manamahna.com/wp-content/uploads/2025/08/site-health--1024x377.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/08/site-health--300x111.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/site-health--768x283.jpg 768w, https://manamahna.com/wp-content/uploads/2025/08/site-health-.jpg 1077w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">できればPHPなど触りたくありませんが、「更新しないとサイトパフォーマンスやセキュリティーに多大な影響を与える可能性がある」となると、やらないわけにはいかないでしょう。</p>



<p class="wp-block-paragraph">ということで、今回はごく基本的なプログラミングの知識しかない私が行ったPHPの更新方法を紹介します。</p>



<div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box not-nested-style cocoon-block-timeline"><div class="timeline-title">PHPの更新手順</div><ul class="timeline">
<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step 1</div><div class="timeline-item-content cf"><div class="timeline-item-title">PHPの更新に関する詳細を確認する</div><div class="timeline-item-snippet">
<p class="wp-block-paragraph"></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step 2-1</div><div class="timeline-item-content cf"><div class="timeline-item-title">更新前にWordPress、テーマ、プラグインのバージョンを確認する</div><div class="timeline-item-snippet">
<p class="wp-block-paragraph"></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step 2-2</div><div class="timeline-item-content cf"><div class="timeline-item-title">更新前にサイトのバックアップを取る</div><div class="timeline-item-snippet">
<p class="wp-block-paragraph"></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step 3</div><div class="timeline-item-content cf"><div class="timeline-item-title">PHPを実際に更新する</div><div class="timeline-item-snippet">
<p class="wp-block-paragraph"></p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step 4</div><div class="timeline-item-content cf"><div class="timeline-item-title">更新後の動作確認をする</div><div class="timeline-item-snippet">
<p class="wp-block-paragraph"></p>
</div></div></li>
</ul></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box not-nested-style cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">PHPの更新（バージョンアップ）はしないといけませんか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">はい。更新しないとサイトのセキュリティーリスクが高まり、パフォーマンスも低下します。</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box not-nested-style cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">PHPが何なのかよくわからない人でも自分で更新できますか？それとも専門家に頼んだほうがいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">PHP自体をいじるわけではないので、説明に従い、事前の準備をきちんとしておけば、プログラミング等の知識がまったくない人でも簡単に成功させられる方法だと思います。<br>ただし、説明を読んでも自分で更新する自信がない人は、Web制作会社やWebサイト運用会社、<a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=3TDCFE+2EBVHU+2OM2+TRVYQ">クラウドワークス</a> や<a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=3TJNQF+8Y3J1U+2PEO+1HL85U">ココナラ</a> といったクラウドソーシングサイトで代行してくれる人を探してみてください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/web-designer/" title="個人・個人事業主・中小企業主必見！LP・ホームページ・ECサイト制作を依頼するなら？自作するなら？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/10/1dc8d5a4b3bc605e257bd679dffd0a0f.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">個人・個人事業主・中小企業主必見！LP・ホームページ・ECサイト制作を依頼するなら？自作するなら？</div><div class="blogcard-snippet internal-blogcard-snippet">ホームページを作りたい個人・小規模事業者向けに、サイト制作を依頼する際の注意点、お勧めのサイト制作会社・クラウドソーシング・フリーランス、費用を抑えるために自作する場合のサイト制作ツール・プラットフォーム、制作に関するヒントを紹介しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/06/26</div></div></div></div></a>
</div>
</div></dd></dl></div>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-cocoon-white-border-color">
<p class="is-style-info-box has-box-style wp-block-paragraph">以下にご紹介する方法は、レンタルサーバーに「ConoHa WING」を使用している人向けです。</p>
</div>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Step1：PHPの更新に関する詳細を確認する</a></li><li><a href="#toc2" tabindex="0">Step 2-1：WordPress、テーマ、プラグインのバージョンが最新かどうか確認する</a></li><li><a href="#toc3" tabindex="0">Step 2-2：サイトのバックアップを取る</a><ol><li><a href="#toc4" tabindex="0">バックアップの取り方（BackWPupを使った場合）</a></li><li><a href="#toc5" tabindex="0">バックアップの取り方（ConoHa WINGを使った場合）</a></li></ol></li><li><a href="#toc6" tabindex="0">Step 3：実際にPHPを更新する</a><ol><li><a href="#toc7" tabindex="0">PHPの更新手順（ConoHa WINGの場合）</a></li></ol></li><li><a href="#toc8" tabindex="0">Step 4：更新後の動作確認をする</a></li><li><a href="#toc9" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Step1：PHPの更新に関する詳細を確認する</span></h2>



<p class="wp-block-paragraph">PHPの更新についてまるでわかっていなかった私は、とりあえず管理画面の警告表示に出てきた「<a rel="noopener nofollow" target="_blank" href="https://ja.wordpress.org/support/update-php/">PHPの更新についてさらに詳しく</a>」をクリックしました。内容は、</p>



<ul class="wp-block-list">
<li><strong>PHPを更新すべき理由</strong>
<ul class="wp-block-list">
<li>サイトの高速化</li>



<li>サイトの安全性向上</li>



<li>検索ランクの上昇</li>



<li>サイト訪問者の離脱率の低下</li>



<li>ハッカー対策</li>
</ul>
</li>



<li><strong>PHPバージョンの確認方法</strong></li>



<li><strong>PHPの更新前にすること</strong>
<ul class="wp-block-list">
<li>サイトのバックアップ</li>



<li>WordPress、テーマ、プラグインの更新</li>



<li>PHPの互換性をチェックし、問題があれば修正する</li>
</ul>
</li>



<li><strong>サイトのPHPをバージョンアップして、より速く、より安全にする方法</strong></li>
</ul>



<p class="wp-block-paragraph">についてです。</p>



<p class="wp-block-paragraph">このうち、更新すべき理由とPHPのバージョン情報については、管理画面とサイトヘルスの警告文だけでも十分に必要な情報が確認できます。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>「<a rel="noopener follow" target="_blank" href="https://manamahna.com/">まなまなライフ</a>」の場合</strong></p>



<p class="wp-block-paragraph">更新前のPHPバージョン：7.4.33</p>



<p class="wp-block-paragraph">更新後のPHPバージョン：8.3以上推奨</p>
</div>



<h2 class="wp-block-heading"><span id="toc2">Step 2-1：WordPress、テーマ、プラグインのバージョンが最新かどうか確認する</span></h2>



<p class="wp-block-paragraph">Step 2では、まず更新前の準備の1つである「WordPress・テーマ・プラグインのバージョンが最新かどうかの確認」をしました。</p>



<p class="wp-block-paragraph">3つとも、<span class="marker">管理画面の左側にあるメニューのいちばん上「ダッシュボード」→「更新」をクリック</span>するだけで、最新かどうかわかります。</p>



<p class="wp-block-paragraph">最新でないものがあれば、この時点で更新しておきます。</p>



<h2 class="wp-block-heading"><span id="toc3">Step 2-2：サイトのバックアップを取る</span></h2>



<p class="wp-block-paragraph">テーマやプラグインが最新のPHPバージョンに対応していないと、サイトの表示が崩れたり、画面が真っ白になるなどの不具合が生じる可能性があるため、サイトのバックアップは必須です。</p>



<p class="wp-block-paragraph">バックアップを取るには、<span class="marker">①レンタルサーバーのサービスを利用する方法</span>と、<span class="marker">②プラグインを使用する方法</span>があります。</p>



<p class="wp-block-paragraph">私の場合、既に導入していた「BackWPup」プラグインを利用しました。</p>



<h3 class="wp-block-heading"><span id="toc4">バックアップの取り方（BackWPupを使った場合）</span></h3>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1015" height="391" src="https://manamahna.com/wp-content/uploads/2025/08/backWPup-history.jpg" alt="バックアップの取り方" class="wp-image-17322" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/backWPup-history.jpg 1015w, https://manamahna.com/wp-content/uploads/2025/08/backWPup-history-300x116.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/backWPup-history-768x296.jpg 768w" sizes="(max-width: 1015px) 100vw, 1015px" /></figure>



<ol class="wp-block-list">
<li>管理画面の左側にあるメニューの「BackWPup」をクリック。</li>



<li>「Backups History」リストのいちばん上（最新の作成）の段の右端にある縦型の「3点リーダー」をクリック。</li>



<li>「ダウンロード」をクリック。</li>
</ol>



<p class="wp-block-paragraph">これで、BackWPupで設定したダウンロード先に、設定した形式でバックアップのコピーが保存されます。</p>



<h3 class="wp-block-heading"><span id="toc5">バックアップの取り方（ConoHa WINGを使った場合）</span></h3>



<p class="wp-block-paragraph">私が使用しているConoHa WINGでは、過去14日間分のバックアップを自動で取得しています。</p>



<p class="wp-block-paragraph">自動バックアップの確認は<a rel="noopener nofollow" target="_blank" href="https://support.conoha.jp/w/autobackup/#:~:text=%5B1%5D%20%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%91%E3%83%8D%E3%83%AB%E3%81%B8%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3,%E3%83%90%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%80%8D%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97%E3%81%BE%E3%81%99%E3%80%82">こちら</a>で、自動バックアップを使ってサイトをもとの状態に復元する方法は<a rel="noopener nofollow" target="_blank" href="https://support.conoha.jp/w/restorebackup/">こちら</a>で確認できます。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph">「<strong>更新前にすること」にあったPHPの互換性のチェックについて</strong></p>



<p class="wp-block-paragraph">テーマやプラグインとPHPの互換性をチェックするには、&nbsp;<a rel="nofollow noopener" target="_blank" href="https://ja.wordpress.org/plugins/php-compatibility-checker/">PHP Compatibility Checker プラグイン</a>をインストールする必要があります。（ただし、チェックは完ぺきではないようです。）</p>



<p class="wp-block-paragraph">Step 2-1でテーマもプラグインも最新バージョンであることを確認していたこともあり、「多分大丈夫だろう」と踏んで、私はPHPの互換性チェックはしませんでした。</p>
</div>



<h2 class="wp-block-heading"><span id="toc6">Step 3：実際にPHPを更新する</span></h2>



<p class="wp-block-paragraph">「サイトのPHPをバージョンアップして、より速く、より安全にするために」の項を読むと、PHPの更新をどこでどうやってするかがわかります。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="193" src="https://manamahna.com/wp-content/uploads/2025/08/safe-quick-php-update.jpg" alt="PHP更新準備" class="wp-image-17313" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/safe-quick-php-update.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/08/safe-quick-php-update-300x57.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/safe-quick-php-update-768x145.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">つまり、<span class="marker">①PHPの更新はWordPress内ではなく、レンタルサーバー内で行う必要がある</span>、<span class="marker">②更新の手順は使用しているレンタルサーバーで確認しなければならない</span>、ということになります。</p>



<p class="wp-block-paragraph">ありがたいことに説明文中にある「<a rel="noopener nofollow" target="_blank" href="https://github.com/WordPress/servehappy-resources/blob/master/tutorials/hosting-specific/tutorials-ja.md">こちらの文書</a>」をクリックすると、レンタルサーバーのリストが出てくるので、利用中のレンタルサーバー名をクリックして、具体的な更新方法のチュートリアルページに飛びます。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="980" height="417" src="https://manamahna.com/wp-content/uploads/2025/08/rental-server-list.jpg" alt="レンタルサーバーリスト" class="wp-image-17326" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/rental-server-list.jpg 980w, https://manamahna.com/wp-content/uploads/2025/08/rental-server-list-300x128.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/rental-server-list-768x327.jpg 768w" sizes="(max-width: 980px) 100vw, 980px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">PHPの更新手順（ConoHa WINGの場合）</span></h3>



<p class="wp-block-paragraph">「ConoHa WING」をクリックすると、「<a rel="noopener nofollow" target="_blank" href="https://support.conoha.jp/w/configphp/">ご利用ガイド PHPの設定をする</a>」という記事が表示されます。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="564" src="https://manamahna.com/wp-content/uploads/2025/08/conoha-wing-php-version-up-page-1024x564.jpg" alt="ConoHa WINGガイドページ" class="wp-image-17328" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/conoha-wing-php-version-up-page-1024x564.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/08/conoha-wing-php-version-up-page-300x165.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/conoha-wing-php-version-up-page-768x423.jpg 768w, https://manamahna.com/wp-content/uploads/2025/08/conoha-wing-php-version-up-page.jpg 1312w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">目次の2番目にある「PHPのバージョン変更方法」をクリックし、説明に沿って更新手続きを行います。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e2ef5d&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e2ef5d" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/08/php-update-steps-1024x536.jpg" alt="PHP更新手順" class="wp-image-17330" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/php-update-steps-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/08/php-update-steps-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/php-update-steps-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/08/php-update-steps.jpg 1280w" 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>



<ol class="wp-block-list">
<li>ConoHa WINGのコントロールパネルにログイン。</li>



<li>「サイト管理」をクリック。</li>



<li>正しいサイトが選択されていないときは、「切り替え」で正しいサイトを選択。</li>



<li>「サイト設定」をクリック。</li>



<li>「応用設定」をクリック。</li>



<li>「PHP設定」を開く。</li>



<li>「PHPバージョン」の右端の「えんぴつアイコン」をクリック。</li>



<li>「全体共通」か「ドメイン個別」のどちらかを選択し、プルダウンから推奨されているバージョン（8.3以上）を選択。（私は「全体共通」、バージョン8.4を選択。）</li>



<li>「保存」をクリック。</li>
</ol>



<p class="wp-block-paragraph">スクリーンの左下に「成功しました。」と表示されれば、問題なく更新完了です。</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="485" height="142" src="https://manamahna.com/wp-content/uploads/2025/08/php-update-success.jpg" alt="PHP更新成功" class="wp-image-17331" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/php-update-success.jpg 485w, https://manamahna.com/wp-content/uploads/2025/08/php-update-success-300x88.jpg 300w" sizes="(max-width: 485px) 100vw, 485px" /></figure>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="wp-block-paragraph"><a rel="nofollow noopener" target="_blank" href="https://af.moshimo.com/af/c/click?a_id=3397787&amp;p_id=2312&amp;pc_id=4967&amp;pl_id=30490">ConoHa WING</a>なら、</p>



<ul class="wp-block-list">
<li>自動バックアップサービスが標準提供されていて、データ消失の際も無料で復元可能</li>



<li>PHPの更新が簡単</li>
</ul>



<p class="wp-block-paragraph">さらに、</p>



<ul class="wp-block-list">
<li>国内最速”No.1”のレンタルサーバー</li>



<li>WAF、ウイルススキャン、スパムメールフィルタを標準搭載</li>



<li>かんたん移行ツールで他社サーバーからの乗り換えも楽</li>



<li>独自ドメインがサーバー契約期間中、永年無料で利用可能！（最大2個）</li>
</ul>



<p class="wp-block-paragraph">といいことづくめ！</p>



<p class="has-text-align-center wp-block-paragraph">今なら下記リンクから<strong>WINGパック（12か月以上）の新規申込み</strong>が<strong><span class="red">5000円引き</span>に！</strong><br>（2025年8月時点）</p>



<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block"><a rel="noopener nofollow" target="_blank" href="https://www.conoha.jp/referral/?token=BMj7bKISDHiHvn69QvykpH_gxlwrVxpSLf0TkbEsoO0x4DPKjOS7hadTJ8nhHw--5Z2" class="btn btn-m has-background has-light-green-background-color">ConoHa WING 公式サイト >></a></div>
</div>



<h2 class="wp-block-heading"><span id="toc8">Step 4：更新後の動作確認をする</span></h2>



<p class="wp-block-paragraph">WordPressのダッシュボードを新たに開くと、警告が消え、「サイトヘルス」の「ステータス」も「改善が必要」から「良好」に変わっていました。</p>



<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="442" height="212" src="https://manamahna.com/wp-content/uploads/2025/08/site-health-result.jpg" alt="サイトヘルスのステータス" class="wp-image-17332" style="border-width:1px;width:260px" srcset="https://manamahna.com/wp-content/uploads/2025/08/site-health-result.jpg 442w, https://manamahna.com/wp-content/uploads/2025/08/site-health-result-300x144.jpg 300w" sizes="(max-width: 442px) 100vw, 442px" /></figure>



<p class="wp-block-paragraph">同じく「サイトヘルス」内にある「情報」→「サーバー」と進むと、現在のPHPバージョンが表示され、最新バージョンになっていることが確認できました。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="947" height="252" src="https://manamahna.com/wp-content/uploads/2025/08/php-most-updated-version.jpg" alt="PHPバージョン最新情報" class="wp-image-17333" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/08/php-most-updated-version.jpg 947w, https://manamahna.com/wp-content/uploads/2025/08/php-most-updated-version-300x80.jpg 300w, https://manamahna.com/wp-content/uploads/2025/08/php-most-updated-version-768x204.jpg 768w" sizes="(max-width: 947px) 100vw, 947px" /></figure>



<p class="wp-block-paragraph">最後に、サイトをチェックしましたが、表示が崩れたり、画面が真っ白になるといったエラーも出ていませんでした。　</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/wp-editor-error/" title="「エディターで予期しないエラーが発生しました。」の対処法まとめ" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/04/cant-edit-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/04/cant-edit-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">「エディターで予期しないエラーが発生しました。」の対処法まとめ</div><div class="blogcard-snippet internal-blogcard-snippet">エディターで予期しないエラーが発生したせいで記事の編集ができなくなった際の対処法を12通り紹介し、最終的に私が選んだ「記事の書き直し＋Redirectionによる301ダイレクト」のやり方を説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">10/31/25</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc9">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、Wordpressの管理画面に「PHPの更新を推奨」という警告が表示された際、ブログ初心者でも安全、簡単に対処できる、BadkWPupプラグインによるバックアップの取り方とConoHa WINGでのPHP更新方法を紹介しました。</p>



<a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=30602" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/1762/000000030602.png" width="728" height="90" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=30602" width="1" height="1" style="border:none;" loading="lazy">
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ブログからインスタに自動投稿している人必見！最新のフィード投稿＆グリッドビューサイズに適したアイキャッチ画像とは？</title>
		<link>https://manamahna.com/eye-catch-instagram-grid-view/</link>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Fri, 30 May 2025 02:30:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=16401</guid>

					<description><![CDATA[Nelio Contentでブログとインスタグラムを連携させている人向けに、最新のインスタグラム（フィード投稿＆グリッドビュー）画像サイズと、それに合わせた①アイキャッチ画像＆②自動投稿専用の画像の作り方について説明しています。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">当ブログはNelio Content（無料版）を利用して、記事の公開に関するお知らせをインスタグラムに自動投稿しています。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/nelio-content-plugin/" title="【SNS連携・集客】「Nelio Content」無料版ーインスタにブログ記事が自動投稿されない⁉" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2022/10/Nelio-Content-1-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【SNS連携・集客】「Nelio Content」無料版ーインスタにブログ記事が自動投稿されない⁉</div><div class="blogcard-snippet internal-blogcard-snippet">InstagramにWordpressの記事を自動投稿できる無料のプラグイン「Nelio Content」について、基本の使い方、実際の使い勝手、自動投稿されない問題の解決法を説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/26</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">さらに、インスタグラムからFacebookとPinterestへも自動投稿させています。（サイトとPinterestは直接連携させることも可能です。）</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/pinterest-website-domain-verification/" title="【Pinterestとサイトの連携】ウェブサイトのドメイン認証ができない⁉苦肉の代案とあっさり解決策" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/02/pinterest-problem.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Pinterestとサイトの連携】ウェブサイトのドメイン認証ができない⁉苦肉の代案とあっさり解決策</div><div class="blogcard-snippet internal-blogcard-snippet">ピンタレストとウェブサイトの連携で「No relevant meta tag was found.」エラーが出た人向けに、Nelio Contentを使ってインスタグラム経由で紐づけする方法と簡単に認証が完了する方法を紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-think sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">そもそもSNSなんてブログへの集客目的でやってるだけだから、あっちにもこっちにも別々に投稿するなんて面倒くさくてやってらんないわ。</p>
</div></div>



<p class="wp-block-paragraph">けれど、先日「<a rel="noopener follow" target="_blank" href="https://manamahna.com/canva-pc-instagram-reel/">Canva（無料プラン）を使ってInstagramのリール＆リールのカバー画像を作成・投稿する方法</a>」という記事を書くにあたって、インスタグラムのプロフィール画面を見たら、</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-think sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2024/07/manamahna-OMG--150x150.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">グリッドビューが…。</p>
</div></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e35b77&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e35b77" class="wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="402" height="869" 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://manamahna.com/wp-content/uploads/2025/05/gridview-issue.png" alt="インスタ（モバイル）グリッドビュー" class="wp-image-16406" style="border-width:1px;width:190px" srcset="https://manamahna.com/wp-content/uploads/2025/05/gridview-issue.png 402w, https://manamahna.com/wp-content/uploads/2025/05/gridview-issue-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><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">モバイルのグリッドビュー</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="1024" height="817" src="https://manamahna.com/wp-content/uploads/2025/05/instagram-gv-eye-catch.jpg" alt="インスタ（PC）グリッドビュー" class="wp-image-16407" style="border-width:1px;width:515px" srcset="https://manamahna.com/wp-content/uploads/2025/05/instagram-gv-eye-catch.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/instagram-gv-eye-catch-300x239.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/instagram-gv-eye-catch-768x613.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">PCのグリッドビュー</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">フィード画面に表示されたときとは異なり、自動投稿されたアイキャッチ画像が上下左右切り取られて、いったい何の記事の画像だかわからないようになっていました。</p>



<p class="wp-block-paragraph">これでは新規のフォロワー獲得どころか、今いるフォロワーまで失いかねません。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">リールのカバー画像と違って、インスタでは1度投稿した画像は編集できないんだよね。<br>せめてこれから作るアイキャッチは、インスタのグリッドビューにも耐えられるデザインにしないと！</p>
</div></div>



<p class="wp-block-paragraph">ということで、今回は特にNelio Contentを使ってブログとインスタグラムを連携させている人向けに、</p>



<ul class="wp-block-list">
<li>最新のインスタグラム画像サイズ
<ul class="wp-block-list">
<li>フィード画面に表示される画像</li>



<li>グリッドビュー（一覧表示）の画像</li>
</ul>
</li>



<li>グリッドビューに最適な画像の作り方
<ul class="wp-block-list">
<li>調整を加えたアイキャッチ画像</li>



<li>自動投稿専用の画像</li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph">について説明します。</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-5" checked><label class="toc-title" for="toc-checkbox-5">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">最新のインスタグラム画像サイズ</a><ol><li><a href="#toc2" tabindex="0">過去の投稿の「プレビューを調整」</a></li></ol></li><li><a href="#toc3" tabindex="0">グリッドビューに最適な画像の作成</a><ol><li><a href="#toc4" tabindex="0">その１：アイキャッチ画像のデザインを調整する</a></li><li><a href="#toc5" tabindex="0">その２：自動投稿専用の画像を別に用意する</a><ol><li><a href="#toc6" tabindex="0">インスタグラム投稿専用の画像作成</a></li><li><a href="#toc7" tabindex="0">Nelio Contentでインスタグラム投稿専用の画像を自動投稿</a></li></ol></li></ol></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">最新のインスタグラム画像サイズ</span></h2>



<p class="wp-block-paragraph">2025年1月、インスタグラムのアップデートによって、フィード投稿のサイズが正方形（1:1）から縦長（3:4）の長方形に変わりました。合わせて、プロフィール画面のグリッドビュー（一覧表示）も、順次縦長（3:4）の長方形に変わっていく予定です。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>インスタグラムの公式発表</strong></p>



<ul class="wp-block-list">
<li><strong>フィード画面に表示される画像サイズ</strong>：1080×1350px（4:5）</li>



<li><strong>グリッドビュー</strong>：1012×1350px（3:4）</li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc2">過去の投稿の「プレビューを調整」</span></h3>



<p class="wp-block-paragraph">インスタグラムでは、投稿済みの画像を編集することはできませんが、グリッドビューでの見え方を調整することは可能です。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-watery-red-background-color">
<p class="wp-block-paragraph"><strong>「プレビューを調整」機能の使い方</strong>：</p>



<ol class="wp-block-list">
<li>修正したい画像をタップ。</li>



<li>右上の3点リーダーをタップ。</li>



<li>画面上に出てきた「プレビューを調整」をタップ。</li>



<li>「画面に合わせる」をタップ。</li>



<li>画像を確認して「完了」をタップ。</li>
</ol>
</div>



<p class="wp-block-paragraph">これで、横長の画像も縦長の枠（グリッド）内に全体が収まるはずです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">現在、私のスマホではこの通りにやっても「プレビューを調整」が出てこないので、うまく言った人たちの話の受け売りです。</p>
</div></div>



<h2 class="wp-block-heading"><span id="toc3">グリッドビューに最適な画像の作成</span></h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1024" height="576" src="https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample.png" alt="インスタ用アイキャッチサンプル" class="wp-image-16421" srcset="https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-300x169.png 300w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-768x432.png 768w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-120x68.png 120w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-160x90.png 160w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-320x180.png 320w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-eye-catch-sample-360x203.png 360w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">調整を加えたアイキャッチ画像</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="768" height="1024" src="https://manamahna.com/wp-content/uploads/2025/05/instagram-34-sample-768x1024.png" alt="インスタ専用画像サンプル" class="wp-image-16422" style="width:230px" srcset="https://manamahna.com/wp-content/uploads/2025/05/instagram-34-sample-768x1025.png 768w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-sample-225x300.png 225w, https://manamahna.com/wp-content/uploads/2025/05/instagram-34-sample.png 1012w" sizes="(max-width: 768px) 100vw, 768px" /><figcaption class="wp-element-caption">自動投稿専用画像</figcaption></figure>
</div>
</div>



<h3 class="wp-block-heading"><span id="toc4">その１：アイキャッチ画像のデザインを調整する</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-grid-view-1024x536.png" alt="アイキャッチとグリッドビューの関係" class="wp-image-16416" srcset="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-grid-view-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-grid-view-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-grid-view-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-grid-view.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">アイキャッチ画像のサイズとして一般的に推奨されているのは、横長の1200×630px（1.91:1）です。</p>



<p class="wp-block-paragraph">ただ、テーマによっては同じ横長でも16:9の比率の長方形を推奨していたり、横幅も1200～2000pxとばらつきがあります。</p>



<p class="wp-block-paragraph">そこで、</p>



<ol class="wp-block-list">
<li>自分のアイキャッチ画像のサイズをもとに、グリッドビューに表示されたときの画像サイズを割り出す</li>



<li>そのサイズの枠（またはガイドライン）をアイキャッチ画像の中央に置く
<ul class="wp-block-list">
<li>最終的に枠はデザインとして利用してもいいし、消してもいい</li>
</ul>
</li>



<li>重要な情報がすべて枠（ガイドライン）内に収まるデザインにする</li>
</ol>



<p class="wp-block-paragraph">ようにします。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>グリッドビューに表示される画像サイズの出し方</strong></p>



<ul class="wp-block-list">
<li>縦：アイキャッチ画像の縦と同じ</li>



<li>横：縦の長さ÷４×３－多少の余白</li>
</ul>



<p class="wp-block-paragraph">＊横幅に関して、「必ずしもど真ん中が切り抜かれて表示されているわけではない」という意見があるため、左右に多少の余白（各数px程度）を設けています。</p>
</div>



<p class="wp-block-paragraph">理論上どんなサイズ（比率）のアイキャッチ画像にも通用するはずです。</p>



<p class="wp-block-paragraph"><strong>実例</strong>：</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1024" height="576" src="https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC.jpg" alt="Canva＋Instagram リール" class="wp-image-16362" srcset="https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/instagram-reel-canva-EC-360x203.jpg 360w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">アイキャッチ画像</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="313" height="417" src="https://manamahna.com/wp-content/uploads/2025/05/actual-instagram-grid-view.png" alt="実際のグリッドビュー画像" class="wp-image-16438" style="width:230px" srcset="https://manamahna.com/wp-content/uploads/2025/05/actual-instagram-grid-view.png 313w, https://manamahna.com/wp-content/uploads/2025/05/actual-instagram-grid-view-225x300.png 225w" sizes="(max-width: 313px) 100vw, 313px" /><figcaption class="wp-element-caption">グリッドビュー画像</figcaption></figure>
</div>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">この方法だと、どうしてもアイキャッチ画像のデザインが似たり寄ったりになっちゃうけど、ブログで何よりも大切なのは画像じゃなくてコンテンツだからね。</p>
</div></div>



<h3 class="wp-block-heading"><span id="toc5">その２：自動投稿専用の画像を別に用意する</span></h3>



<p class="wp-block-paragraph">Nelio Contentでは予約投稿の設定後、「Calendar」から投稿に使う画像を選択することが可能です。</p>



<p class="wp-block-paragraph">そこで、</p>



<ol class="wp-block-list">
<li>（好きなツールを使って）インスタグラム投稿専用の画像を作成する</li>



<li>WordPressの「メディア（ライブラリー）」に画像を保存する</li>



<li>Nelio Content で記事の予約投稿を設定する</li>



<li>Nelio Content でインスタグラム投稿専用の画像を自動投稿する</li>
</ol>



<p class="wp-block-paragraph">という手順で、グリッドビューに最適な画像が確実にインスタグラムに投稿されるようにします。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/nelio-content-trouble-shooting/" title="【2023年最新】Nelio Content（無料版）｜SNS（インスタ）への自動投稿がうまくいかない時の対処法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch.jpg 1024w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/04/Nelio-trouble-shooting-eye-catch-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【2023年最新】Nelio Content（無料版）｜SNS（インスタ）への自動投稿がうまくいかない時の対処法</div><div class="blogcard-snippet internal-blogcard-snippet">Nelio Content（無料版）を利用したInstagramへの自動投稿がうまくいかなかったとき、どうすればその同じ記事をきちんと自動投稿させられるか説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/26</div></div></div></div></a>
</div>



<h4 class="wp-block-heading"><span id="toc6">インスタグラム投稿専用の画像作成</span></h4>



<p class="wp-block-paragraph">＊ここではCanvaを利用した画像作成手順を紹介します。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/canva-home-1024x536.png" alt="Canvaホーム" class="wp-image-16433" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/canva-home-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/canva-home-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/canva-home-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/canva-home.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">１．ホーム画面で「カスタムサイズ」を選択。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/canva-custom-size.png" alt="Canvaカスタムサイズ" class="wp-image-16432" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/canva-custom-size.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/canva-custom-size-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/canva-custom-size-768x402.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．サイズ（幅・長さ）欄にそれぞれ「1012・1350」と入力し、「新しいデザインを作成」をクリック。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/Canva-custom-size-template-1024x536.png" alt="Canvaインスタ投稿用画像テンプレート" class="wp-image-16431" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/Canva-custom-size-template-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/Canva-custom-size-template-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/Canva-custom-size-template-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/Canva-custom-size-template.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">３．空白のテンプレートが生成されるので、名前を付けてオリジナルのデザインを作成。またはデザインタブから気に入ったっテンプレートを見つけてクリック。</p>



<p class="wp-block-paragraph">４．デザインが完成したら、「ファイル」→「ダウンロード」と進み、PC内の任意のフォルダーに保存。</p>



<p class="wp-block-paragraph">５．続いて、WordPressの「メディア（ライブラリー）」に保存。</p>



<p class="wp-block-paragraph">＊Canvaのホーム画面で検索バーに「インスタグラム　3:4」と入力して、既存のテンプレートを選択することもできます。</p>



<h4 class="wp-block-heading"><span id="toc7">Nelio Contentでインスタグラム投稿専用の画像を自動投稿</span></h4>



<p class="wp-block-paragraph"><strong>手順</strong>：</p>



<ol class="wp-block-list">
<li>Nelio Contentを使って予約投稿を設定する。
<ul class="wp-block-list">
<li>やり方がわからないときは「<a rel="noopener follow" target="_blank" href="https://manamahna.com/nelio-content-plugin/#toc4">無料版でインスタへ自動投稿するには（まなまなバージョン）</a>」参照</li>
</ul>
</li>



<li>管理画面の「Nelio Content」→「Calendar」をクリック。</li>



<li>カレンダーに表示されている予約された記事（灰色の背景）をクリック。</li>



<li>投稿内容の編集画面の画像アイコンをクリック。</li>



<li>「メディアライブラリー」から保存しておいたインスタグラム投稿専用の画像を選択。</li>



<li>「Update」をクリック。</li>
</ol>



<p class="wp-block-paragraph">これで予約した時間がくれば、ブログにはアイキャッチ画像が、インスタグラムにはインスタグラム投稿専用画像が載っているはずです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">アイキャッチ画像を好きなようにデザインしたい人にはおすすめの方法だけど、画像を2つ作るなら、わざわざ自動投稿にしている意味がほとんどない気も…。</p>
</div></div>



<h2 class="wp-block-heading"><span id="toc8">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、Nelio Contentを使ってブログとインスタグラムを連携させている人向けに、</p>



<ul class="wp-block-list">
<li>最新のインスタグラム画像サイズ
<ul class="wp-block-list">
<li>フィード画面に表示される画像</li>



<li>グリッドビュー（一覧表示）の画像</li>
</ul>
</li>



<li>グリッドビューに最適な画像の作り方
<ul class="wp-block-list">
<li>調整を加えたアイキャッチ画像</li>



<li>自動投稿専用の画像</li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph">について説明しました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">「どっちも結構面倒だな」という人は、Nelio Contentの連携先を「X」に変えるのもありかもしれません。<br>今一つまじめにSNS集客に取り組んでいない私はやってないんですが、「X」だと横長の画像が横長のまま載るみたいですよ。</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canva（無料プラン）を使ってInstagramのリール＆リールのカバー画像を作成・投稿する方法</title>
		<link>https://manamahna.com/canva-pc-instagram-reel/</link>
					<comments>https://manamahna.com/canva-pc-instagram-reel/#respond</comments>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Tue, 27 May 2025 02:00:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ツール・アクティビティ]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=15919</guid>

					<description><![CDATA[①インスタグラムのフィード投稿とリールの違い、②CanvaのPC版（デスクトップアプリ）を使ってリールとカバー画像を作る方法、③モバイルアプリを使ってダウンロード後、カバー画像付きのリールを投稿する方法を紹介しています。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">以前「<a rel="noopener follow" target="_blank" href="https://manamahna.com/windows-video-4-instagram/">SNSに画面録画を投稿！WindowsのアプリとCanvaで画面録画・編集・投稿する方法（初心者向け）</a>」という記事の中で、Canva（PC版）で作成した複数の画像（動画を埋め込んだ画像を含む）を、モバイルアプリを使ってダウンロードし、インスタグラムにフィード投稿する方法を紹介しました。</p>



<p class="wp-block-paragraph">今回は、①インスタグラムのフィード投稿とリールの違い、②CanvaのPC版（デスクトップアプリ）を使ってリールとカバー画像を作る方法、③モバイルアプリを使ってダウンロード後、カバー画像付きのリールを投稿する方法を紹介します。</p>



<p class="wp-block-paragraph">「Canvaを使ったことがない」という人は、以下の記事を参考にまずCanva（無料プラン）に登録し、PC版（デスクトップアプリ）とモバイルアプリをインストールしておいてください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/canva-design/" title="【Canvaの始め方・使い方】無料で簡単にアイキャッチやインスタ画像が作れる！副収入の可能性も!!" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch.jpg 1024w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2022/09/Canva-eyecatch-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Canvaの始め方・使い方】無料で簡単にアイキャッチやインスタ画像が作れる！副収入の可能性も!!</div><div class="blogcard-snippet internal-blogcard-snippet">①Canva（キャンバ）の魅力、②始め方、③使い方、③保存やダウンロード、SNSへのアップロードの仕方について、画像付きで説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">＊PC版（デスクトップアプリ）は必須ではありません。（私と同じように、老眼な上にスマホよりもPCの操作に慣れているという人にとっては必須ですが…。）</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">インスタグラムのフィード投稿とリールの違い</a></li><li><a href="#toc2" tabindex="0">Canvaを使ったリールの作り方</a><ol><li><a href="#toc3" tabindex="0">テンプレートの選択</a></li><li><a href="#toc4" tabindex="0">テンプレートの編集・カスタマイズ</a><ol><li><a href="#toc5" tabindex="0">ページ・素材の削除</a></li><li><a href="#toc6" tabindex="0">ページの並び替え（移動）・追加</a></li><li><a href="#toc7" tabindex="0">素材の追加（入れ替え）</a></li><li><a href="#toc8" tabindex="0">ページや素材の表示開始・停止位置（タイミング）、長さ（秒数）の調整</a></li><li><a href="#toc9" tabindex="0">アニメーションの追加</a></li><li><a href="#toc10" tabindex="0">切り替え（トランジション）の追加</a></li></ol></li></ol></li><li><a href="#toc11" tabindex="0">Canvaを使ったリールのカバー画像の作り方</a><ol><li><a href="#toc12" tabindex="0">手順</a></li></ol></li><li><a href="#toc13" tabindex="0">リールの投稿の仕方</a><ol><li><a href="#toc14" tabindex="0">リールとカバー画像のダウンロード</a></li><li><a href="#toc15" tabindex="0">インスタグラムへの投稿</a></li></ol></li><li><a href="#toc16" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">インスタグラムのフィード投稿とリールの違い</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/comparison-reel-vs-feed-1024x536.png" alt="フィード投稿とリールの違い" class="wp-image-16349" srcset="https://manamahna.com/wp-content/uploads/2025/05/comparison-reel-vs-feed-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/comparison-reel-vs-feed-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/comparison-reel-vs-feed-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/comparison-reel-vs-feed.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>フィード投稿</strong>は、静止画像（時間的に枠組みが変化しない画像）の投稿です。</p>



<p class="wp-block-paragraph">サイズ：1：1の正方形（1080ｘ1080px）</p>



<p class="wp-block-paragraph">静止画像と言っても、枠組みさえ動かなければいいので、写真やイラストのような画像のほかに、動画（最長で60秒）や画像と動画の組み合わせ等も挿入することが可能です。</p>



<p class="wp-block-paragraph">フィード投稿では、通常1回の投稿につき、最大10枚の静止画像をアップロードできます。ただし、画面には1枚目しか表示されないので、2枚目以降を見るためには画像をスライドさせる必要があります。（カルーセル形式）</p>



<p class="wp-block-paragraph">一方、<strong>リール</strong>はショートムービー（最長で90秒）の投稿です。</p>



<p class="wp-block-paragraph">サイズ：9:16の縦長の長方形（1080ｘ1920px）</p>



<p class="wp-block-paragraph">1回の投稿には1つのショートムービーしかアップロードできませんが、撮影済みの動画に限らず、複数の静止画像（動画入りを含む）をつなげた、自動再生形式のスライドショーも投稿できます。</p>



<p class="wp-block-paragraph">最近は、</p>



<ul class="wp-block-list">
<li>表示されるサイズが大きい</li>



<li>フォロワー以外にも表示される可能性が高い</li>



<li>ユーザーの興味や関心をひきやすい</li>



<li>アカウントの評価が上がる可能性がある</li>
</ul>



<p class="wp-block-paragraph">といった理由から、フィード投稿に比べ、リールの投稿が大幅に増加しています。</p>



<h2 class="wp-block-heading"><span id="toc2">Canvaを使ったリールの作り方</span></h2>



<p class="wp-block-paragraph">リールを作る手順は、</p>



<ul class="wp-block-list">
<li>テンプレートの選択</li>



<li>テンプレートの編集・カスタマイズ</li>
</ul>



<p class="wp-block-paragraph">になります。</p>



<h3 class="wp-block-heading"><span id="toc3">テンプレートの選択</span></h3>



<p class="wp-block-paragraph">＊説明にはPC版（デスクトップアプリ）での画像を使用しています。</p>



<p class="wp-block-paragraph">１．Canvaのホーム画面で、①検索バーに「リール」と入力し、「Instagramリール動画」を選択するか、②「＋（作成）」アイコンをクリックして、新規作成のテンプレートの中から「Instagramリール動画」を選択する。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3d38d&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3d38d" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel-making-1024x536.png" alt="リール作成" class="wp-image-16342" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-making-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-making-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-making-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-making.png 1280w" 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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3d829&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3d829" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="523" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel1-1.jpg" alt="リール作成２" class="wp-image-16337" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel1-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel1-1-300x153.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel1-1-768x392.jpg 768w" 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>
</div>



<p class="wp-block-paragraph">２．テンプレートの中から、自分の作りたいリールに近いタイプを選ぶ。（カーソルをテンプレートの上に移動させると、画像が動いてコンテンツが確認できます。）</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel2-1024x536.png" alt="リール選択" class="wp-image-16338" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel2-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel2-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel2-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">＊王冠マークがついている素材は無料プランでは使えません。どうしても使いたい場合は、そのテンプレートだけ購入するか、Canvaプロの30日間無料トライアルを試してください。</p>



<p class="wp-block-paragraph">３．選んだテンプレートでよければ、「このテンプレートをカスタマイズ」をクリック。ほかのテンプレートに変えたいときは、下の「ほかの候補」の中から選ぶか、右上の「X」アイコンをクリックして元のテンプレート一覧に戻って、別のテンプレートを選びます。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="483" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel3-1024x483.png" alt="リール決定" class="wp-image-16339" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel3-1024x483.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel3-300x142.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel3-768x363.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel3.png 1127w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">テンプレートの編集・カスタマイズ</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="556" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel4.png" alt="リール編集画面" class="wp-image-16340" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel4.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel4-300x163.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel4-768x417.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">タイトル（名前）を変更したあと、テンプレートをカスタマイズしていきます。</p>



<p class="wp-block-paragraph">一般的なカスタマイズのやり方は以下の通りです。</p>



<h4 class="wp-block-heading"><span id="toc5">ページ・素材の削除</span></h4>



<p class="wp-block-paragraph"><strong>ページを削除</strong>：</p>



<ul class="wp-block-list">
<li>下の小さい画像の中から削除したいページ（画像）を選んで右クリック。</li>



<li>ポップアップで表示されたリストの中から「1ページを削除」を選んでクリック。</li>
</ul>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3dfd4&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3dfd4" class="wp-block-image aligncenter size-large is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="822" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-1024x822.png" alt="リールページ・素材削除" class="wp-image-16333" style="border-width:1px;width:404px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-1024x822.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-300x241.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-768x617.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete.png 1192w" 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">ページ削除</figcaption></figure>



<p class="wp-block-paragraph"><strong>素材を削除</strong>：</p>



<ul class="wp-block-list">
<li>下の小さい画像の中の削除したい素材のあるページ（画像）をクリック。</li>



<li>大きく表示された画像内の削除したい素材の上で右クリック。</li>



<li>ポップアップで表示されたリストの中から「削除」を選んでクリック。</li>
</ul>



<p class="wp-block-paragraph">＊削除したい素材をクリック→ゴミ箱アイコンをクリックでも削除できます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3e4a9&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3e4a9" class="wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="702" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-page.jpg" alt="素材削除" class="wp-image-16352" style="border-width:1px;width:407px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-page.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-page-300x206.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-delete-page-768x527.jpg 768w" 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">素材削除</figcaption></figure>



<h4 class="wp-block-heading"><span id="toc6">ページの並び替え（移動）・追加</span></h4>



<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="470" height="285" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-page-addition.png" alt="ページの追加" class="wp-image-16355" style="border-width:1px;width:554px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-page-addition.png 470w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-page-addition-300x182.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></figure>



<p class="wp-block-paragraph"><strong>ページの並び替え（移動）</strong>：</p>



<ul class="wp-block-list">
<li>下の小さい画像の中の移動させたい画像（ページ）を希望する位置へドラッグ＆ドロップ。</li>
</ul>



<p class="wp-block-paragraph"><strong>ページの追加</strong>：</p>



<ul class="wp-block-list">
<li>下の小さい画像（ページ）の間にカーソルを合わせると出てくる「＋」アイコンをクリック。または右横にある大きな「＋」アイコンをクリックしたのち、好きな位置に新しいページを移動させる。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc7">素材の追加（入れ替え）</span></h4>



<ul class="wp-block-list">
<li>素材の追加（入れ替え）をしたいページ（下の小さい画像）を選んで上に大きく表示させる。</li>



<li>左横にある「素材」タブをクリックして追加（入れ替え）したい画像・グラフィック・オーディオ・動画・フレームなどをクリック。
<ul class="wp-block-list">
<li>自分が撮った写真や動画などを使いたい場合は、「アップロード」内の「ファイルをアップロード」をクリックして、PCに保存しておいた画像や動画等をアップロードしてください。</li>
</ul>
</li>



<li>大きな画像上で追加した素材のサイズや位置を調整する。</li>
</ul>



<p class="wp-block-paragraph">＊オーディオの調整に関しては次項で説明します。</p>



<h4 class="wp-block-heading"><span id="toc8">ページや素材の表示開始・停止位置（タイミング）、長さ（秒数）の調整</span></h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3eadd&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3eadd" class="wp-block-image size-large has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="536" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel-item-length-1024x536.png" alt="長さの調整" class="wp-image-16353" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-item-length-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-item-length-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-item-length-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-item-length.png 1280w" 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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e3eed4&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e3eed4" class="wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="696" height="827" 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://manamahna.com/wp-content/uploads/2025/05/ic-reel-timing.png" alt="ページの長さ調整" class="wp-image-16358" style="border-width:1px;width:242px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-timing.png 696w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-timing-252x300.png 252w" sizes="(max-width: 696px) 100vw, 696px" /><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>
</div>



<p class="wp-block-paragraph">ページ・素材の長さ（秒数）、表示開始や停止の位置（タイミング）は、下の小さい画像上で調整できます。ページ内の素材を下の小さい画像の列に加えるには、大きい画像上でその素材をクリックしてください。</p>



<ul class="wp-block-list">
<li>長さや位置を調整したい画像の端のほうにカーソルを合わせる。</li>



<li>両端に縦棒が表示されるので、それぞれドラッグして、好きな長さ、開始・停止位置に調整する。</li>
</ul>



<p class="wp-block-paragraph">＊ページの長さは、下の小さい画像をクリックすると大きい画像の上に時計アイコンと秒数が出てくるので、そこでも変更できます。</p>



<ul class="wp-block-list">
<li>長いオーディオの別の部分を使いたいときは、青いバーをホールドしたまま、左右に動かす。
<ul class="wp-block-list">
<li>青いバーを1度クリック、出てきた3点リーダーをクリックすると、音に関する調整が可能です。</li>



<li>オーディオは投稿する際に追加することもできます。</li>
</ul>
</li>



<li>自分が取った動画の音声は、大きい画像（動画）をクリックするとサウンドアイコンが出てくるので、それをクリックすると調整できます。</li>
</ul>



<p class="wp-block-paragraph">＊スライドショー形式ではなく、ショートムービーの場合も、同じように編集できます。</p>



<h4 class="wp-block-heading"><span id="toc9">アニメーションの追加</span></h4>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="482" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-animation.png" alt="アニメーションの追加" class="wp-image-16354" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-animation.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-animation-300x141.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-animation-768x362.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「アニメーション」タブをクリックすると、ページや素材ごとにアニメーションが追加できます。</p>



<h4 class="wp-block-heading"><span id="toc10">切り替え（トランジション）の追加</span></h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-edit2-1024x536.png" alt="リール遷移編集" class="wp-image-16335" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-edit2-1024x536.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-edit2-300x157.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-edit2-768x402.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-edit2.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>小さい画像（ページ）間にカーソルを合わせると出てくる「D))」のような形のアイコンをクリック。</li>



<li>トランジションのチョイスが出てくるので、好きなタイプを選択。（おすすめは「ディゾルブ」です。）</li>
</ul>



<h2 class="wp-block-heading"><span id="toc11">Canvaを使ったリールのカバー画像の作り方</span></h2>



<p class="wp-block-paragraph">リールのカバー画像は、インスタのプロフィール画面やリールタブに表示される、言わばリール動画の「顔」のようなものです。</p>



<p class="wp-block-paragraph">サイズ：9:16の縦長の長方形（1080ｘ1920px）</p>



<p class="wp-block-paragraph">ただし、プロフィール画面のグリッドビューでは画像がトリミングされ、中央部分だけが表示されます。</p>



<ul class="wp-block-list">
<li>モバイルー1:1の正方形、または3:4の縦長の長方形（2025年1月のアップデート以降は長方形に順次変更）</li>



<li>PCー3:4の縦長の長方形</li>
</ul>



<p class="wp-block-paragraph">また、カバーをつけていないと、ショートムービーのどこかの時点の画像が表示されるので、下手をすると何のリールかわかりません。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci0.png" alt="カバービフォー" class="wp-image-16361" style="border-width:1px;width:315px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci0.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci0-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">リールのカバー画像なし（グリッドビュー）</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-cover-after.png" alt="カバーアフター" class="wp-image-16360" style="border-width:1px;width:315px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-cover-after.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-cover-after-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">リールのカバー画像あり（グリッドビュー）</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">カバー画像は、誰が見てもひと目でリールの内容がわかるだけでなく、どのサイズで表示されても通用するデザインであることが望ましいです。</p>



<p class="wp-block-paragraph">＊ちなみに、上のサンプルで枠内に収まっていない画像は、リールではなく、ブログのアイキャッチが自動的に転送されたものなので、カバーをつけることも直すこともできません。（今後ブログのアイキャッチを作るときには気をつけないと！）</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/eye-catch-instagram-grid-view/" title="ブログからインスタに自動投稿している人必見！最新のフィード投稿＆グリッドビューサイズに適したアイキャッチ画像とは？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/05/eye-catch-Instagram.jpg 1024w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">ブログからインスタに自動投稿している人必見！最新のフィード投稿＆グリッドビューサイズに適したアイキャッチ画像とは？</div><div class="blogcard-snippet internal-blogcard-snippet">Nelio Contentでブログとインスタグラムを連携させている人向けに、最新のインスタグラム（フィード投稿＆グリッドビュー）画像サイズと、それに合わせた①アイキャッチ画像＆②自動投稿専用の画像の作り方について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc12">手順</span></h3>



<p class="wp-block-paragraph">基本的な手順は、リール動画を作るときと同じです。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="485" src="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-cover1-1024x485.png" alt="カバー画像のテンプレート選択" class="wp-image-16363" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-reel-cover1-1024x485.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-cover1-300x142.png 300w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-cover1-768x364.png 768w, https://manamahna.com/wp-content/uploads/2025/05/ic-reel-cover1.png 1416w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="wp-block-list">
<li>ホーム画面の検索バーに「インスタグラム　リールカバー」と入力して、「インスタリールカバー」を選択。</li>



<li>テンプレートの中から、2つのサイズを考慮したデザイン、かつ自分の作りたいカバー画像に近いものを選んで、「このテンプレートをカスタマイズ」をクリック。</li>



<li>テンプレートをカスタマイズ（編集）する。</li>
</ol>



<p class="wp-block-paragraph">＊カバー画像には動画内の画像を使用することも可能です。</p>



<h2 class="wp-block-heading"><span id="toc13">リールの投稿の仕方</span></h2>



<p class="wp-block-paragraph">ここからはCanvaのモバイルアプリを使用します。</p>



<h3 class="wp-block-heading"><span id="toc14">リールとカバー画像のダウンロード</span></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-d1.png" alt="ダウンロード1" class="wp-image-16365" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-d1.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-d1-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-d2.png" alt="ダウンロード2" class="wp-image-16366" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-d2.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-d2-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-d3.png" alt="ダウンロード3" class="wp-image-16367" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-d3.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-d3-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /></figure>
</div>
</div>



<ol class="wp-block-list">
<li>Canvaのモバイルアプリを開き、左上のメニュー（3本線）をタップして、ホームを選ぶ。</li>



<li>投稿したいリール（サンプルでは「リール動画カバー」）の右上にある3点リーダーをタップ。</li>



<li>「ダウンロード」をタップ。</li>



<li>ファイルの種類を「PNG」にし、ダウンロードボタンをタップ。</li>
</ol>



<p class="wp-block-paragraph">これで自動的にスマホの写真（アルバム）にリールのカバー画像が保存されます。</p>



<p class="wp-block-paragraph">続いて、同様の手順で「リール」もダウンロードしてください。その際、ファイルの種類は「MP4形式の動画」を選択します。</p>



<h3 class="wp-block-heading"><span id="toc15">インスタグラムへの投稿</span></h3>



<p class="wp-block-paragraph">１．インスタグラムのアプリを開き、⊞アイコンをタップ。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-2.png" alt="投稿2" class="wp-image-16381" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-2.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-2-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ２</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-3.png" alt="投稿3" class="wp-image-16382" srcset="https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-3.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ic-pic-select-3-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ３</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-pic-select2.png" alt="投稿4" class="wp-image-16378" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-pic-select2.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-pic-select2-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ４</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">２．「リール」を選択後、写真に保存しておいた「リール動画」、続いて「次へ」をタップ。</p>



<p class="wp-block-paragraph">＊リール動画が選択肢にないときは「管理」→「ほかの写真を選択」→「保存しておいたリール動画」→「完了」をタップすれば、選択肢の中に入ります。</p>



<p class="wp-block-paragraph">３．（必要に応じて動画を編集し、）「次へ」をタップ。</p>



<p class="wp-block-paragraph">４．「カバーを編集」をタップ。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e4006a&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e4006a" class="wp-block-image aligncenter size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="402" height="869" 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://manamahna.com/wp-content/uploads/2025/05/ci-pic-select3.png" alt="投稿5" class="wp-image-16379" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-pic-select3.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-pic-select3-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><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">ステップ５</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e40462&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e40462" class="wp-block-image aligncenter size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="402" height="869" 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://manamahna.com/wp-content/uploads/2025/05/ci4.png" alt="投稿6" class="wp-image-16375" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci4.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci4-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><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">ステップ６</figcaption></figure>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e40912&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e40912" class="wp-block-image aligncenter size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="402" height="869" 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://manamahna.com/wp-content/uploads/2025/05/ci3.png" alt="投稿7" class="wp-image-16374" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci3.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci3-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><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">ステップ７</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e40cc0&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e40cc0" class="wp-block-image aligncenter size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="402" height="869" 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://manamahna.com/wp-content/uploads/2025/05/ci-post-final.png" alt="投稿8" class="wp-image-16380" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-post-final.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-post-final-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><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">ステップ８</figcaption></figure>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">５．「カメラロールから追加」をタップ。</p>



<p class="wp-block-paragraph">６．写真に保存しておいた「カバー画像」をタップして選択。</p>



<p class="wp-block-paragraph">７．「完了」をタップ。</p>



<p class="wp-block-paragraph">８．キャプションを追加したのち、「シェア」をタップで投稿完了！</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p class="wp-block-paragraph">リールの<strong>カバー画像は、リールを投稿した後でもスマホで追加・編集が可能です。</strong></p>
</div>



<p class="wp-block-paragraph"><strong>カバー画像の追加・編集の仕方</strong>：</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci0.png" alt="カバービフォー" class="wp-image-16361" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci0.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci0-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ1</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-s1.png" alt="カバー画像後付け１" class="wp-image-16368" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-s1.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-s1-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ2</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-s2.png" alt="カバー画像後付け２" class="wp-image-16369" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-s2.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-s2-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ3</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">１．プロフィール画面でカバー画像をつけたいリールをタップ。</p>



<p class="wp-block-paragraph">２．右上の3点リーダーをタップ。</p>



<p class="wp-block-paragraph">３．「編集」をタップ。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-s3.png" alt="カバー画像後付け３" class="wp-image-16370" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-s3.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-s3-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ4</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci-s4.png" alt="カバー画像後付け４" class="wp-image-16371" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci-s4.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci-s4-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ5</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="402" height="869" src="https://manamahna.com/wp-content/uploads/2025/05/ci2.png" alt="カバー画像後付け５" class="wp-image-16386" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/ci2.png 402w, https://manamahna.com/wp-content/uploads/2025/05/ci2-139x300.png 139w" sizes="(max-width: 402px) 100vw, 402px" /><figcaption class="wp-element-caption">ステップ6</figcaption></figure>
</div>
</div>



<p class="wp-block-paragraph">４．画像の上の「カバー」をタップ。</p>



<p class="wp-block-paragraph">５．「カメラロールから追加」をタップして、写真に保存しておいたカバー画像をタップ。</p>



<p class="wp-block-paragraph">６．「完了」をタップして終了。</p>



<h2 class="wp-block-heading"><span id="toc16">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、①インスタグラムのフィード投稿とリールの違い、②CanvaのPC版（デスクトップアプリ）を使ってリールとカバー画像を作る方法、③モバイルアプリを使ってダウンロード後、カバー画像付きのリールを投稿する方法を紹介しました。</p>



<p class="wp-block-paragraph">Canvaにはおしゃれなテンプレートがそろっていますし、編集も簡単なので、ぜひ有効活用してみてください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/windows-video-4-instagram/" title="SNSに画面録画を投稿！WindowsのアプリとCanvaで画面録画・編集・投稿する方法（初心者向け）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/02/video-edits-1-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">SNSに画面録画を投稿！WindowsのアプリとCanvaで画面録画・編集・投稿する方法（初心者向け）</div><div class="blogcard-snippet internal-blogcard-snippet">Windows11に標準搭載されているXbox Game BarとClipchampを使った画面録画・編集の基本と、その動画とほかの画像をCanvaで編集した後、どうやってInstagramに投稿したのか説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">11/19/25</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://manamahna.com/canva-pc-instagram-reel/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cocoonテーマと競合する要注意プラグインと全テーマ共通で要注意のプラグイン＆削除するときの注意点</title>
		<link>https://manamahna.com/cocoon-unnecessary-plugins/</link>
					<comments>https://manamahna.com/cocoon-unnecessary-plugins/#respond</comments>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Wed, 21 May 2025 01:50:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<category><![CDATA[まとめリスト]]></category>
		<category><![CDATA[注意喚起]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=16264</guid>

					<description><![CDATA[Cocoonユーザー向けに①テーマの開発者が勧めない、②インストールしない・削除すべき、③不要、摂津胃の調整が必須のプラグイン、テーマにかかわらず要注意のプラグイン、プラグインを削除する際の注意点を説明しています。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">WordPressのプラグインは、すでにサイトに備わっている機能を拡張したり、新たな機能を追加するためのツールです。</p>



<p class="wp-block-paragraph">基本どのテーマにも導入できますが、テーマの機能を理解しないまま、おすすめだからというだけで利用すると、サイトの機能アップどころか、不具合の原因になりかねません。</p>



<div class="wp-block-cocoon-blocks-info-box block-box success-box">
<p class="wp-block-paragraph">今回の記事では、おすすめの無料プラグインの中でも、Cocoonテーマを使っている人向けに</p>



<ul class="wp-block-list">
<li><strong>テーマの開発者がお勧めしない</strong>プラグイン</li>



<li><strong>インストールしない</strong>・<strong>削除したほうがいい</strong>プラグイン</li>



<li><strong>不要</strong>なプラグイン</li>



<li><strong>設定の調整が必須</strong>のプラグイン</li>
</ul>



<p class="wp-block-paragraph">を紹介します。</p>



<p class="wp-block-paragraph">加えて、使用しているテーマにかかわらず、</p>



<ul class="wp-block-list">
<li><strong>アドセンスやアフィリエイトを導入しているなら、利用規約違反になりかねない</strong>プラグイン</li>



<li>プラグインを<strong>削除する際の注意点</strong></li>
</ul>



<p class="wp-block-paragraph">についても説明します。</p>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/start-blogging-for-income/" title="WordPressでブログを始めて収益化したい！サイト開設前の要チェックポイント＆開設後の再チェックポイント" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2022/11/affiliate-1-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressでブログを始めて収益化したい！サイト開設前の要チェックポイント＆開設後の再チェックポイント</div><div class="blogcard-snippet internal-blogcard-snippet">ブログの収益化に成功するかどうかは、レンタルサーバー契約やサイトのテーマ選び、ブログのテーマ選び、ブログの構造や使用するプラグイン、SEO対策などに関する調査と準備、SNS連携、そして良質な記事をめげずに書き続けることです。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/19/26</div></div></div></div></a>
</div>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-7" checked><label class="toc-title" for="toc-checkbox-7">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Cocoon使用者にとって要注意のプラグイン</a><ol><li><a href="#toc2" tabindex="0">テーマの開発者がお勧めしないプラグイン</a></li><li><a href="#toc3" tabindex="0">インストールしない・削除したほうがいいプラグイン</a><ol><li><a href="#toc4" tabindex="0">All in One SEO Pack</a></li><li><a href="#toc5" tabindex="0">Classic Editor</a></li><li><a href="#toc6" tabindex="0">VK All in One Expansion Unit</a></li></ol></li><li><a href="#toc7" tabindex="0">不要なプラグイン</a><ol><li><a href="#toc8" tabindex="0">Advanced Editor Tools（旧TinyMCE Advanced）</a></li><li><a href="#toc9" tabindex="0">Ads txt Manager</a></li></ol></li><li><a href="#toc10" tabindex="0">設定調整が必須のプラグイン</a><ol><li><a href="#toc11" tabindex="0">WP Fastest Cache</a></li><li><a href="#toc12" tabindex="0">EWWW Image Optimizer</a></li></ol></li></ol></li><li><a href="#toc13" tabindex="0">全テーマで要注意のプラグイン</a><ol><ol><li><a href="#toc14" tabindex="0">Akismet Anti-spam</a></li></ol></li></ol></li><li><a href="#toc15" tabindex="0">プラグインを削除する際の注意点</a></li><li><a href="#toc16" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Cocoon使用者にとって要注意のプラグイン</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/09de6e99831d40778864a7edf27cf5a8-1024x536.jpg" alt="Cocoonでよ要注意のプラグイン" class="wp-image-16294" srcset="https://manamahna.com/wp-content/uploads/2025/05/09de6e99831d40778864a7edf27cf5a8-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/09de6e99831d40778864a7edf27cf5a8-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/09de6e99831d40778864a7edf27cf5a8-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/09de6e99831d40778864a7edf27cf5a8.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc2">テーマの開発者がお勧めしないプラグイン</span></h3>



<p class="wp-block-paragraph">Cocoonは、内部SEO対策、レスポンシブ対応、表示速度の高速化、収益化といった様々な機能を搭載している優れもののテーマです。</p>



<p class="wp-block-paragraph">そのため、同様の機能を強化するためのプラグインの中には、インストール・有効化すると、機能が競合し、不具合の原因になるものがあります。</p>



<p class="wp-block-paragraph">中には、Cocoonに限らず、WordPressのアップデートに伴って、どのテーマを使っていても導入する必要がなくなったプラグインもあります。</p>



<p class="wp-block-paragraph">CocoonのHPには、そういった要注意のプラグインがまとめてあります。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<ul class="wp-block-list">
<li><strong>ソースコード圧縮系のプラグイン</strong></li>



<li><strong>SEOプラグイン</strong></li>



<li><strong>ブロックプラグイン</strong></li>



<li><strong>Lazy Load系のプラグイン</strong></li>



<li><strong>インストール不要のプラグイン</strong></li>
</ul>
</div>



<p class="wp-block-paragraph">今後Cocoonを利用する予定の人、 現在Cocoonを利用中の人は、１度「<a rel="noopener nofollow" target="_blank" href="https://wp-cocoon.com/not-recommended-plugins/">Cocoonを利用する上でお勧めしないプラグインまとめ</a>」に目を通してみてください。</p>



<h3 class="wp-block-heading"><span id="toc3">インストールしない・削除したほうがいいプラグイン</span></h3>



<p class="wp-block-paragraph">Cocoonフォーラムに寄せられた相談内容に目を通すと、テーマと非常に相性が悪く、しょっちゅう不具合の原因になっているプラグインがあります。</p>



<h4 class="wp-block-heading"><span id="toc4">All in One SEO Pack</span></h4>



<p class="wp-block-paragraph">All in One SEO Packは、サイトのSEO対策用プラグインです。</p>



<p class="wp-block-paragraph">タイトルタグ・メタディスクリプション・メタキーワードの設定、XMLサイトマップの生成と送信、アナリティクスやサーチコンソールとの連携、SNSの設定など、面倒なSEO対策が一括して簡単に行えるため、ブログ初心者が飛びつきたくなるプラグインです。</p>



<p class="wp-block-paragraph">けれど、同様の機能を持つCocoonとは相いれません。</p>



<p class="wp-block-paragraph">サイトに何らかの不具合が生じた時、「All in One SEO Packを無効化したら、問題が解決した」という話がとても多いです。</p>



<p class="wp-block-paragraph">かく言う私も</p>



<ul class="wp-block-list">
<li>アイキャッチ画像が消えた</li>



<li>コンテンツが二重表示された</li>
</ul>



<p class="wp-block-paragraph">と、２度痛い目に合いました。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/all-in-one-seo-trouble/" title="【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/09/SEO-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/09/SEO-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/09/SEO-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/09/SEO-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/09/SEO-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/09/SEO.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話</div><div class="blogcard-snippet internal-blogcard-snippet">プラグインが原因の二重表示問題の解決法とプラグイン導入の注意点、問題解決に役立ったCocoonフォーラムの利用法について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">始めからインストールしないのがいちばんですが、すでに使用中の人は削除して、All in One SEO Packに頼っていた機能をCocoonで設定し直すのがおすすめです。</p>



<h4 class="wp-block-heading"><span id="toc5">Classic Editor</span></h4>



<p class="wp-block-paragraph">WordPressの標準エディタは従来クラシックエディタでしたが、バージョン5.0以降、ブロックエディタに取って代わられました。</p>



<p class="wp-block-paragraph">Classic Editorは、ブロックエディタとクラシックエディタを切り替え、従来の形式の投稿画面を使用するためのプラグインです。</p>



<p class="wp-block-paragraph">ただ、Cocoonでは簡単にエディター設定を切り替えられるため、必要のないプラグインでもあります。</p>



<p class="wp-block-paragraph">さらに、近い将来Classic Editorは使えなくなる、サポートが終了してしまうとも言われています。</p>



<p class="wp-block-paragraph">入れるかどうか迷っている人は入れない、入れている人は早めに削除したほうがいいでしょう。</p>



<div class="wp-block-cocoon-blocks-info-box block-box warning-box">
<p class="wp-block-paragraph"><strong>削除した後もなお悩みの種になるClassic Editor</strong></p>



<p class="wp-block-paragraph">Classic Editorを削除したのち、Cocoon設定で「Gutenburgエディターを有効にする」にチェックを入れていると、クラシックエディタで作成した記事の編集に不具合が出るリスクがあります。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/wp-editor-error/" title="「エディターで予期しないエラーが発生しました。」の対処法まとめ" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/04/cant-edit-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/04/cant-edit-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/04/cant-edit.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">「エディターで予期しないエラーが発生しました。」の対処法まとめ</div><div class="blogcard-snippet internal-blogcard-snippet">エディターで予期しないエラーが発生したせいで記事の編集ができなくなった際の対処法を12通り紹介し、最終的に私が選んだ「記事の書き直し＋Redirectionによる301ダイレクト」のやり方を説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">10/31/25</div></div></div></div></a>
</div>
</div>



<h4 class="wp-block-heading"><span id="toc6">VK All in One Expansion Unit</span></h4>



<p class="wp-block-paragraph">VK All in One Expansion Unitは、SEO機能、SNS機能、ウィジェット機能の強化、カスタム投稿タイプの作成など、よく使う便利な機能が満載の統合型プラグインです。</p>



<p class="wp-block-paragraph">Lightningテーマの開発者がテーマの機能拡張用に作ったプラグインなので、言わばLightningとセットで使うのが大前提という感じです。（Lightningテーマで作った「<a rel="noopener nofollow" target="_blank" href="https://practice.manamahna.com/">まなまなSalon－学びと憩いの場－</a>」では必須のプラグインとして使っています。）</p>



<p class="wp-block-paragraph">けれど、多機能統合型のプラグインは、多機能を搭載しているCocoonにとって悩みの種でしかありません。</p>



<p class="wp-block-paragraph">インストールしない、使用中の場合は削除して、Cocoon設定で必要な機能を補充することをおすすめします。</p>



<h3 class="wp-block-heading"><span id="toc7">不要なプラグイン</span></h3>



<p class="wp-block-paragraph">以前は必須だったものの、WordPressやテーマのアップデートによって今では不要になったプラグインを使い続けていませんか。</p>



<p class="wp-block-paragraph">プラグインは、入れすぎると表示速度の低下やセキュリティリスクの増加を招くリスクがあるため、少なければ少ないにこしたことはありません。</p>



<h4 class="wp-block-heading"><span id="toc8">Advanced Editor Tools（旧TinyMCE Advanced）</span></h4>



<p class="wp-block-paragraph">Advanced Editor Toolsは、元来クラシックエディタ向けに開発された、エディター機能を強化するためのプラグインです。</p>



<p class="wp-block-paragraph">時代がブロックエディタに傾いている今、インストールする意味も残しておく意味もありません。</p>



<h4 class="wp-block-heading"><span id="toc9">Ads txt Manager</span></h4>



<p class="wp-block-paragraph">Ads txt Managerはads.txt ファイル（不正なサプライヤーによる詐欺を防ぐためのファイル）の作成と管理を簡単にしてくれるプラグインです。</p>



<p class="wp-block-paragraph">おそらくたくさんの人が、Googleアドセンスを始める際、ads.txtが簡単に設置できるからと、インストールしたのではないでしょうか。</p>



<p class="wp-block-paragraph">けれど、2025年現在、Cocoonでは「広告」タブ（「Cocoon設定」内）で「アドセンス設定」「Ads txtの編集」ができるようになっています。</p>



<p class="wp-block-paragraph">なので、こちらもそもそもインストールしない、削除して（Cocoon設定への切り替えをお忘れなく！）、プラグインの使い過ぎを防ぎましょう。</p>



<h3 class="wp-block-heading"><span id="toc10">設定調整が必須のプラグイン</span></h3>



<p class="wp-block-paragraph">基本的には不要でも、テーマまたはプラグインの設定次第で、競合するのではなく、機能強化が期待できそうなプラグインがあります。</p>



<h4 class="wp-block-heading"><span id="toc11">WP Fastest Cache</span></h4>



<p class="wp-block-paragraph">WP Fastest Cacheは、キャッシュを管理することでサイトの表示速度を高速化させるためのプラグインです。ソースコードの圧縮機能もあり、完全にテーマと機能がかぶっています。</p>



<p class="wp-block-paragraph">もしCocoonの高速化設定だけで表示速度が十分早ければ、入れる必要のないプラグインです。</p>



<p class="wp-block-paragraph">けれど、サーバー側のPHP処理が遅いせいで表示速度が遅くなっている場合には、むしろ導入したいプラグインになります。</p>



<p class="wp-block-paragraph">ただ、機能がかぶっている以上、テーマとプラグインの両方でキャッシュの削除やコードソース（HTML・CSS・JS）の圧縮をすべてOnにしてしまうと、不具合が起こります。（厳密に言うと、サーバーの高速化設定も無関係ではありません。）</p>



<p class="wp-block-paragraph">テーマとプラグイン（とサーバー）の高速化設定は、ダブリがないようにOn-Offを設定してください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/conoha-cocoon-mobile-speed/" title="【ConoHa WING x Cocoon x アドセンス自動広告】モバイルでの読み込み速度改善対策まとめ（備忘録）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/12/SCORE-IMPROVED.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【ConoHa WING x Cocoon x アドセンス自動広告】モバイルでの読み込み速度改善対策まとめ（備忘録）</div><div class="blogcard-snippet internal-blogcard-snippet">アドセンスの自動広告導入をきっかけにモバイルでの表示速度が低下し、アクセス数に影響が出たため、サーバー、テーマ、高速化に影響しているプラグインの設定を変更、テーマファイルエディターの編集、画像の圧縮やサイズ変更などの改善策を試しました。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">06/21/26</div></div></div></div></a>
</div>



<h4 class="wp-block-heading"><span id="toc12">EWWW Image Optimizer</span></h4>



<p class="wp-block-paragraph">EWWW Image Optimizerは画像を最適化するためのプラグインで、アップロードされた画像を自動的に圧縮（圧縮率の高いWebpへの変換も可能）し、サイトの表示速度を上げるのに役立ちます。</p>



<p class="wp-block-paragraph">Cocoonとは「遅滞読み込み（Lasy Load）」で競合しますが、テーマかプラグインのどちらかの「遅滞読み込み」をOffにすれば、問題なく併用できます。</p>



<div class="wp-block-cocoon-blocks-info-box block-box warning-box">
<p class="wp-block-paragraph">WordPressではバージョン5.5以降、デフォルトでLazy Load機能が実装されたので、Onにしてあったほうの「遅滞読み込み」もOffにしましょう。</p>
</div>



<p class="wp-block-paragraph">なお、画像の圧縮（WebPへの変換を含む）は、アプリやオンラインツールでも可能です。</p>



<p class="wp-block-paragraph">「だったら、あえてEWWW Image Optimizerを使う必要はないのでは？」と思われるかもしれません。</p>



<p class="wp-block-paragraph">けれど、EWWW Image Optimizerはアプリやツールで圧縮した画像をさらに最適化（圧縮）してくれます。（すべての画像に対してではありませんし、最適化もわずかではありますが…。）</p>



<h2 class="wp-block-heading"><span id="toc13">全テーマで要注意のプラグイン</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/05/themesplugins-1024x536.jpg" alt="全テーマで要注意のプラグイン" class="wp-image-16295" srcset="https://manamahna.com/wp-content/uploads/2025/05/themesplugins-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/themesplugins-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/themesplugins-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/themesplugins.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading"><span id="toc14">Akismet Anti-spam</span></h4>



<p class="wp-block-paragraph">Akismet Anti-spamは、スパムコメントやスパムメール対策用のプラグインです。</p>



<p class="wp-block-paragraph">WordPressにデフォルトで搭載され、個人ブロガーには無料版も用意されているので、世界中で「WordPressのおすすめプラグインリスト」の常連となっています。</p>



<p class="wp-block-paragraph">ただ、無料版を使うには、利用規約の中にある3つの項目にチェックを入れなければなりません。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<ul class="wp-block-list">
<li>自サイトには広告を貼っていません。</li>



<li>自サイトで商品やサービスを販売していません。</li>



<li>自サイトでビジネスのプロモーションはしていません。</li>
</ul>
</div>



<p class="wp-block-paragraph">つまり、<strong>アフィリエイトやアドセンスをしている人がAkismet Personal（無料版）を使うと規約違反になる</strong>ということです。</p>



<div class="wp-block-cocoon-blocks-info-box block-box danger-box">
<p class="wp-block-paragraph">Akismet Anti-spamは、「将来的にブログで収益を上げたい」人は始めから有効化しない、「すでに広告を貼っている」人は有料版に切り替えるか、すぐに削除したほうがいいプラグインです。</p>
</div>



<p class="wp-block-paragraph">代替案としては、</p>



<ul class="wp-block-list">
<li>コメント機能を使わない</li>



<li>Googleの無料ツール「reCAPTCHA v3」の導入</li>
</ul>



<p class="wp-block-paragraph">がおすすめです。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/spam-to-contact-form-7/" title="reCAPTCHAの設置でContact Form 7のお問い合わせフォームに届くスパムメール対策｜表示速度の低下対策も（初心者向け）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/11/spam-email-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/11/spam-email-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/11/spam-email-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/11/spam-email-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/11/spam-email-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/11/spam-email-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/11/spam-email-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/11/spam-email.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">reCAPTCHAの設置でContact Form 7のお問い合わせフォームに届くスパムメール対策｜表示速度の低下対策も（初心者向け）</div><div class="blogcard-snippet internal-blogcard-snippet">お問い合わせに届く迷惑メール対策としてのreCAPTCHAの導入の仕方と、表示の仕方や速度の低下対策を紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">07/29/25</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc15">プラグインを削除する際の注意点</span></h2>



<p class="wp-block-paragraph">プラグインは管理画面から簡単に削除することができます。</p>



<div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box not-nested-style cocoon-block-timeline"><div class="timeline-title">管理画面からプラグインを削除する手順</div><ul class="timeline">
<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">ステップ1 </div><div class="timeline-item-content cf"><div class="timeline-item-title">管理画面で「プラグイン」→「インストール済みプラグイン」と進む。</div><div class="timeline-item-snippet"></div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">ラベル</div><div class="timeline-item-content cf"><div class="timeline-item-title">削除したいプラグインの下にある「無効化」をクリック。</div><div class="timeline-item-snippet"></div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">ラベル</div><div class="timeline-item-content cf"><div class="timeline-item-title">新たに出てきた「削除」をクリック。</div><div class="timeline-item-snippet"></div></div></li>
</ul></div>



<p class="wp-block-paragraph">ただし、無効化せずに削除すると、サイト運用に影響を及ぼす可能性があるため、必ず1度無効化してから削除するようにしましょう。</p>



<p class="wp-block-paragraph">また、削除するプラグインが担っていた機能を確認し、必要に応じてその機能を補う別の対策を講じましょう。</p>



<h2 class="wp-block-heading"><span id="toc16">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、おすすめの無料プラグインの中でも、Cocoonテーマを使っている人向けに、</p>



<ul class="wp-block-list">
<li><strong>テーマの開発者が勧めていない</strong>プラグイン
<ul class="wp-block-list">
<li><strong>ソースコード圧縮系のプラグイン</strong></li>



<li><strong>SEOプラグイン</strong></li>



<li><strong>ブロックプラグイン</strong></li>



<li><strong>Lazy Load系のプラグイン</strong></li>



<li><strong>インストール不要のプラグイン</strong></li>
</ul>
</li>



<li><strong>インストールしない・削除したほうがいい</strong>プラグイン
<ul class="wp-block-list">
<li><strong>All in One SEO Pack</strong></li>



<li><strong>Classic Editor</strong></li>



<li><strong>VK All in One Expansion Unit</strong></li>
</ul>
</li>



<li><strong>不要な</strong>プラグイン
<ul class="wp-block-list">
<li><strong>Advanced Editor Tools（旧TinyMCE Advanced）</strong></li>



<li><strong>Ads txt Manager</strong></li>
</ul>
</li>



<li><strong>設定の調整が必須</strong>のプラグイン
<ul class="wp-block-list">
<li><strong>WP Fastest Cache</strong></li>



<li><strong>EWWW Image Optimizer</strong></li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph">テーマにかかわらず、</p>



<ul class="wp-block-list">
<li><strong>収益化ブログだと利用規約違反になりかねない</strong>プラグイン
<ul class="wp-block-list">
<li><strong>Akismet Anti-spam</strong></li>
</ul>
</li>



<li>プラグインを<strong>削除する際の注意点</strong></li>
</ul>



<p class="wp-block-paragraph">を紹介しました。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-green-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#3eb370"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">プラグインを選ぶ際のポイントまとめ</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>違うテーマを利用している人の「おすすめ」リストは参考にしない</li>



<li>同じテーマを利用している人の「おすすめしない」プラグインリストをチェックする</li>



<li>プラグインの中にはテーマと機能がかぶっても、どちらかの設定を調整することで競合せずに機能を強化できるものがある</li>



<li>収益化ブログではAkimet Anti-spamの無料版は使えない</li>
</ul>
</div></div>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-red-border-color not-nested-style cocoon-block-tab-caption-box" style="--cocoon-custom-border-color:#e60033"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">プラグインを削除する際の注意点まとめ</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>一旦「無効化」したあとで「削除」する</li>



<li>削除するプラグインに頼っていた機能をカバーする他の方法を用意する</li>
</ul>
</div></div>



<p class="wp-block-paragraph">WordPressのプラグインは、サイトの機能強化に欠かせないものです。</p>



<p class="wp-block-paragraph">けれど、入れすぎると、ただでさえ表示速度の低下やセキュリティリスクの増加を招きかねません。</p>



<p class="wp-block-paragraph">今は何の問題がなくても、今後のWordPress・プラグイン・テーマのアップデート次第で競合するようになったり、規約違反になる可能性もあります。</p>



<p class="wp-block-paragraph">特にしょっちゅう不具合に悩まされている人は、使用しているテーマに備わっている機能をしっかり把握し、使用中のプラグインが本当に必要かどうか、１度きちんと見直してみることをおすすめします。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manamahna.com/cocoon-unnecessary-plugins/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>「エディターで予期しないエラーが発生しました。」の対処法まとめ</title>
		<link>https://manamahna.com/wp-editor-error/</link>
					<comments>https://manamahna.com/wp-editor-error/#respond</comments>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Sun, 04 May 2025 14:10:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<category><![CDATA[まとめリスト]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=15988</guid>

					<description><![CDATA[エディターで予期しないエラーが発生したせいで記事の編集ができなくなった際の対処法を12通り紹介し、最終的に私が選んだ「記事の書き直し＋Redirectionによる301ダイレクト」のやり方を説明します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">長らく放ってあった記事をリライトとしようとしたときのことです。編集画面の代わりに、エラーメッセージが現れました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="933" height="133" src="https://manamahna.com/wp-content/uploads/2025/04/error-message.png" alt="エラーメッセージ" class="wp-image-15990" srcset="https://manamahna.com/wp-content/uploads/2025/04/error-message.png 933w, https://manamahna.com/wp-content/uploads/2025/04/error-message-300x43.png 300w, https://manamahna.com/wp-content/uploads/2025/04/error-message-768x109.png 768w" sizes="(max-width: 933px) 100vw, 933px" /></figure>



<p class="wp-block-paragraph">調べてみると、①エラーメッセージが出るのはこの記事だけで、②サイト上の記事には何の問題もないことがわかりました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">記事はちゃんと表示されてるし、急いでリライトしないといけないってわけでもないから、ま、いっか。<br>きっとWordPressなり、テーマ（Cocoon）なり、プラグインのどれかが次にアップデートされたら、自然に直るんじゃないの？</p>
</div></div>



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



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="187" src="https://manamahna.com/wp-content/uploads/2025/04/time-passed-1024x187.jpg" alt="時間の経過" class="wp-image-15999" style="width:665px" srcset="https://manamahna.com/wp-content/uploads/2025/04/time-passed-1024x187.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/time-passed-300x55.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/time-passed-768x140.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/time-passed.jpg 1094w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="wp-block-paragraph">結局、何度アップデートがあっても、問題が解決しなかったので、原因を探り、他の人に有効だった解決策をいくつか試しました。けれどエラーは一向に消えてくれません。</p>



<p class="wp-block-paragraph">仕方がないので、最後は<span class="marker">記事を作成し直し、「<strong>Redirection</strong>」プラグインを使って元記事から<strong>301リダイレクト</strong></span>させました。</p>



<p class="wp-block-paragraph">今回は、エディターで予期せぬエラーが発生し、記事の編集ができなくなったときの</p>



<ul class="wp-block-list">
<li><strong>一般的な対処法（11選）</strong>
<ul class="wp-block-list">
<li>原因のチェック</li>



<li>（私には）効果がなかった解決策</li>



<li>試さなかった解決策</li>
</ul>
</li>



<li><strong>私の対処法：記事の新規作成とプラグイン「Redirection」の利用</strong></li>
</ul>



<p class="wp-block-paragraph">について紹介します。</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">一般的な対処法（11選）</a><ol><li><a href="#toc2" tabindex="0">原因のチェック</a></li><li><a href="#toc3" tabindex="0">効果がなかった解決策</a><ol><li><a href="#toc4" tabindex="0">キャッシュクリア</a></li><li><a href="#toc5" tabindex="0">プラグインの無効化</a></li><li><a href="#toc6" tabindex="0">サーバーのセキュリティ対策（WAF）オフ</a></li><li><a href="#toc7" tabindex="0">WordPress・サーバー・テーマの高速化機能オフ</a></li><li><a href="#toc8" tabindex="0">パソコンの再起動</a></li></ol></li><li><a href="#toc9" tabindex="0">試さなかった解決策</a><ol><li><a href="#toc10" tabindex="0">WordPressのダウングレード</a></li><li><a href="#toc11" tabindex="0">テーマの切り替えやダウングレード</a></li><li><a href="#toc12" tabindex="0">phpファイルの修正・バージョン変更</a></li><li><a href="#toc13" tabindex="0">バックアップデータからの復元</a></li><li><a href="#toc14" tabindex="0">テーマ（Cocoon）のエディター設定の変更</a></li></ol></li></ol></li><li><a href="#toc15" tabindex="0">私の対処法：記事の書き直し＋Redirectionによる301リダイレクト</a><ol><li><a href="#toc16" tabindex="0">記事の書き直し</a></li><li><a href="#toc17" tabindex="0">「Redirection」プラグイン</a></li><li><a href="#toc18" tabindex="0">Redirectionを使った301リダイレクトのやり方</a></li></ol></li><li><a href="#toc19" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">一般的な対処法（11選）</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/recomended-solutions.jpg" alt="おすすめの解決策" class="wp-image-16003" srcset="https://manamahna.com/wp-content/uploads/2025/04/recomended-solutions.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/recomended-solutions-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/recomended-solutions-768x402.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「エディターで予期しないエラーが発生しました。」は珍しくないようで、対処法に関する記事はたくさん見つかります。</p>



<p class="wp-block-paragraph">ただ、人それぞれプログラミング等に関する知識、使っているサーバーやテーマ、入れているプラグインが違うので、おすすめの解決策もさまざまです。どれが自分に合うかも、試してみるまでわかりません。</p>



<h3 class="wp-block-heading"><span id="toc2">原因のチェック</span></h3>



<p class="wp-block-paragraph">「原因がわかれば、効率的に最善の解決策にたどり着けるのでは」と思い、まずはエラーメッセージにあった「コピーエラー」ボタンをクリックしてみました。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-light-grey-background-color">
<p class="wp-block-paragraph">ReferenceError: RichText is not defined <br>at save (…/wp-content/themes/cocoon-master/blocks/dist/blocks.build.js?ver=…)<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）<br>at Array.reduce (&lt;anonymous&gt;)<br>at … (…/wp-includes/js/dist/blocks.min.js?ver=…）</p>
</div>



<p class="wp-block-paragraph">どうやらエラーの原因は<strong>リッチテキスト（ビジュアルエディタ）のブロック</strong>と関係があるようです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">あぁ、またClassic Editorのせいか！</p>
</div></div>



<p class="wp-block-paragraph">実はこのプラグインは、使ってみたものの、使用中のテーマ（Cocoon）と機能がかぶっていることが分かって、今後不具合の原因になるといけないからと削除したものです。</p>



<p class="wp-block-paragraph">ところが思惑に反して、削除して以降、WordPressがアップデートされるたびに、クラシックエディタで書いた記事（問題の記事もその1つ）の編集画面に、様々なエラーが出るようになってしまいました。</p>



<p class="wp-block-paragraph"><strong>例</strong>：ブログカードに出たエラー</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="236" src="https://manamahna.com/wp-content/uploads/2025/05/error-sample-1024x236.png" alt="エラーのサンプル" class="wp-image-16080" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/error-sample-1024x236.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/error-sample-300x69.png 300w, https://manamahna.com/wp-content/uploads/2025/05/error-sample-768x177.png 768w, https://manamahna.com/wp-content/uploads/2025/05/error-sample.png 1078w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">後からわかったことですが、こういったエラーは「<span class="marker">クラシックエディタで作成した記事は、ブロックエディタで開いても、クラシックブロックとして開く</span>」ことから発生するようです。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box not-nested-style cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">ブロックエディタとクラシックエディタの違い</span></div><div class="label-box-content block-box-content box-content">
<p class="wp-block-paragraph">ブロックエディタとクラシックエディタのいちばんの違いは、記事とブロックの関係です。</p>



<p class="wp-block-paragraph">ブロックエディタでは、見出し、文章、画像といった<span class="marker">要素が1つ1つ別々のブロック</span>になっています。言い換えると、ブロックエディタで作成した記事は、各要素のブロックが組み合わさってできたものになります。</p>



<p class="wp-block-paragraph">一方、クラシックエディタでは<span class="marker">記事全体が1つの大きなブロック</span>に入っていて、その中でそれぞれの要素（どれが見出しでどれが文章なのかなど）を設定する形になっています。</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">これってClassic Editorを再インストール・有効化すれば、記事の編集ができるようになるってことだよね。</p>
</div></div>



<p class="wp-block-paragraph">残念ながら、WordPressでは2019年以降、Gutenberg（ブロックエディター）が標準エディターになっていて、Classic Editorのサポートもいつまで続くかわかりません。</p>



<p class="wp-block-paragraph">つまり、Classic Editorを再インストール・有効化したところで、また削除する日が来るのは目に見えているので、永久的な解決策にはなりえないということになります。</p>



<h3 class="wp-block-heading"><span id="toc3">効果がなかった解決策</span></h3>



<p class="wp-block-paragraph">せっかく原因がわかっても、そこから導き出した解決策は却下したので、次は<strong>サイトに何らかの不具合があった時にまず試してみるべき方法</strong>と<strong>「エディターの編集ができない」問題に出くわした人たちに効果があった解決策</strong>を試してみました。</p>



<p class="wp-block-paragraph">なお、いくつかの方法に関しては、<span class="marker">事前にバックアップを取っておく</span>ことをおすすめします。</p>



<h4 class="wp-block-heading"><span id="toc4">キャッシュクリア</span></h4>



<p class="wp-block-paragraph">かなりたくさんの人が、「<strong>ブラウザのキャッシュ</strong>をクリアしただけでエラー表示が消えた」と報告していましたが、私には効果がありませんでした。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/super-reload-cache-clear/" title="スーパーリロードと特定のサイトのキャッシュだけをクリアする方法（備忘録）" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://manamahna.com/wp-content/uploads/2025/02/clear-cache-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2025/02/clear-cache-160x90.jpg 160w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache-120x68.jpg 120w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache-360x203.jpg 360w, https://manamahna.com/wp-content/uploads/2025/02/clear-cache.jpg 1024w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">スーパーリロードと特定のサイトのキャッシュだけをクリアする方法（備忘録）</div><div class="blogcard-snippet internal-blogcard-snippet">PCとiPhoneで、ログイン情報やパスワードを消さずにブラウザのキャッシュをクリアする方法、スーパーリロードと特定のサイトのキャッシュだけをハードクリアする方法をまとめました。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">05/02/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph"><strong>「WP Fastest Cache」の「キャッシュと縮小したCSS/JSをクリアする」</strong>と、管理画面で<strong>投稿記事の下に出てくる「Clear Cache」</strong>も試しましたが、結果は同じでした。</p>



<h4 class="wp-block-heading"><span id="toc5">プラグインの無効化</span></h4>



<p class="wp-block-paragraph"><span class="marker">エラーはWordPressのアップデートとテーマやプラグインのアップデートの時期がズレたときに起こりがちです。</span></p>



<p class="wp-block-paragraph">また、<span class="marker">必ずしもエラーの原因（今回はエディタ）に直接関係のあるプラグインだけがエラーを引き起こすとも限りません。</span></p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/all-in-one-seo-trouble/" title="【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/09/SEO-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/09/SEO-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/09/SEO-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/09/SEO-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/09/SEO-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/09/SEO.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話</div><div class="blogcard-snippet internal-blogcard-snippet">プラグインが原因の二重表示問題の解決法とプラグイン導入の注意点、問題解決に役立ったCocoonフォーラムの利用法について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">そもそもの原因であるClassic Editorは既に削除済みでしたが、一応すべてのプラグインを無効化し、1つ1つ元に戻してエラーの原因になっているプラグインがないか確認しました。</p>



<p class="wp-block-paragraph"><strong>すべてのプラグインを無効化する方法</strong></p>



<ol class="wp-block-list">
<li>&nbsp;WordPressの管理画面で「プラグイン」をクリック。</li>



<li>「インストール済みプラグイン」をクリック。</li>



<li>上部にある「プラグイン」横のボックスにチェックを入れて、全部のプラグインを選択。<br><br><img loading="lazy" decoding="async" width="750" height="104" class="wp-image-16070" style="width: 750px;" src="https://manamahna.com/wp-content/uploads/2025/05/plugin.png" alt="プラグインの全選択" srcset="https://manamahna.com/wp-content/uploads/2025/05/plugin.png 1687w, https://manamahna.com/wp-content/uploads/2025/05/plugin-300x41.png 300w, https://manamahna.com/wp-content/uploads/2025/05/plugin-1024x141.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/plugin-768x106.png 768w, https://manamahna.com/wp-content/uploads/2025/05/plugin-1536x212.png 1536w" sizes="(max-width: 750px) 100vw, 750px" /><br></li>



<li>「一括操作」で無効化をクリック。</li>
</ol>



<p class="wp-block-paragraph">全滅でした。</p>



<h4 class="wp-block-heading"><span id="toc6">サーバーのセキュリティ対策（WAF）オフ</span></h4>



<p class="wp-block-paragraph"><span class="marker">Webアプリケーションへの不正アクセスを防御するためのWAFが、誤って正常なアクセスをブロックしたせい</span>で、記事の編集ができなくなることがあります。</p>



<p class="wp-block-paragraph">私が使っている「<a rel="nofollow noopener" target="_blank" title="" href="https://af.moshimo.com/af/c/click?a_id=3397787&amp;p_id=2312&amp;pc_id=4967&amp;pl_id=30490"><strong>ConoHa WING</strong></a>」には「ConoHa WING コントロールパネルプラグイン」があり、管理画面で簡単にオン・オフの設定が変更できます。</p>



<div class="wp-block-cocoon-blocks-micro-text aligncenter micro-text micro-copy micro-top"><span class="micro-text-content micro-content">＼独自ドメインが永久に無料！サーバー代は更新料も含めて、キャンペーン利用で超お得！／</span></div>



<div style="text-align:center"><a rel="nofollow noopener" target="_blank" href="//af.moshimo.com/af/c/click?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=38399" referrerpolicy="no-referrer-when-downgrade"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/1762/000000038399.png" width="728" height="90" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3397787&#038;p_id=2312&#038;pc_id=4967&#038;pl_id=38399" width="1" height="1" style="border:none;"></div>



<p class="wp-block-paragraph">オフにしても、相変わらず編集画面にはたどり着けません。</p>



<h4 class="wp-block-heading"><span id="toc7">WordPress・サーバー・テーマの高速化機能オフ</span></h4>



<p class="wp-block-paragraph"><span class="marker">複数の高速化機能をオンにしていたり、設定に問題があると、CSSやJavaScriptの遅延などが原因</span>となってエラーが発生することがあります。</p>



<p class="wp-block-paragraph">ありとあらゆる高速化機能をオフにしてみましたが、無駄な努力に終わりました。</p>



<h4 class="wp-block-heading"><span id="toc8">パソコンの再起動</span></h4>



<p class="wp-block-paragraph"><span class="marker">一時的なバグが原因</span>であれば、PCを再起動させることで問題が解決することがあります。</p>



<p class="wp-block-paragraph">淡い期待とともにPCを再起動してみましたが、やはり期待は泡と消えました。</p>



<h3 class="wp-block-heading"><span id="toc9">試さなかった解決策</span></h3>



<p class="wp-block-paragraph">ここでは、さらに問題が悪化することを恐れて試さなかった解決策と、問題に対処した後で見つけたために試さなかった解決策を紹介します。</p>



<h4 class="wp-block-heading"><span id="toc10">WordPressのダウングレード</span></h4>



<p class="wp-block-paragraph"><span class="marker">WordPressのアップデート直後に発生</span>したエラーは、WordPressをダウングレードすることで解消される可能性があります。</p>



<p class="wp-block-paragraph">WordPressのダウングレードには、①「WP downgrade」プラグインを利用する方法と、②旧バージョンのWordPressをダウンロードし、FTPを使ってアップロードする方法があります。</p>



<p class="wp-block-paragraph">①は簡単ですが、100％うまくいくとは限らず、中にはサイトが一時的に閲覧できなくなったという人もいました。</p>



<p class="wp-block-paragraph">②はFTPに関する知識が必要なため、プログラミングをかじった程度の人には不向きです。</p>



<p class="wp-block-paragraph">なお、<span class="marker-red">ダウングレードした状態はセキュリティーリスクが高いため、問題が解決したら、速やかに最新バージョンに戻さないと、ハッキング被害にあう可能性</span>があります。</p>



<h4 class="wp-block-heading"><span id="toc11">テーマの切り替えやダウングレード</span></h4>



<p class="wp-block-paragraph"><span class="marker">テーマが原因</span>で問題が発生している場合は、テーマを変更（子テーマから親テーマにしたり、デフォルトに戻すなど）したり、ダウングレードすることで問題が解決する可能性があります。</p>



<p class="wp-block-paragraph"><strong>テーマを変更する方法</strong></p>



<ol class="wp-block-list">
<li>管理画面の「外観」→「テーマ」をクリック。&nbsp;</li>



<li>使用中のテーマを「無効化」し、代わりに使用するテーマを「有効化」する。</li>
</ol>



<p class="wp-block-paragraph"><strong>テーマをダウングレードする方法</strong>（<strong>「WP Rollback」プラグイン</strong>使用）</p>



<ol class="wp-block-list">
<li>「WP Rollback」プラグインをインストール。</li>



<li>管理画面の「外観」→「テーマ」をクリック。</li>



<li>使用中のテーマにカーソルをあわせ、「テーマの詳細」をクリック。</li>



<li>「Rollback」をクリックし、ダウングレードしたいバージョンを選んで「Rollback」をクリック。</li>



<li>最後に確認画面でもう1度「Rollback」をクリック。</li>
</ol>



<p class="wp-block-paragraph">いずれもやり方は簡単ですが、<span class="marker-red">変更によって新たにプラグインとの間で互換性の問題が生じる、レイアウトが崩れる、カスタマイズが無効になる、SEOに悪影響</span>を及ぼすなどのリスクがあります。</p>



<h4 class="wp-block-heading"><span id="toc12">phpファイルの修正・バージョン変更</span></h4>



<ul class="wp-block-list">
<li><span class="marker">Classic Editorに関連して、phpスクリプトの連結に問題がある</span>と、記事を編集できないエラーが発生する</li>



<li>エラーメッセージではなく、画面が真っ白になって記事の編集ができない原因の1つに<span class="marker">phpのエラー</span>がある</li>
</ul>



<p class="wp-block-paragraph">こういった場合、phpファイルを修正、またはバージョン変更することでエラーが解消される可能性があるようです。</p>



<p class="wp-block-paragraph">けれど、<span class="marker-red">間違った編集をすると、サイト全体が正常に動作しなくなるリスク</span>があるため、プログラミングに詳しくない人は手を出さないほうが無難です。</p>



<h4 class="wp-block-heading"><span id="toc13">バックアップデータからの復元</span></h4>



<p class="wp-block-paragraph">バックアップ系のプラグインやテーマやサーバーの機能を使って、正常に動作していた状態のデータを復元すると、解消されるエラーもあります。</p>



<p class="wp-block-paragraph">ただ、正常に動作していた状態に戻したということは、WordPressにしろ、テーマにしろ、プラグインにしろ、バージョンが最新のものではなくなっているはずです。一時的にエラーは消えるかもしれませんが、<span class="marker-red">①古いバージョンの間様々なリスク</span>にさらされる、<span class="marker-red">②バージョンを最新のものに戻せば、またエラーが発生する可能性</span>が高いでしょう。</p>



<h4 class="wp-block-heading"><span id="toc14">テーマ（Cocoon）のエディター設定の変更</span></h4>



<p class="wp-block-paragraph"><span class="marker">クラシックエディタで書いた記事</span>にエラーが出たとき、「ブロックエディタを無効にしたら、エラーが消えた」という人が多数いました。</p>



<p class="wp-block-paragraph">Cocoonでは、Classic Editorプラグインを使わずに、投稿画面の形式をブロックエディタからクラシックエディタに切り替えられます。</p>



<p class="wp-block-paragraph"><strong>切り替え方</strong>：</p>



<ol class="wp-block-list">
<li>管理画面から「Cocoon設定」→「エディター」と進む。</li>



<li>「Gutenburgエディターを有効にする」横のチェックを外し、「変更をまとめて保存」をクリック。</li>
</ol>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="341" src="https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting-1024x341.png" alt="Cocoonエディター設定" class="wp-image-16096" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting-1024x341.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting-300x100.png 300w, https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting-768x256.png 768w, https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting-1536x511.png 1536w, https://manamahna.com/wp-content/uploads/2025/05/cocoon-editor-setting.png 1697w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">チェックを外すと、編集画面がクラシックエディタ形式になるので、おそらくエラーは解消されるでしょう。</p>



<p class="wp-block-paragraph">ただ、Classic Editorプラグインを再インストール・有効化しないのと同じ理由で、今後ブロックエディタで記事を作成するつもりの人には、<span class="marker-red">一時的な解決策</span>にしかならない気がします。</p>



<h2 class="wp-block-heading"><span id="toc15">私の対処法：記事の書き直し＋Redirectionによる301リダイレクト</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/my-solution.jpg" alt="私の解決策" class="wp-image-16002" srcset="https://manamahna.com/wp-content/uploads/2025/04/my-solution.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/my-solution-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/my-solution-768x402.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">さらに色々調べてみると、<a rel="noopener nofollow" target="_blank" href="https://wp-cocoon.com/community/cocoon-theme/%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E2%80%95%E3%81%B8%E5%A4%89%E6%9B%B4%E5%BE%8C%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B7%E3%83%83%E3%82%AF%E3%82%A8%E3%83%87%E3%82%A3/">Cocoonフォーラム</a>でテーマの開発者の方が「<span class="marker">旧エディターで作成した記事を個別にブロック形式にするには、書き直すしかない</span>」とおっしゃっていました。</p>



<p class="wp-block-paragraph">実際、クラシックエディタ形式の記事を一括でブロック形式に変換する方法も紹介されていましたが、画像のサイズが変わったり、デザインの崩れは避けられないようです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/03/Avatar.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">私のレベルだと、書き直しがベストみたいだね。<br>まぁ、書き直すって言っても1記事だけだし、「コンテンツをコピー」ボタンを使えば、書き直しもコピペで済むから楽勝のはず。</p>
</div></div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="wp-block-paragraph"><strong>「記事の書き直し＋Redirectionによる301リダイレクト」による対処法の目的は、エラーをなくすことではなく、記事の編集を可能にすることです。</strong></p>
</div>



<h3 class="wp-block-heading"><span id="toc16">記事の書き直し</span></h3>



<p class="wp-block-paragraph">早速「コンテンツをコピー」ボタンをクリックし、ブロックエディタで新規に作成した投稿の編集画面に貼り付けました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-3 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2024/08/me-surprised-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">…。</p>
</div></div>



<p class="wp-block-paragraph">真っ白です。</p>



<p class="wp-block-paragraph">もう1度「コンテンツをコピー」ボタンをクリックしましたが、結果は同じで、コンテンツをコピーすることはできませんでした。</p>



<p class="wp-block-paragraph">幸い、サイトの記事は閲覧可能だったので、</p>



<ul class="wp-block-list">
<li>テキスト系（見出し・本文・リストなど）：サイトからのコピペ</li>



<li>画像系（テーブル・ブログカード、画像、広告ボタンなど）：貼り直し</li>
</ul>



<p class="wp-block-paragraph">さらに元々予定していたリライトをして、記事を公開しました。</p>



<p class="wp-block-paragraph">ただ、このままでは検索エンジンに<strong>重複コンテンツ</strong>と見なされ、</p>



<ul class="wp-block-list">
<li>アクセスが分散して検索順位が下がる</li>



<li>最悪の場合、自分では正規と見なしているほうのURLがインデックス登録されず、検索結果に表示されない</li>
</ul>



<p class="wp-block-paragraph">など、SEOに悪影響を及ぼす可能性があります。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box not-nested-style cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">重複コンテンツと重複URL</span></div><div class="label-box-content block-box-content box-content">
<p class="wp-block-paragraph">重複コンテンツとは、URLは異なるのに、タイトルや本文などの内容がほぼ同じ、または酷似しているコンテンツ（記事）を指します。</p>



<p class="wp-block-paragraph">複数のURLが実質的に同じコンテンツ（記事）を指す場合も重複コンテンツ（重複URL）と見なされます。</p>
</div></div>



<h3 class="wp-block-heading"><span id="toc17">「Redirection」プラグイン</span></h3>



<p class="wp-block-paragraph">重複コンテンツ（URL）の問題に対処する方法はいくつかありますが、私はすでに導入していたRedirectionで、<strong>301リダイレクト</strong>（恒久的に転送）させる方法を選びました。記事のURLを変更した際に何度か使用して使い慣れているだけでなく、</p>



<ul class="wp-block-list">
<li>検索エンジンに、編集できないほうの記事のURL（旧記事）と作成し直した記事（新記事）のURLが重複していないことを伝えられる</li>



<li>旧記事のSEO評価が新記事に引き継がれる</li>
</ul>



<p class="wp-block-paragraph">からです。</p>



<h3 class="wp-block-heading"><span id="toc18">Redirectionを使った301リダイレクトのやり方</span></h3>



<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="756" height="270" src="https://manamahna.com/wp-content/uploads/2025/05/redirect-plugin.png" alt="Redirecitonの場所" class="wp-image-16109" style="border-width:1px;width:840px" srcset="https://manamahna.com/wp-content/uploads/2025/05/redirect-plugin.png 756w, https://manamahna.com/wp-content/uploads/2025/05/redirect-plugin-300x107.png 300w" sizes="(max-width: 756px) 100vw, 756px" /></figure>



<p class="wp-block-paragraph">１．管理画面から「ツール」→「Redirection」と進む。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="269" src="https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule-1024x269.png" alt="Redirecitonのルール追加" class="wp-image-16108" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule-1024x269.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule-300x79.png 300w, https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule-768x202.png 768w, https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule-1536x404.png 1536w, https://manamahna.com/wp-content/uploads/2025/05/redirect-new-rule.png 1682w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">２．「転送ルール」の横の「新規追加」をクリック。</p>



<p class="wp-block-paragraph">３．「ソースURL」に旧記事のURL、「ターゲットURL」に新記事のURLを入力し、「閉じる」をクリック。</p>



<p class="wp-block-paragraph">ちなみに、Redirectionでは301リダイレクトがデフォルトなので、リダイレクトの種類を設定し直す必要はありません。</p>



<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="187" src="https://manamahna.com/wp-content/uploads/2025/05/redirect-log-1024x187.jpg" alt="リダイレクトの確認" class="wp-image-16111" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/redirect-log-1024x187.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/05/redirect-log-300x55.jpg 300w, https://manamahna.com/wp-content/uploads/2025/05/redirect-log-768x140.jpg 768w, https://manamahna.com/wp-content/uploads/2025/05/redirect-log.jpg 1094w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">４．リダイレクトの設定が完了すると、画面上部に表示されるので、その列の上にカーソルを移動。出てきた「リダイレクトを確認」をクリックすると、ポップアップでリダイレクトが成功したかどうか確認できます。</p>



<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="377" src="https://manamahna.com/wp-content/uploads/2025/05/redirect-pop-up.png" alt="リダイレクト確認ポップアップ" class="wp-image-16112" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/05/redirect-pop-up.png 1024w, https://manamahna.com/wp-content/uploads/2025/05/redirect-pop-up-300x110.png 300w, https://manamahna.com/wp-content/uploads/2025/05/redirect-pop-up-768x283.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box not-nested-style cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">旧記事は削除してもいいですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">基本的にはきちんとリダイレクトされていることが確認できれば、いつでもOK。ただし、リダイレクトさせる記事が少ない時は「非公開」「下書き」がベター。</p>



<p class="has-small-font-size wp-block-paragraph">参考資料：「<a rel="noopener nofollow" target="_blank" href="https://fantastech.net/redirect-post-delete">リダイレクト元の記事はいつ削除すればいい？評価はどうなる？</a>」</p>
</div></dd></dl></div>



<div class="wp-block-cocoon-blocks-faq faq-wrap blank-box block-box not-nested-style cocoon-block-faq"><dl class="faq"><dt class="faq-question faq-item"><div class="faq-question-label faq-item-label">Q</div><div class="faq-question-content faq-item-content">301リダイレクトはどれくらいの期間かけ続けるべきですか？</div></dt><dd class="faq-answer faq-item"><div class="faq-answer-label faq-item-label">A</div><div class="faq-answer-content faq-item-content">
<p class="wp-block-paragraph">Google検索だけを考慮に入れた場合は1年間、旧記事のURLにアクセスするユーザーがいる可能性がある場合は永久継続がベター。</p>



<p class="has-small-font-size wp-block-paragraph">参考資料：「<a rel="noopener nofollow" target="_blank" href="https://mieru-ca.com/blog/301redirect/">301リダイレクトはいつまでかけ続ければいいのか？【SEO初級者によくある質問】</a>」</p>
</div></dd></dl></div>
</div>



<h2 class="wp-block-heading"><span id="toc19">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、エディターで予期しないエラーが発生したせいで記事の編集ができなくなった際の対処法を12通り紹介し、最終的に私が選んだ「記事の書き直し＋Redirectionによる301ダイレクト」のやり方を説明しました。</p>



<p class="wp-block-paragraph">同じ問題にぶちあっている人のお役に立てれば幸いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manamahna.com/wp-editor-error/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chrome のデベロッパーツールに出てくる &#8220;Attestation check for topics on &#060;url&gt; failed.&#8221;  エラー表示を消す方法</title>
		<link>https://manamahna.com/attestation-check-for-topics-failed-error/</link>
					<comments>https://manamahna.com/attestation-check-for-topics-failed-error/#respond</comments>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Sat, 26 Apr 2025 14:55:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=15940</guid>

					<description><![CDATA[Google Chromeの検証ツールについてと、コンソールに表示される "Attestation check for topics on <url> failed."エラー表示を消す方法を2つ（Chromeの設定変更と.htaccessの編集）紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Google Chromeのデベロッパーツールを開くと、コンソールに&#8221;Attestation check for topics on &lt;url&gt; failed.&#8221;というエラー表示が大量に出てきてイライラさせられていませんか。</p>



<p class="wp-block-paragraph">今回は、この表示を消す方法を紹介します。</p>



<p class="wp-block-paragraph"><span class="red">＊すべてのサイト（ページ）がこの方法で修正できるとは限りません。</span></p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-9" checked><label class="toc-title" for="toc-checkbox-9">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">デベロッパーツール</a><ol><li><a href="#toc2" tabindex="0">デベロッパーツールの表示の仕方（PCの場合）</a></li></ol></li><li><a href="#toc3" tabindex="0">&#8220;Attestation check for topics on &lt;url&gt; failed.&#8221; エラー</a><ol><li><a href="#toc4" tabindex="0">エラーの原因解明</a></li><li><a href="#toc5" tabindex="0">修正方法１（初心者向け）</a></li><li><a href="#toc6" tabindex="0">修正方法２（中・上級者向け）</a></li></ol></li><li><a href="#toc7" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">デベロッパーツール</span></h2>



<p class="wp-block-paragraph">デベロッパーツールは、Google Chromeブラウザに標準搭載されているサイト開発者向けのデバッグツール（別名「検証ツール」）です。Chromeに限らず、Firefox、Safari、Microsoft Edgeなど、他のブラウザにも搭載されています。</p>



<p class="wp-block-paragraph">デベロッパーツールには、HTMLやCSSの構造を検証したり、JavaScriptのデバッグ、ネットワークリクエストを分析するといった、サイトパフォーマンスを向上させるのに有益な機能が多数組み込まれています。</p>



<p class="wp-block-paragraph">サイト運営者にとっては、何らかの不具合が生じた時、原因解明のために利用したいツールです。</p>



<h3 class="wp-block-heading"><span id="toc2">デベロッパーツールの表示の仕方（PCの場合）</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/developer-tool-1024x536.jpg" alt="Chrome デベロッパーツールの起動" class="wp-image-15944" srcset="https://manamahna.com/wp-content/uploads/2025/04/developer-tool-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/developer-tool-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/developer-tool-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/developer-tool.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Google Chromeのデベロッパーツールを起動させるには、検証したいページのスクリーン上で右クリック、一番下の「<strong>検証</strong>」をクリックします。</p>



<p class="wp-block-paragraph"><strong>Windowsのショートカット：Ctrl+Shift+I</strong></p>



<p class="wp-block-paragraph"><strong>Macのショートカット：Command + Option + I</strong></p>



<p class="wp-block-paragraph"><strong>F12キー</strong>でも起動できます。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img loading="lazy" decoding="async" width="426" height="543" src="https://manamahna.com/wp-content/uploads/2025/04/developer-tool-x-out.png" alt="デベロッパーツールを閉じるとき" class="wp-image-15945" style="border-width:1px;width:327px;height:auto" srcset="https://manamahna.com/wp-content/uploads/2025/04/developer-tool-x-out.png 426w, https://manamahna.com/wp-content/uploads/2025/04/developer-tool-x-out-235x300.png 235w" sizes="(max-width: 426px) 100vw, 426px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">デベロッパーツールを終了するときは、上の「X」をクリックします。</p>
</div>
</div>



<h2 class="wp-block-heading"><span id="toc3">&#8220;Attestation check for topics on &lt;url&gt; failed.&#8221; エラー</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/how-to-fix-1024x536.jpg" alt="修正方法" class="wp-image-15955" srcset="https://manamahna.com/wp-content/uploads/2025/04/how-to-fix-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/how-to-fix-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/how-to-fix-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/how-to-fix.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">エラーの原因解明</span></h3>



<p class="wp-block-paragraph">私の場合、このエラーが出始めたのは、The Moneytizerという<strong>インプレッション型バナー広告</strong>を掲載し始めた頃でした。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-together">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/the-moneytizer-ads/" title="サイトの収益化におすすめ! The Moneytizerとは？始め方は？アフィリエイトやGoogleアドセンスとの併用は？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-1024x576.jpg 1024w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2024/06/Moneytizer.jpg 1280w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">サイトの収益化におすすめ! The Moneytizerとは？始め方は？アフィリエイトやGoogleアドセンスとの併用は？</div><div class="blogcard-snippet internal-blogcard-snippet">The Moneytizerはアドセンスの代替にもなり、アドセンス以上の収益も見込めるかもしれないインプレッション型の広告配信サービスです。登録、初期設定、広告の貼り方、他のアフィリエイトやアドセンスとの併用の仕方について説明します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/27/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">なので、Moneytizerの担当者に確認したところ、「コンソールエラーは、<strong>広告タグの読み込み時に生じるもの</strong>なので問題はない。収益やサイトにも影響がない」という返事がきました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://manamahna.com/wp-content/uploads/2022/07/manamahna-2.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">収益に影響がないって言っても、たぶん表示速度に悪影響を及ぼしているはず。何とか消す方法はないもんだろうか？</p>
</div></div>



<p class="wp-block-paragraph">そう思ってGoogle検索してみたものの、このエラーに特化した日本語の記事は見つかりません。</p>



<p class="wp-block-paragraph">仕方なく英語の記事に目を通したところ、<a rel="noopener nofollow" target="_blank" href="https://wordpress.org/support/topic/attestation-check-for-topics-on-https-pagead2-googlesyndication-com-failed/">WordPressのフォーラム</a>で、同じ問題に直面した人が解決策を紹介していました。</p>



<h3 class="wp-block-heading"><span id="toc5">修正方法１（初心者向け）</span></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e57752&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e57752" class="wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="282" height="557" 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://manamahna.com/wp-content/uploads/2025/04/chrome-setting-0.png" alt="Chromeの設定" class="wp-image-15947" style="border-width:1px;width:210px" srcset="https://manamahna.com/wp-content/uploads/2025/04/chrome-setting-0.png 282w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting-0-152x300.png 152w" sizes="(max-width: 282px) 100vw, 282px" /><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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">１．Google Chromeを開いて、「３点リーダー」をクリック、その後「設定」をクリック。</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e57d08&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e57d08" class="wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="247" height="567" 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://manamahna.com/wp-content/uploads/2025/04/chrome-setting1.png" alt="Chromeのプライバシーとセキュリティ" class="wp-image-15948" style="border-width:1px;width:210px" srcset="https://manamahna.com/wp-content/uploads/2025/04/chrome-setting1.png 247w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting1-131x300.png 131w" sizes="(max-width: 247px) 100vw, 247px" /><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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">２．「プライバシーとセキュリティ」をクリック。</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e58269&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e58269" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="848" height="492" 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://manamahna.com/wp-content/uploads/2025/04/chrome-setting2.png" alt="Chromeの広告プライバシー" class="wp-image-15949" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/04/chrome-setting2.png 848w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting2-300x174.png 300w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting2-768x446.png 768w" sizes="(max-width: 848px) 100vw, 848px" /><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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">３．「広告プライバシー」をクリック。</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e58743&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e58743" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="538" height="327" 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://manamahna.com/wp-content/uploads/2025/04/chrome-setting3.png" alt="Chromeの広告トピック" class="wp-image-15950" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/04/chrome-setting3.png 538w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting3-300x182.png 300w" sizes="(max-width: 538px) 100vw, 538px" /><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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">４．「広告のトピック」をクリック。</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;6a38726e58c48&quot;}" data-wp-interactive="core/image" data-wp-key="6a38726e58c48" class="wp-block-image size-full has-custom-border wp-lightbox-container"><img loading="lazy" decoding="async" width="522" height="303" 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://manamahna.com/wp-content/uploads/2025/04/chrome-setting4.png" alt="Chromeの広告トピックオン・オフ" class="wp-image-15951" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/04/chrome-setting4.png 522w, https://manamahna.com/wp-content/uploads/2025/04/chrome-setting4-300x174.png 300w" sizes="(max-width: 522px) 100vw, 522px" /><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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">５．「広告のトピック」の右端にあるオプションを「オフ」にする。</p>
</div>
</div>



<p class="wp-block-paragraph">これで&#8221;Attestation check for topics on &lt;url&gt; failed.&#8221; の表示がなくなるはずです。</p>



<h3 class="wp-block-heading"><span id="toc6">修正方法２（中・上級者向け）</span></h3>



<p class="wp-block-paragraph">WordPressのフォーラムではもう１つ解決法が提示されていました。（私は試していませんが、<a rel="nofollow noopener" target="_blank" referrerpolicy="no-referrer-when-downgrade" href="//af.moshimo.com/af/c/click?a_id=3397787&amp;p_id=2312&amp;pc_id=4967&amp;pl_id=30490">ConoHa WING</a>を使用している場合の手順を紹介しておきます。）</p>



<p class="wp-block-paragraph">１．サーバーのコントロールパネルにログインする。<br>２．「サイト管理」をクリック。<br>３．「サイト設定」をクリックして開く。<br>４．「応用設定」を開く。<br>５．「.htaccess設定」を開いて、ファイルの最後に以下の行を追加する。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-light-grey-background-color has-background wp-block-paragraph">&lt;IfModule mod_headers.c&gt; <br>Header set Permissions-Policy &#8220;browsing-topics=()&#8221; <br>&lt;/IfModule&gt;</p>
</div>



<p class="wp-block-paragraph">６．変更を保存する。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>レンタルサーバーはConoHa Wingがおすすめ！</strong></p>



<p class="wp-block-paragraph"><a rel="nofollow noopener" target="_blank" referrerpolicy="no-referrer-when-downgrade" href="//af.moshimo.com/af/c/click?a_id=3397787&amp;p_id=2312&amp;pc_id=4967&amp;pl_id=30490">ConoHa WING</a>には高速エンジン「<strong>WEXAL</strong>」を管理画面から起動できるなど、<span class="marker">WordPressサイトに特化した機能が揃っていて</span>、プログラミング等にそれほど詳しくない人にやさしいサーバーです。</p>



<p class="wp-block-paragraph">ただいま2025年5月9日(金)までの期間限定で、WINGパックが最大53％オフで利用できる「<strong>Webサイト制作応援キャンペーン</strong>」実施中！（この期間を逃しても、1か月に1度は様々なキャンペーンが実施されています。）</p>



<p class="wp-block-paragraph">下記のボタンからWINGパック（12か月以上）に申し込むと、<span class="bold-red">5000円割引</span>！</p>



<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block"><a rel="noopener nofollow" target="_blank" href="https://www.conoha.jp/referral/?token=BMj7bKISDHiHvn69QvykpH_gxlwrVxpSLf0TkbEsoO0x4DPKjOS7hadTJ8nhHw--5Z2" class="btn btn-m btn-shine has-background has-amber-background-color">＞＞＞　お客様紹介プログラムを利用して5000円割引をゲットする</a></div>
</div>



<h2 class="wp-block-heading"><span id="toc7">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、Google Chromeのデベロッパーツールで、コンソールに表示される &#8220;Attestation check for topics on &lt;url&gt; failed.&#8221; エラー表示を消す2つの方法（Chromeの設定変更と.htaccessの編集）を紹介しました。</p>



<p class="wp-block-paragraph">さらに色々と調べてみると、エラーの原因はどうやらGoogle Chromeがトラッキング防止プログラムの一環として、サードパーティクッキーの利用を廃止（Topics APIに移行）しようとしていることと関係があるようです。</p>



<p class="wp-block-paragraph">すべてのサイト（ページ）がこの方法で修正できるとは限らないので、同じ問題を抱えている人は自己責任でお試しください。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-pickup">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/mime-type-error-solution/" title="&quot;Refused to execute scriptーMIME type (‘text/html’)  is not executable&quot;エラーの原因と解決法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1.jpg 1024w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-1536x864.jpg 1536w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/01/WP-error-1-752x423.jpg 752w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">"Refused to execute scriptーMIME type (‘text/html’)  is not executable"エラーの原因と解決法</div><div class="blogcard-snippet internal-blogcard-snippet">Wordpressのテーマ化中、ローカル環境で問題がないサイトを別のサーバーにExport-Importしたら、MIME type (&#039;hext/html&#039;)エラーの表示が！プログラミング超初心者だったからこその原因と解決法を紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">05/16/25</div></div></div></div></a>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://manamahna.com/attestation-check-for-topics-failed-error/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressの抜粋（メタディスクリプション）が検索結果のスニペットに表示されない原因と対処法</title>
		<link>https://manamahna.com/wordpress-excerpt/</link>
					<comments>https://manamahna.com/wordpress-excerpt/#respond</comments>
		
		<dc:creator><![CDATA[まなまな]]></dc:creator>
		<pubDate>Wed, 16 Apr 2025 03:20:00 +0000</pubDate>
				<category><![CDATA[Webツール・サイト制作]]></category>
		<category><![CDATA[サイト作りのヒント]]></category>
		<category><![CDATA[ハウツー]]></category>
		<guid isPermaLink="false">https://manamahna.com/?p=15749</guid>

					<description><![CDATA[検索結果のスニペットにメタディスクリプション（抜粋）が反映されない原因を説明し、対処法として検索エンジンの自動生成に勝てる可能性の高い適切な説明文のポイントを紹介します。]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">「せっかく時間をかけて書いた記事の抜粋（メタディスクリプション）が、検索結果のスニペット（説明文）に表示されない」とお悩みではありませんか。</p>



<p class="wp-block-paragraph">もしかするとそれは「<strong>抜粋＝メタディスクリプション」だと勘違いしているせい</strong>かもしれません。</p>



<p class="wp-block-paragraph">今回は、</p>



<ul class="wp-block-list">
<li>抜粋とは何か？</li>



<li>メタディスクリプションとは何か？</li>



<li>自分が書いた説明文が検索エンジンのスニペットに表示されない原因は？</li>



<li>表示させるにはどうすればいいか？</li>
</ul>



<p class="wp-block-paragraph">の4つの疑問に、Cocoonテーマを使っている私の失敗も例に挙げながらお答えします。</p>




  <div id="toc" class="toc tnt-square toc-center tnt-square border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressの抜粋とメタディスクリプション</a><ol><li><a href="#toc2" tabindex="0">抜粋とは</a></li><li><a href="#toc3" tabindex="0">メタディスクリプションとは</a></li><li><a href="#toc4" tabindex="0">検索結果のスニペットに表示されるのはどっち？</a><ol><li><a href="#toc5" tabindex="0">スニペットに表示される可能性が高い適切なメタディスクリプションとは</a></li></ol></li></ol></li><li><a href="#toc6" tabindex="0">メタディスクリプションがスニペットに反映されない原因と対処法</a><ol><li><a href="#toc7" tabindex="0">「抜粋＝メタディスクリプション」だと勘違いしていた</a><ol><li><a href="#toc8" tabindex="0">私の場合</a></li></ol></li><li><a href="#toc9" tabindex="0">メタディスクリプションの質が低い</a></li></ol></li><li><a href="#toc10" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">WordPressの抜粋とメタディスクリプション</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/difference.jpg" alt="同じもの‽違うもの‽" class="wp-image-15777" srcset="https://manamahna.com/wp-content/uploads/2025/04/difference.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/difference-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/difference-768x402.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">よく「<strong>抜粋（メタディスクリプション）</strong>」のような表記を目にしますが、<strong>抜粋とメタディスクリプションは同じではありません。</strong></p>



<h3 class="wp-block-heading"><span id="toc2">抜粋とは</span></h3>



<p class="wp-block-paragraph">WordPressの<strong>抜粋</strong>とは、記事の内容をまとめたもの、<strong>記事の要約</strong>です。</p>



<p class="wp-block-paragraph">サイト内のエントリーカードやブログカードなどにタイトルと一緒に表示されるものなので、その良し悪しによってユーザーの回遊率が変わります。</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="330" src="https://manamahna.com/wp-content/uploads/2025/04/excerpt1.jpg" alt="抜粋の位置" class="wp-image-15769" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/04/excerpt1.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/excerpt1-300x97.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/excerpt1-768x248.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Cocoonテーマの画像</figcaption></figure>



<p class="wp-block-paragraph">抜粋は、記事の編集画面のサイドバー、「<strong>投稿</strong>」タブ内の「<strong>抜粋を追加</strong>」をクリックして入力します。</p>



<p class="wp-block-paragraph">なお、WordPressには抜粋を処理する機能があるので、何も記入しないと、記事の最初の110文字を使って自動的に抜粋が作成されます。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<ul class="wp-block-list">
<li>テーマによっては抜粋の処理機能が利用できないかもしれません。</li>



<li>「<a rel="nofollow noopener" target="_blank" href="https://ja.wordpress.org/plugins/wp-multibyte-patch/">WP Multibyte Patch</a>」というプラグインを入れていないと、文字数のカウントがうまく機能しない場合があります。</li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc3">メタディスクリプションとは</span></h3>



<p class="wp-block-paragraph">WordPressの<strong>メタディスクリプション</strong>は、検索エンジンに伝える<strong>記事の概要</strong>です。</p>



<p class="wp-block-paragraph">Backlinkoの分析では、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><br>400万件のGoogleの検索結果を大規模に分析した結果、メタディスクリプションがあるページは、メタディスクリプションがないページに比べてクリック数が平均<strong>5.8% 多いことがわかりました。</strong></p>



<p class="has-small-font-size wp-block-paragraph">Backlinko 『<a rel="noopener nofollow" target="_blank" href="https://backlinko.com/hub/seo/meta-descriptions">Meta Descriptions</a>』</p>
</blockquote>



<p class="wp-block-paragraph">とあり、検索結果を見ているユーザーにクリックを促す重要な役目を担っています。</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1024" height="382" src="https://manamahna.com/wp-content/uploads/2025/04/meta-description.png" alt="メタディスクリプションの位置" class="wp-image-15772" style="border-width:1px" srcset="https://manamahna.com/wp-content/uploads/2025/04/meta-description.png 1024w, https://manamahna.com/wp-content/uploads/2025/04/meta-description-300x112.png 300w, https://manamahna.com/wp-content/uploads/2025/04/meta-description-768x287.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Cocoonテーマの画像</figcaption></figure>



<p class="wp-block-paragraph">メタディスクリプションの記入欄は、記事の編集画面の一番下、まさに「<strong>SEO（検索エンジン最適化）</strong>」という項目の中にあります。</p>



<p class="wp-block-paragraph">そこでの説明にもあるように、</p>



<ul class="wp-block-list">
<li>およそ120文字を入力（スマートフォンでは50文字）</li>



<li>ブログカードのスニペット（抜粋文）にも利用される</li>



<li>入力していない場合は、「抜粋」に入力したものが自動挿入される</li>
</ul>



<p class="wp-block-paragraph">と、抜粋を補うような役割も果たしています。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>抜粋とメタディスクリプションの違いのまとめ</strong></p>



<ul class="wp-block-list">
<li>抜粋：自サイト内で使う記事の要約。アクセスしてくれたユーザーの回遊率にかかわる</li>



<li>メタディスクリプション：検索エンジンに伝える記事の概要。検索結果を見たユーザーのクリック率アップにかかわる記事の概要</li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc4">検索結果のスニペットに表示されるのはどっち？</span></h3>



<p class="wp-block-paragraph">Googleの『<a rel="noopener nofollow" target="_blank" href="https://developers.google.com/search/docs/appearance/snippet">検索結果のスニペットを制御する</a>』によれば、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><br>スニペット<em>と</em>は、Google 検索やその他のサービス（Google ニュースなど）における検索結果の説明または要約部分です。Google は主にページのコンテンツに基づいて適切なスニペットを自動的に決定します。また、ページの内容を 他の部分よりも適切に説明している場合、メタディスクリプション要素内の説明情報を使用することもあります。</p>



<p class="has-small-font-size wp-block-paragraph">Google Search Central『<a rel="noopener nofollow" target="_blank" href="https://developers.google.com/search/docs/appearance/snippet"><em>How to Write Meta Description</em>s</a>』より自動翻訳</p>
</blockquote>



<p class="wp-block-paragraph">とあります。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>スニペットに表示される説明文のまとめ（Googleの場合）</strong></p>



<ul class="wp-block-list">
<li>基本：Googleがページのコンテンツに基づいて適切なスニペットを自動的に決定</li>



<li>ページの内容を他の部分よりも適切に説明している場合：メタディスクリプションの説明分を使用</li>
</ul>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p class="wp-block-paragraph">使っているテーマやプラグインによっては、抜粋がメタディスクリプションの役割を果たしている場合があります。</p>
</div>



<h4 class="wp-block-heading"><span id="toc5">スニペットに表示される可能性が高い適切なメタディスクリプションとは</span></h4>



<p class="wp-block-paragraph">Googleの『<a rel="noopener nofollow" target="_blank" href="https://developers.google.com/search/docs/appearance/snippet?hl=en#meta-descriptions">質の高いメタディスクリプションを作成するためのベストプラクティス</a>』によると、スニペットに表示されやすいメタディスクリプションのポイントは5つ。</p>



<ul class="wp-block-list">
<li><strong>記事ごとに固有の説明文を作成する</strong>
<ul class="wp-block-list">
<li>他の記事にも使える普遍的な説明文はNG。</li>
</ul>
</li>



<li><strong>記事の内容を正確に説明する</strong>
<ul class="wp-block-list">
<li>記事の内容と異なる記述はNG。</li>
</ul>
</li>



<li><strong>わかりやすくて読みやすい、ユーザーを惹きつける文章が望ましい</strong>
<ul class="wp-block-list">
<li>読みやすさに加え、ユーザーに「この記事を読みたい」と思わせる何かを含めることが大切です。</li>
</ul>
</li>



<li><strong>スニペットに表示可能な文字数内に重要な情報を収める</strong>
<ul class="wp-block-list">
<li>メタディスクリプションの文字数に制限はありませんが、スニペットに表示されるのは50～70文字くらい（デバイスによって異なります）です。表示されない部分は「…」になるので、重要な情報を前半に持ってくるようにすれば、抜粋と同程度の長さの文章でもOK。</li>
</ul>
</li>



<li><strong>コンテンツに関する関連情報を含めるのもアリ</strong>
<ul class="wp-block-list">
<li>文章形式に限らず、重要な情報を並べるのもOK。</li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph">もう1つ、検索結果を見ていて気づいたことですが、上位表示される記事のスニペット内には必ずといっていいほど検索キーワードが入っています。ということで、</p>



<ul class="wp-block-list">
<li><strong>検索キーワードを含める</strong></li>
</ul>



<p class="wp-block-paragraph">も、表示されやすいメタディスクリプションのポイントの1つと言えます。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p class="wp-block-paragraph">同じ記事でも検索キーワードによって、スニペットは変わります。<strong>どれだけ質の高いメタディスクリプションを作成しても、必ずしも自作の説明文が100％そのまま表示されるとは限りません。</strong></p>
</div>



<h2 class="wp-block-heading"><span id="toc6">メタディスクリプションがスニペットに反映されない原因と対処法</span></h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/analysis-1024x536.jpg" alt="原因解明と対策" class="wp-image-15763" srcset="https://manamahna.com/wp-content/uploads/2025/04/analysis-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/analysis-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/analysis-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/analysis.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">「抜粋＝メタディスクリプション」だと勘違いしていた</span></h3>



<p class="wp-block-paragraph">使用中のテーマやプラグインが、「1か所に説明文を入力すれば、抜粋もメタディスクリプションも作成完了」という機能を備えているとは限りません。</p>



<p class="wp-block-paragraph">抜粋とメタディスクリプションを入力する場所がそれぞれ別にある場合、抜粋だけ入力して、メタディスクリプションは未入力だったという可能性があります。</p>



<h4 class="wp-block-heading"><span id="toc8">私の場合</span></h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="536" src="https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-snippet-2-samples-1024x536.jpg" alt="スニペット2例（メタディスクリプションなし）" class="wp-image-15791" srcset="https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-snippet-2-samples-1024x536.jpg 1024w, https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-snippet-2-samples-300x157.jpg 300w, https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-snippet-2-samples-768x402.jpg 768w, https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-snippet-2-samples.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">検索結果に表示されている記事は2年以上前に書いたものですが、ご覧の通りどのワードで検索するかによって、スニペットが変わっています。</p>



<p class="wp-block-paragraph">そこで編集画面を見てみると、抜粋は書いてあるものの、メタディスクリプションが未入力になっていました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="940" height="366" src="https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d.png" alt="メタディスクリプションなし" class="wp-image-15792" srcset="https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d.png 940w, https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-300x117.png 300w, https://manamahna.com/wp-content/uploads/2025/04/abstract-no-meta-d-768x299.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></figure>



<p class="wp-block-paragraph">実は上の例の記事を書いた頃は「All in One SEO」というSEO対策のプラグインを導入していました。</p>



<p class="wp-block-paragraph">「All in One SEO」では「メタディスクリプション」の項目中に「投稿抜粋」を入力するようになっているので、おそらく1つの文章をメタディスクリプションと抜粋の両方に使う仕組みだったと思われます。</p>



<p class="wp-block-paragraph">ところが「All in One SEO」は私が使用しているCocoonテーマとの相性がよくないようで、テーマとプラグインのアップデートの時期がずれると、不具合を起こすようになりました。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference">

<a rel="noopener follow" target="_blank" href="https://manamahna.com/all-in-one-seo-trouble/" title="【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="320" height="180" src="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://manamahna.com/wp-content/uploads/2023/09/SEO-320x180.jpg 320w, https://manamahna.com/wp-content/uploads/2023/09/SEO-300x169.jpg 300w, https://manamahna.com/wp-content/uploads/2023/09/SEO-768x432.jpg 768w, https://manamahna.com/wp-content/uploads/2023/09/SEO-240x135.jpg 240w, https://manamahna.com/wp-content/uploads/2023/09/SEO-640x360.jpg 640w, https://manamahna.com/wp-content/uploads/2023/09/SEO-752x423.jpg 752w, https://manamahna.com/wp-content/uploads/2023/09/SEO.jpg 1024w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Wordpress】SEO対策におすすめのプラグインでコンテンツが二重表示されてしまった話</div><div class="blogcard-snippet internal-blogcard-snippet">プラグインが原因の二重表示問題の解決法とプラグイン導入の注意点、問題解決に役立ったCocoonフォーラムの利用法について説明しています。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://manamahna.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">manamahna.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">04/12/25</div></div></div></div></a>
</div>



<p class="wp-block-paragraph">結局「All in One SEO」の機能のほとんどはテーマか他のプラグインでカバーできるということだったので、このプラグインは削除しましたが、結果的に抜粋だけが残って、メタディスクリプションは消えてしまったようです。</p>



<p class="wp-block-paragraph"><strong>対処法</strong>：</p>



<ul class="wp-block-list">
<li>（削除したプラグインが原因で作成したはずのメタディスクリプションが消えている場合があるため）メタディスクリプションが確実に入力されているかどうか確認する。</li>



<li>「メタディスクリプション」と書かれている場所に説明文を入力する。</li>
</ul>



<h3 class="wp-block-heading"><span id="toc9">メタディスクリプションの質が低い</span></h3>



<ul class="wp-block-list">
<li><strong>同じメタディスクリプションを複数の記事で使いまわしている</strong></li>



<li><strong>記事の内容とメタディスクリプションの内容が合っていない</strong></li>



<li><strong>メタディスクリプションの内容がわかりにくい、または読みにくい</strong></li>



<li><strong>検索キーワードが含まれていない、または適切なキーワードを選んでいない</strong></li>
</ul>



<p class="wp-block-paragraph">こういった説明文は先ほど述べた質の高いメタディスクリプションのポイントから外れています。</p>



<p class="wp-block-paragraph"><strong>対処法</strong>：質の高いメタディスクリプションのポイントを確認し、説明文を書き直す。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p class="wp-block-paragraph">メタディスクリプションを書き直しても、すぐに検索結果に反映されるとは限りません。検索エンジンに確実に変更を知らせたい場合は、Googleサーチコンソールから「インデックス登録をリクエスト」するといいでしょう。</p>
</div>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p class="has-text-align-center is-style-stitch-box has-box-style wp-block-paragraph"><strong>自分が作成したメタディスクリプションの評価が知りたい！</strong></p>



<p class="wp-block-paragraph">自作のメタディスクリプションの良し悪しを知りたい場合には、メタディスクリプションを最適化するための無料ツールを利用してみるといいかもしれません。</p>



<ul class="wp-block-list">
<li>「<a rel="noopener nofollow" target="_blank" href="https://devo.jp/seolaboratory/description/?trflg=1">メタディスクリプションタグ（meta description）評価チェックツール</a>」</li>



<li>「<a rel="noopener nofollow" target="_blank" href="https://www.ranktracker.com/ja/meta-description-test/">メタディスクリプションテスト</a>」</li>
</ul>
</div>



<h2 class="wp-block-heading"><span id="toc10">まとめ</span></h2>



<p class="wp-block-paragraph">今回は、WordPressの抜粋（メタディスクリプション）が検索結果のスニペットに表示されない際の原因と対処法について紹介しました。</p>



<p class="wp-block-paragraph"><strong>スニペットには、基本的に検索エンジンによって最適だと判断された文章が自動的に挿入されます。</strong>そのため、自作の説明文を表示させるには、質の高いメタディスクリプションを入力する必要があります。</p>



<p class="wp-block-paragraph">また、抜粋にも自サイト内の回遊率を上げるSEO効果が望めます。</p>



<p class="wp-block-paragraph">スニペットに反映されないからといって手を抜くのではなく、質の高い抜粋も確実に入力するようにしましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manamahna.com/wordpress-excerpt/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
