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

<channel>
	<title>幸せな老後のために  &#8211;  ウィジェット</title>
	<atom:link href="https://shiawasenarougo.com/tag/widget/feed/" rel="self" type="application/rss+xml" />
	<link>https://shiawasenarougo.com</link>
	<description>ブログ初心者・シニア向けにアフィリエイトに必要な情報をお伝えしています。</description>
	<lastBuildDate>Mon, 07 Jun 2021 14:48:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://shiawasenarougo.com/wp-content/uploads/2019/11/cropped-SHIAWASE-1.png</url>
	<title>幸せな老後のために  &#8211;  ウィジェット</title>
	<link>https://shiawasenarougo.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/>	<item>
		<title>Cocoonウィジェットでサイドバーの設定方法を初心者向けに解説</title>
		<link>https://shiawasenarougo.com/cocoon-widget/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Thu, 25 Feb 2021 11:11:10 +0000</pubDate>
				<category><![CDATA[コクーン]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=2346</guid>

					<description><![CDATA[「ウィジェット」ってなんだか難し言葉だけど、 一体なにをするの？ &#160; 初心者の私でも扱えるのかしら？ &#160; &#160; そんなあなたのお悩みを解決します。 &#x2665;こちらの記事内容は、 ウィジ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" class="size-full wp-image-2347 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/WIDGET.jpg" alt="cocoon widget" width="640" height="400" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/WIDGET.jpg 640w, https://shiawasenarougo.com/wp-content/uploads/2021/02/WIDGET-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><img decoding="async" class="size-full wp-image-2348 alignleft" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/lady-tameiki-e1614179672416.png" alt="" width="198" height="300" /><br />
「ウィジェット」ってなんだか難し言葉だけど、</p>
<p>一体なにをするの？</p>
<p>&nbsp;</p>
<p>初心者の私でも扱えるのかしら？</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>そんなあなたのお悩みを解決します。</p>
<p><span style="font-size: 16px;"><span style="color: #89c997;">&#x2665;</span>こちらの記事内容は、</span></p>
<div class="list-box-3">
<ul class="list-2">
<li>ウィジェットとは</li>
<li>ウィジェット名と機能の解説　（抜粋して解説）</li>
<li>サイドバーに設定するべきウィジェット</li>
<li>不要なウィジェットを非表示にする方法</li>
<li>ウィジェット設定方法2種類</li>
<li>サイドバー内でのウィジェット位置変更方法</li>
<li>サイドバー設置のメリット</li>
</ul>
</div>
<p>&nbsp;</p>
<h2>ウィジェットとは？</h2>
<p>WordPressのウィジェットとは、サイドバーを簡単に編集できる機能の事を言います。</p>
<p>インストールしたばかりのCocoonでは、ちょっとシンプル過ぎて物足りないって思いませんか？<br />
Cocoonに標準装備されているウィジェットを使って、サイドバー、フッター、固定ページなどの編集が簡単に行う事ができますよ。</p>
<p>Cocoon には、なんと37個ものウィジェットが備わっていますが、どれを使うべきなのか？と迷ってしまいますよね。</p>
<p>&nbsp;</p>
<h2>ウィジェット名と機能の解説</h2>
<p>ウィジェット名の下に、説明がありますが、初心者の方にはちょっと耳慣れない言葉かな？と思う名前を抜粋して以下に解説します。</p>
<p><b>CATボックス：</b>「Call to Action」読者さんへ「行動喚起」して欲しい「お申込みはこちら」「ご購入はいますぐ」などの案内ボタンを好きな場所に設置できる機能</p>
<p><b>ナビカード:　</b>読者さんを的確に誘導するためのリンクリストを作成</p>
<p><b>ボックスメニュー：</b>アイコンフォントや画像を用いて、視覚的にわかりやすいメニューを作る機能</p>
<p><img decoding="async" class="size-full wp-image-2353 alignleft" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/HEADER-HOME.png" alt="" width="115" height="65" /></p>
<p>アイコンフォントと文字の組み合わせやアイコンフォントだけでも<br />
作れます。</p>
<p>アイコンフォント素材ダウンロードで有名なのは、<a rel="noopener" target="_blank" href="http://flat-icon-design.com/?s=%E3%83%9B%E3%83%BC%E3%83%A0">フラットアイコンデザイン <span class="fa fa-external-link external-icon anchor-icon"></span></a>  / <a rel="noopener" target="_blank" href="https://icooon-mono.com/">ICOOON MONO<span class="fa fa-external-link external-icon anchor-icon"></span></a></p>
<p><b>RSS: </b>RSSリーダーを利用している読者さん（ユーザー）向けのウィジェット。但し、読者さん（ユーザー）にとって、見やすく目的の記事をすぐに探せるか？と言う点では、疑問が残るので私は非表示にしています。</p>
<p><b>メタ情報: </b>WordPressのサイト管理者や運営する者が管理するメニューです。メタ情報を表示させると、あなたのサイトに<span style="color: #ff0000;">不正ログイン</span>されてしまう可能性や、最悪の場合は、<span style="color: #ff0000;">サイト乗っ取り</span>などの危険性があるため、<b><span style="color: #ff0000;">非表示設定</span></b>にします。</p>
<p>&nbsp;</p>
<h3>サイドバーに設定するべきウィジェット</h3>
<div class="box1">
<div class="box-title">設定すべきウィジェット（順不同）</div>
<ol class="list-1">
<li><span style="font-size: 16px;">プロフィール</span></li>
<li>検索</li>
<li>人気記事</li>
<li>新着記事</li>
<li>お問いあわせ</li>
</ol>
</div>
<div class="box1">
<div class="box-title">設定すると良いウィジェット（順不同）</div>
<ol class="list-1">
<li><span style="font-size: 16px;">SNS関連ボタン</span></li>
<li>タグクラウド一覧</li>
<li>参加ブログ画像</li>
</ol>
</div>
<p>&nbsp;</p>
<h3>不要なウィジェットを非表示設定にする方法</h3>
<p>「ダッシュボード」→「Cocoon設定」→「ウィジェット」へ行き、非表示にしたウィジェットをクリック</p>
<p>「ダッシュボード」→「外観」→「ウィジェット」で確認するとチェックを入れた項目は画面から消えています。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2354 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/widget-setting.png" alt="" width="640" height="398" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/widget-setting.png 640w, https://shiawasenarougo.com/wp-content/uploads/2021/02/widget-setting-300x187.png 300w" sizes="auto, (max-width: 640px) 100vw, 640px" /></p>
<p>&nbsp;</p>
<h2>Cocoon ウィジェット設定方法</h2>
<p>「ダッシュボード」→「外観」→「ウィジェット」をクリック</p>
<p>「Cocoon」では、何種類ものウィジェットの設定場所が用意されています。今回は、サイドバーへ設定する方法を解説していきます。他の場所への設定も同じ手順で出来ますので、是非ご活用下さい。</p>
<p>表示設定の方法を2つほどご紹介しますので、いずれかお好みの方法で設定を行って下さい。</p>
<h3>設定方法その1</h3>
<h4>Step ①：「ウィジットを追加」をクリック</h4>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2359 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/Cocoon-add-widge.png" alt="add widget" width="676" height="603" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/Cocoon-add-widge.png 676w, https://shiawasenarougo.com/wp-content/uploads/2021/02/Cocoon-add-widge-300x268.png 300w" sizes="auto, (max-width: 676px) 100vw, 676px" /></p>
<p>&nbsp;</p>
<h4>Step②：ウィジェットを移動</h4>
<p>タイトル[c]人気記事の空白部分にカーソルを合わせると十字が出てきますので、それをドラッグ&amp;ドロップします。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2360 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/29b1a2669c3a24571e320cf38ef0cd8b.png" alt="" width="510" height="279" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/29b1a2669c3a24571e320cf38ef0cd8b.png 510w, https://shiawasenarougo.com/wp-content/uploads/2021/02/29b1a2669c3a24571e320cf38ef0cd8b-300x164.png 300w" sizes="auto, (max-width: 510px) 100vw, 510px" /></p>
<h4>詳細設定</h4>
<p>基本的には、デフォルトのままでOKです。</p>
<p>私は、「人気記事」のタイトルを「良く読まれている記事」に変更しました。</p>
<p>表示数の増減もお好みで可能です。あまり多すぎると、サイドバーがゴチャゴチャしてしまうので、5記事程度が良いかと思っています。</p>
<p>集計期間は、直近の30日間の集計期間が設定されています。</p>
<p>変更が終了後は、「保存」をクリック後必ず「完了」をクリックしてください。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2358 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/ninki-kiji.png" alt="popular article" width="555" height="903" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/ninki-kiji.png 555w, https://shiawasenarougo.com/wp-content/uploads/2021/02/ninki-kiji-184x300.png 184w" sizes="auto, (max-width: 555px) 100vw, 555px" /></p>
<p>&nbsp;</p>
<h3>設定方法その2</h3>
<p>ドラック&amp;ドロップ</p>
<p>「人気記事」の上にカーソルを乗せると十字になるので、そのまま移動させたい場所へ移動させます。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2357 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/COCOON-WIDGET-SETTING.png" alt="cocoon widget setting" width="984" height="895" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/COCOON-WIDGET-SETTING.png 984w, https://shiawasenarougo.com/wp-content/uploads/2021/02/COCOON-WIDGET-SETTING-300x273.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/02/COCOON-WIDGET-SETTING-768x699.png 768w" sizes="auto, (max-width: 984px) 100vw, 984px" /></p>
<p>&nbsp;</p>
<h4>詳細設定</h4>
<p>内容は、上記と重複しますので、省略させていただきますこと、ご了承ください。</p>
<h2>サイドバー内でのウィジェット位置変更方法</h2>
<p>移動させたいウィジッドにカーソルを合わさると十字が出てきますので、好きな場所までドラッグ&amp;ドロップ</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2361 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/cocoon-side-bar.png" alt="cocoon side bar edit" width="565" height="483" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/cocoon-side-bar.png 565w, https://shiawasenarougo.com/wp-content/uploads/2021/02/cocoon-side-bar-300x256.png 300w" sizes="auto, (max-width: 565px) 100vw, 565px" /></p>
<p>&nbsp;</p>
<h4>補足解説：「新着記事」と「最新の投稿」の違い</h4>
<p>「新着記事」はアイキャッチ画像付き</p>
<p>「最近の投稿」はアイキャッチ画像無しの文章のみとなります。参考までに下の画像をご覧下さい。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-2362 aligncenter" src="https://shiawasenarougo.com/wp-content/uploads/2021/02/saikin.png" alt="newest widget" width="348" height="437" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/02/saikin.png 348w, https://shiawasenarougo.com/wp-content/uploads/2021/02/saikin-239x300.png 239w" sizes="auto, (max-width: 348px) 100vw, 348px" /></p>
<h2>サイドバー設置のメリット</h2>
<ul>
<li>読者さんは、サイトマップページから見たい情報を探さずに興味のある記事を選ぶ事が出来る。</li>
<li>サイドバーはナビゲーション機能としても活用できます。</li>
<li>アイキャッチ画像効果で、離脱する前にサイト内の他のページを閲覧してもらえるようになる。</li>
<li>「お問いあわせ」のリンクを設置する事で、読者さんからの連絡をもらいやすくなる。</li>
</ul>
<h2>まとめ</h2>
<p>「Cocoon」には、37種類ものウィジェットが揃っています。</p>
<p>ウィジェットを設定する場所もサイドバー、投稿ページ、固定ページ、などからも選ぶ事が出来るとても便利な機能です。</p>
<p>サイトの見栄えだけでなく、読者さんがより快適にあなたのサイト内の記事を閲覧しやすくするためにも、<br />
是非ウィジェットを活用してください。</p>
<p>最後までお付き合いいただきまして、ありがとうございました。</p>
<p>ウィジェットの設定方法や、何を設置したら良いの？などどんな些細な事でも、ご質問があれば、<br />
是非<a target="_blank" href="https://shiawasenarougo.com/contact/">お問いあわせ<span class="fa fa-external-link internal-icon anchor-icon"></span></a>よりご一報ください。お待ちしております＾＾</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
