<?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>Wordpress &#8211; ユウスケBlog</title>
	<atom:link href="https://u-sukeblog.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://u-sukeblog.com</link>
	<description>楽しい・可愛いを発信するblog</description>
	<lastBuildDate>Sun, 18 Jun 2023 17:30:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.8</generator>

<image>
	<url>https://u-sukeblog.com/wp-content/uploads/2022/03/cropped-スクリーンショット-2022-03-18-22.34.58-32x32.jpg</url>
	<title>Wordpress &#8211; ユウスケBlog</title>
	<link>https://u-sukeblog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【WordPress】AMP導入後ブログをスマホから見たらモバイルモードになってしまいアクセスが減った</title>
		<link>https://u-sukeblog.com/plugin-amp/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=plugin-amp</link>
					<comments>https://u-sukeblog.com/plugin-amp/#respond</comments>
		
		<dc:creator><![CDATA[ユウスケ]]></dc:creator>
		<pubDate>Sun, 18 Jun 2023 17:30:09 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://u-sukeblog.com/?p=4557</guid>

					<description><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2023/06/WordPress】-ブログをスマホから見たらモバイルモードになってアクセスが減った.jpg" class="webfeedsFeaturedVisual" /></p>悪さをしている原因はプラグインのAMP もしも私と同じ状態になっている方が、検索でここに辿り着いたのなら簡潔に答えだけ知りたい！！！・・・って思っているはず。 おそらくそうなった原因は『AMP』というプラグインを入れてし [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2023/06/WordPress】-ブログをスマホから見たらモバイルモードになってアクセスが減った.jpg" class="webfeedsFeaturedVisual" /></p>
<h2 class="wp-block-heading">悪さをしている原因はプラグインのAMP</h2>



<p>もしも私と同じ状態になっている方が、検索でここに辿り着いたのなら簡潔に答えだけ知りたい！！！<br>・・・って思っているはず。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>現在のブログでの悩み</span></div><div class="cap_box_content">
<p>✔︎急にPVが激減した<br>✔︎知らない間に「モバイルモード」が搭載された<br>✔︎PCから見たら普通なのに、スマホから見るとスタイルが崩れている</p>
</div></div>



<p>おそらくそうなった原因は<strong>『AMP』</strong>というプラグインを入れてしまったせいかと思われます。</p>



<figure class="wp-block-image size-full is-style-default"><img decoding="async" width="1000" height="120" src="https://u-sukeblog.com/wp-content/uploads/2023/06/スクリーンショット-2023-06-19-1.05.12.png" alt="" class="wp-image-4559" srcset="https://u-sukeblog.com/wp-content/uploads/2023/06/スクリーンショット-2023-06-19-1.05.12.png 1000w, https://u-sukeblog.com/wp-content/uploads/2023/06/スクリーンショット-2023-06-19-1.05.12-300x36.png 300w, https://u-sukeblog.com/wp-content/uploads/2023/06/スクリーンショット-2023-06-19-1.05.12-768x92.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p><mark><strong>『AMP』</strong>を無効化して試してみてください。</mark><br>私はこのやり方でスマホからも通常のスタイルで閲覧できてPVも一気に回復しました！</p>



<h2 class="wp-block-heading">AMPはネット情報でオススメと書いていたので入れたけど・・・</h2>



<p>いつの頃からか急にPV数が落ちたなと感じ、ブログの更新頻度が下がったからかな？と思ってました。<br>自分の記事が悪いから仕方ないかとしばらくは何も調べず放置してました。</p>



<p>自身のブログをスマホから確認した時も表示がおかしい・・・<br><strong>目次も出ない</strong>し工夫したスタイルに変更しているはずなのに<strong>全て崩れて見にくい！</strong><br>これどうなってるんだ！？って悩みました。<br><span class="swl-marker mark_yellow"><strong>スマホの一番下までスクロールすると<mark>【モバイルページを終了する】</mark>という表記がありタップすると通常通り見れる。</strong></span><br>しかし毎回ブログを開くたびにまた見えにくいスタイルに。<br>調べても分からなさすぎて無視しました（涙）</p>



<p>多分半年近く放置プレイしてたので本当に勿体ない事をしたなって感じます。<br>一応ググって調べたのですが解決につながる記事が見当たらず。<br>嗚呼、こんな<strong>初心者でも分かるような事は誰も記事にしない</strong>のかって諦めかけてました。</p>



<p>そこで最近ふとプラグインを色々と調べていたところ、不要なプラグイン情報の中に自分が入れている「AMP（アンプ？）」が記載されてました。<br>あれ？AMPって必須プラグインって書いてなかったっけ？</p>



<p>AMPについて調べてみたところ・・・</p>



<blockquote class="wp-block-quote">
<p>AMPとは、<mark>Webコンテンツ（ブログ記事などのコンテンツ）を高速表示させるためのフレームワーク（手法）のことで、Accelerated Mobile Pagesの略語</mark>です。</p>
<cite>との解説でした。</cite></blockquote>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col2"><div class="cap_box_ttl"><span>AMPを入れるメリット</span></div><div class="cap_box_content">
<p>①検索順位が上昇する<br>②新たな検索流入が増える<br>③クリック率が上がる<br>④Webページの高速表示が実現しSEO効果が見込める</p>
</div></div>



<p>などなど他にも色々あるみたいですが大まかにはこんな感じ。<br>私もブログ初心者みたいなモンですから調べた範囲でしか理解してませんがWordPressでプラグイン「AMP」を入れると自動的にやってくれる場合もあるかもしれませんがデメリットも色々ありました。</p>



<div class="swell-block-capbox cap_box is-style-small_ttl" data-colset="col3"><div class="cap_box_ttl"><span>AMPを入れるデメリット</span></div><div class="cap_box_content">
<p>①コンバージョンが減る<br>②運用の手間が増える<br>③うまくAMP化できない場合がある<br>④アクセスが減る</p>
</div></div>



<p>①に関しては、アフィリエイトサイトを運用してる場合、AMP対応してないASP広告があれば、その広告がAMPページで表示されないようです。<br>そうなるとその分の広告収益が発生しないのでコンバージョンが減ってしまいます。</p>



<p>②の運用の手間に関しては理解していなかったので、もしかしたらここを理解していればしっかりとアクセスも伸びたかもしれないのですがAMPに設定などがあったのかも今ではわからない為、PVも戻ったので良しとしました。</p>



<p>③、④は割愛しますがパソコンを特学で勉強している私にはちょっと理解が難しかったです。<br>ひとまずよく分からないプラグインを何でもかんでも入れてもダメだって事は理解しました（笑）<br>ただAMPというキーワードを見つけられたのはとても勉強になりました！</p>



<p class="is-style-icon_pen"><strong><span class="swl-fz u-fz-xl">まとめ：素人は「AMP」を入れなくても大丈夫。</span></strong></p>



<p>私がAMPを無効化した即日、<strong><mark>PV数が10倍回復</mark></strong>したので間違いないです。<br>もちろん知識のあるプロのブロガー様はこれらをしっかりと使いこなせているからオススメって記事もあると思うので一概に言えませんが私程度であれば要りませんね。</p>



<p>少しでもお役に立てたら幸いです。</p>



<p><a href="//af.moshimo.com/af/c/click?a_id=3324933&amp;p_id=3885&amp;pc_id=9646&amp;pl_id=53838" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="//image.moshimo.com/af-img/3130/000000053838.jpg" width="420" height="350" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3324933&amp;p_id=3885&amp;pc_id=9646&amp;pl_id=53838" width="1" height="1" style="border:none;"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://u-sukeblog.com/plugin-amp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【swell】ファビコンはWordPressで必須？簡単に作成できるツール紹介！</title>
		<link>https://u-sukeblog.com/wordpress-swell-2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress-swell-2</link>
					<comments>https://u-sukeblog.com/wordpress-swell-2/#respond</comments>
		
		<dc:creator><![CDATA[ユウスケ]]></dc:creator>
		<pubDate>Sun, 20 Mar 2022 09:07:37 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[swell]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[初心者blog]]></category>
		<guid isPermaLink="false">https://u-sukeblog.com/?p=865</guid>

					<description><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2022/03/【swell】-初心者の疑問。WordPressで必須？-ファビコンとは？-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>ファビコンってなに！？初心者が作成する事はできるの？ 【ファビコンとは】 スマートフォンで検索をかけた際にあるアイコン。最近ではこのファビコンを設置しているかでもSEOに関係していてGoogle検索の順位に関わってくるよ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2022/03/【swell】-初心者の疑問。WordPressで必須？-ファビコンとは？-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<h2 class="wp-block-heading">ファビコンってなに！？初心者が作成する事はできるの？</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>ファビコンって何すか？８ビットのアレっすか・・・？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">カゲ先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>それはファミコンだね…<br>ファビコンっていうのはWebサイトのシンボルマーク・イメージの俗称なんですよ。ググったときに左上辺りにあるアイコンですよ。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:66.66%">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="798" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2514-2-1024x798.jpg" alt="" class="wp-image-916" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2514-2-1024x798.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2514-2-300x234.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2514-2-768x599.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2514-2.jpg 1125w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column" style="flex-basis:33.33%">
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-large-font-size"><span class="swl-fz u-fz-xl"><span class="swl-marker mark_yellow"><strong>【ファビコンとは】</strong></span></span></p>



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



<p>スマートフォンで検索をかけた際にあるアイコン。<br>最近ではこのファビコンを設置しているかでもSEOに関係していてGoogle検索の順位に関わってくるようです。</p>



<p>ホーム画面に設定した際もこのファビコンがアイコンとして出るので是非とも作成してみよう！</p>
</div>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>なるほど！でもファビコンなんて初心者の僕にはちょっと作るの難しいと思うんですよね</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">カゲ先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>大丈夫！実は初心者でもこの方法を知っていれば誰でも簡単にファビコンを作成可能なんだ！老山龍砲・極をゼロ距離で撃つよりも簡単だよ！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>ちょっと最後何言ってんのか分からんから、さっさと説明しろや…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>初心者には馴染みのない言葉「ファビコン」<br>今回は初心者のuskでもちょっと操作しただけでもあっさりと使いこなせる事が出来たので<br>知らなかった人は是非これを見て一緒にチャレンジしてみて下さいヽ(´∀｀)ﾉ</p>



<h2 class="wp-block-heading">無料サイトの「Canva」に登録しよう。色んなデザインを自分で作れる！</h2>



<figure class="wp-block-image size-large is-resized is-style-rounded"><a href="https://www.canva.com/" target="_blank" rel="noopener"><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/canva-free-1024x538.webp" alt="canva
無料サイト" class="wp-image-917" width="894" height="469" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/canva-free-1024x538.webp 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/canva-free-300x158.webp 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/canva-free-768x403.webp 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/canva-free.webp 1200w" sizes="(max-width: 894px) 100vw, 894px" /></a><figcaption>画像クリックでサイトへ飛べます＾＾</figcaption></figure>



<p>結論から言うと何故これに気付けなかったのか！…とw<br>iOS版では使ったことはあったんですけどあまり理解できず使用感はそんなに良くなかった気がして…（スマホだから？）</p>



<p>しかしPCからやってみて思う事は非常に使いやすい！！<br>自分でもっと勉強してここまで辿り着ければよかったのにって後悔です｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡<br>Canvaさえ使えれば以下の作成は全部まかなえちゃいます♪( ´θ｀)</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis:100%">
<p>これが<strong>無料</strong>なんだから本当に使わなきゃ損！！！<br>※有料版にするとより多彩なデザインができる様になる</p>
</div>
</div>
</div></div>



<div class="wp-block-group has-border -border02 is-style-big_icon_point"><div class="wp-block-group__inner-container">
<ul class="is-style-good_list -list-under-dashed has-small-font-size"><li><strong>ファビコンやロゴ</strong></li><li><strong>ブログのアイキャッチ</strong></li><li><strong>YouTubeのサムネイル</strong></li><li><strong>Twitterのヘッダー</strong></li><li><strong>ポスターやチラシ</strong></li><li><strong>メニュー表　etc…</strong></li></ul>
</div></div>



<p>最近のブログのアイキャッチなんかも勿論Canvaで作成したものです。<br>今まではぶっちゃけ携帯からインスタ開いてストーリー作る所で作成しPCに送って貼り付けてたんですが<br>これをやってから自分のダサさを呪いましたwww</p>



<p>ブログやYouTube閲覧者であれば皆さんGoogleアカウントを持っていると思うので<br>ログインはGoogleアカウントさえあれば簡単にできますのでまだの方はまずはアカウント作成から！</p>



<div class="swell-block-button blue_ is-style-btn_shiny" data-id="fc605f5f"><a href="https://www.canva.com/" target="_blank" rel="noopener noreferrer" class="swell-block-button__link" data-has-icon="1"><i class="icon-megaphone __icon"></i><span>Canvaへはコチラから</span></a></div>



<h2 class="wp-block-heading">さっそくファビコンを作ってみよう！</h2>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="600" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-1024x600.jpg" alt="" class="wp-image-919" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-1024x600.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-300x176.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-768x450.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-1536x900.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.41.07-2048x1199.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>ますは右上にある【デザインを作成】を押して左画像のように「ロゴ」を選択しよう。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>ここのデザイン作成の部分でサムネやアイキャッチも作ることが出来るので一通り慣れてきたらチャレンジしてみよう！</p>
</div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="554" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-1024x554.jpg" alt="" class="wp-image-921" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-1024x554.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-300x162.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-768x415.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-1536x831.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.49.46-2048x1107.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>するとロゴサイズの白紙が出てくるので、左にあるテンプレートや素材を好きに選んでみよう！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="537" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-1024x537.jpg" alt="" class="wp-image-922" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-1024x537.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-300x157.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-768x403.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-1536x806.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-16.54.11-2048x1075.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>僕にちなんで「影」で検索して良さそうなのを選んでみたよ。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left -sp-vrtcl" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -thinking -border-on"><div class="c-balloon__text">
<p>なんでホラーっぽいんだよw</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="548" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-1024x548.jpg" alt="" class="wp-image-923" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-1024x548.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-300x161.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-768x411.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-1536x822.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.02.21-2048x1096.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>余白があるので右クリックの「画像を背景として設定します」を押してピッタリにしましょう！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>後はここの枠内にブログのタイトルを書いたり略称を書くのもいいです。ただロゴマークなので実際はとても小さく映るので細かい文字だと見えなくなるので注意！</p>
</div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="546" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-1024x546.jpg" alt="" class="wp-image-924" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-1024x546.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-300x160.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-768x410.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-1536x819.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.06.10-2048x1093.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>「見出しを追加」で文字が打てます。フォントやサイズなんかもその都度調整できるので試してね。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div>
</div>



<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="554" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-1024x554.jpg" alt="" class="wp-image-925" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-1024x554.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-300x162.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-768x416.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-1536x831.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-20-17.10.16-2048x1109.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>左のメニューを閉じると上に「エフェクト」が出てくるのでいい感じに自分らしさを演出してみよう！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div>
</div>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>ざっとこんなもんで完成なんだけど分かったかな？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>…悔しいけどわかりやすかったわw<br>これならファビコンも簡単に作成できるね！！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="wp-block-columns">
<div class="wp-block-column">
<figure class="wp-block-image size-full is-style-default"><img decoding="async" width="500" height="500" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2489-1.jpg" alt="" class="wp-image-927" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2489-1.jpg 500w, https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2489-1-300x300.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_2489-1-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>



<div class="wp-block-column"><div class="swell-block-balloon"><div class="c-balloon -bln-right -sp-vrtcl" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>君がプレゼントされたこのファビコンはなぜ使ってないんだい？<br><strong>さぁ、</strong>使い<strong>始めよう。</strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>バレたwwwww<br>俺も今ひっそり自作のを作ってみたんだよ！ひとまずしばらくは新しいのにして今後またいいデザインを思いついたら変えてみようかな？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/影.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">影先生</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>あくまでシンボルマークなので下手に変更し過ぎて読者さんを困らせない様にね。ロゴを見て「あ、○○さんだ！」ってすぐに分かりやすくするものなんだからね（正論）</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div>
</div>



<h2 class="wp-block-heading">まとめ（ファビコン〜Canva）</h2>



<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="575" src="https://u-sukeblog.com/wp-content/uploads/2022/03/wordpress-552924_1280-1024x575.jpg" alt="" class="wp-image-929" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/wordpress-552924_1280-1024x575.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/wordpress-552924_1280-300x169.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/wordpress-552924_1280-768x431.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/wordpress-552924_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ファビコンを設置する事で自分のBlogのシンボル的な役割を担うので非常に重要！<br>要するにWebページを判別するための目印にもなる。<br>SEO対策でもメリットがあるので設置するに越した事はない。</p>



<p>またブラウザ上でお気に入り登録した際にもこのファビコンは大いに活躍します。<br>下記ではまだ紹介しきれていませんが僕がブログを作成していく上でやってきた重要な部分をまとめています。</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl2"><div class="cap_box_ttl"><span>WordPressでBlogをやるにあたってやっておくべき事</span></div><div class="cap_box_content">
<div class="wp-block-group"><div class="wp-block-group__inner-container">
<div class="wp-block-group is-style-crease"><div class="wp-block-group__inner-container">
<p class="is-style-icon_pen">有料テーマ推奨（当ブログはswellを使っています）</p>



<p class="is-style-icon_pen">ファビコン（ロゴマーク）を作成、設置する。</p>



<p class="is-style-icon_pen">SSL化させる（セキュリティ面やGoogleからの信頼性アップ）</p>



<p class="is-style-icon_pen">アナリティクス、サーチコンソールを設定</p>



<p class="is-style-icon_pen">出来るだけ毎日記事を上げる</p>
</div></div>
</div></div>
</div></div>



<p>初めは本当に何をしていいのか、専門用語も難しくて大変だと思います。<br>初心者の僕でも理解できた事はこうして紹介していこうと思いますので分かりにくかったりしたらお気軽にコメント下さい！</p>



<p>少しずつ自分の形になっていくと本当に面白いですよ。<br>ではまた次回、お会いしましょう(*´ω`*)</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/【swell】-WordPressのテーマを-cocoonからswellにしてみた！-300x169.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://u-sukeblog.com/wordpress-swell/" target="_blank" rel="noopener noreferrer">【swell】WordPressのテーマをcocoonからswellにしてみた！</a>
						<span class="p-blogCard__excerpt">どうも〜ユウスケ（usk）です！（@uskwordpress） お気づきの方はおりますでしょうか？ 当blogのデザインが一新されているのを！ 自分でもビックリなくらいめっちゃいい&#8230;</span>					</div>
				</div>
			</div>
		</div>


<p><br></p>


<div class="is-style-rounded wp-block-site-logo"><a href="https://u-sukeblog.com/" class="custom-logo-link" rel="home"><img decoding="async" width="191" height="192" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-22.34.58-1.jpg" class="custom-logo" alt="ユウスケBlog" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-22.34.58-1.jpg 835w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-22.34.58-1-298x300.jpg 298w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-22.34.58-1-150x150.jpg 150w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-22.34.58-1-768x774.jpg 768w" sizes="(max-width: 191px) 100vw, 191px" /></a></div>

<p><a href="//af.moshimo.com/af/c/click?a_id=3322079&amp;p_id=1660&amp;pc_id=3082&amp;pl_id=27434&amp;guid=ON" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="//image.moshimo.com/af-img/0988/000000027434.jpg" width="300" height="300" style="border: none;" /></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3322079&amp;p_id=1660&amp;pc_id=3082&amp;pl_id=27434" width="1" height="1" style="border: none;" /></p>]]></content:encoded>
					
					<wfw:commentRss>https://u-sukeblog.com/wordpress-swell-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【swell】WordPressのテーマをcocoonからswellにしてみた！</title>
		<link>https://u-sukeblog.com/wordpress-swell/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress-swell</link>
					<comments>https://u-sukeblog.com/wordpress-swell/#respond</comments>
		
		<dc:creator><![CDATA[ユウスケ]]></dc:creator>
		<pubDate>Fri, 18 Mar 2022 17:09:16 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[swell]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[初心者blog]]></category>
		<guid isPermaLink="false">https://u-sukeblog.com/?p=851</guid>

					<description><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2022/03/【swell】-WordPressのテーマを-cocoonからswellにしてみた！-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>どうも〜ユウスケ（usk）です！（@uskwordpress） お気づきの方はおりますでしょうか？ 当blogのデザインが一新されているのを！ 自分でもビックリなくらいめっちゃいい！オシャレ感が出たぁぁぁヽ(´∀｀)ﾉ  [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://u-sukeblog.com/wp-content/uploads/2022/03/【swell】-WordPressのテーマを-cocoonからswellにしてみた！-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<p>どうも〜ユウスケ（usk）です！（<a href="https://twitter.com/uskwordpress" target="_blank" rel="noreferrer noopener">@uskwordpress</a>）</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container">
<p>お気づきの方はおりますでしょうか？</p>



<p><strong><span class="swl-fz u-fz-l">当blogのデザインが一新されているのを！</span></strong></p>



<p>自分でもビックリなくらいめっちゃいい！オシャレ感が出たぁぁぁヽ(´∀｀)ﾉ</p>
</div></div>



<p>今回はタイトルにある通りこのblogの新テーマswellについて練習がてら書いていきたいと思います♪</p>



<h2 class="wp-block-heading">WordPress初心者が有料テーマのswellを決断した理由</h2>



<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="553" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-1024x553.jpg" alt="" class="wp-image-857" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-1024x553.jpg 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-300x162.jpg 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-768x414.jpg 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-1536x829.jpg 1536w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-18-23.53.07-2048x1105.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Blogのtopに行くと上記の画像の様にデザインが一新されたんです！<br>以前の無料テーマcocoonの時のtopもスクショ撮っておけば良かったなw<br>別モンです、まじで。</p>



<p>そして何と言っても<strong>「さぁ、始めよう。」</strong>のキャッチフレーズがクソダサくて<br>一緒に相談に乗ってくれている親友と12時間以上このネタで笑いすぎてもうこれ使っていくかとなりましたw</p>



<p>さてさて何故まだWordPress歴約半年の僕が決して安くない有料テーマのswellを購入するに至ったのか。<br>答えは単純、今後も本気でブログをやっていくなら有料テーマで慣れていった方が賢いと思ったからです。</p>



<p>これまでの記事を書きつつも他のブロガーさんやYoutube、<br>そしてこのswellをおすすめしてくれた我が親友からも色々と情報を得てました。</p>



<p>僕もまだまだ機能を使いこなせていなく「こんな機能もあるんだ！？」って毎日ワクワクしながらいじってます。<br>1日24時間じゃ足りないくらい調べ物に時間を費やしていますwww<br>ではある程度決め手になった理由を書き足していきたいと思います(●´ω｀●)</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span><strong><span class="swl-fz u-fz-l">✔︎有料テーマに魅力を感じたPoint</span></strong></span></div><div class="cap_box_content">
<ul><li>サイト全体が整っており見栄えが非常に良くなる</li><li>無料テーマに比べSEO対策がされているので余計な時間を使わなくてよい</li><li>サイトスピードが格段に速くなる</li><li>カスタマイズしやすそうでオリジナリティを作っていけそう</li></ul>
</div></div>



<p>「もう少しWordPressの操作に慣れてからでいいか」<br>と、初めは思っていましたがテーマが変わるとまた操作も変わっちゃいます。<br>共通している点も多いですが慣れた後にまた覚え直しとなると<br>仕事の転職と同じ感じになっちゃいますもんね。</p>



<p>ちょうど先日癌の手術が終わり現在療養中で時間もあったので<br>これを機にswellを導入してお勉強しちゃおうって流れになりましたd(ゝ∀・*)</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://u-sukeblog.com/wp-content/uploads/2022/03/IMG_3716-scaled-e1646746612122.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">usk</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>そしてblog内スピードがめちゃ上がった！<br>特にtwitterからのリンクの速さが尋常じゃないほどエグい！！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>以前の無料テーマcocoonの時にモバイルのTwitterからクリックしても<br>下手すると5秒以上経たないとblogに飛べなかった。<br>今や1秒台。この差は歴然・・・世界新記録やろ（違</p>



<p>このサイトスピードもSEO対策では非常に重要な事の１つでswellにした事でクリアしました♪<br>あれやこれやと色々とカスタマイズする時間を費やさなくてもある程度はもう完成されているので<br>記事に費やす時間がしっかり取れますね（って言いつつ2日間色々カスタムしてたw）</p>



<p>そしてまだまだ自分の知らないカスタマイズがいっぱいあるんで<br>それなりに記事の書き方に余裕が出てきたらもっと自分らしさを出していこうかな。</p>



<p>ここ半年間は目隠ししながら歩いていたようなもんだった、手探りすぎwww<br>僕はcocoonから他のテーマに変えたことはなかったので今回で２個目。<br>他のテーマとの比較は出来ませんがやはりswellの良い評価はどのblogでも言われているので<br>僕みたいなまだ駆け出しのWordPressブロガーには即決案件なんじゃないでしょうか？</p>


<p><iframe style="width: 120px; height: 240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=yusuke9449t09-22&amp;language=ja_JP&amp;o=9&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=as_ss_li_til&amp;asins=B0034792EG&amp;linkId=b2381a27986afc35023942e3809dfd33"></iframe></p>


<h2 class="wp-block-heading">swellにテーマ変更したら過去の投稿が崩れた・・・対処法は？</h2>



<p>僕みたいな事が起こってからググってどうしたらいいんじゃ〜！って人。<br>少なくないですよね？笑<br>サイトtopが綺麗になり喜んだのも束の間・・・記事を読んでみると色々崩れている(ノД`ll)</p>



<p>無料テーマの「cocoon」を使っていましたが安心してください。<br>何とswell購入者は「<strong>乗り換えサポートプラグイン</strong>」という優秀なプラグインがありました！<br>こちらを導入してみたらあら不思議！<br>完全までとはいきませんがある程度swellとの互換性を持たせることが出来ましたよ！<br>（他にもJIN、SANGOなど現在全６種類分のプラグインが用意されている）</p>



<p>それと同時にswellと同じ開発者が用意した「SEO SIMPLE　PACK」も必ず取りましょう。<br>cocoonでも取った記憶があったのですがアレとはまた違うっぽいので<br>プラグインの検索の時も下の画像を目印にして下さいね。</p>



<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="341" src="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-19-1.24.14-1024x341.png" alt="" class="wp-image-860" srcset="https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-19-1.24.14-1024x341.png 1024w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-19-1.24.14-300x100.png 300w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-19-1.24.14-768x256.png 768w, https://u-sukeblog.com/wp-content/uploads/2022/03/スクリーンショット-2022-03-19-1.24.14.png 1463w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ひとまず応急処置はこれで完了！<br>僕は過去の記事の修正は後回しにしてどんどん新しい記事を書いては操作を覚えて<br>追々修正をやっていこうと思うので重要な記事以外は一旦後回しってのでもいいと思います。<br>（多分この時点で初心者さんは稼げていないと思うので）</p>



<p>まだまだ分からない事だらけで毎日調べ物ばっかやってますが<br>楽しく記事を書いて覚えていきます(σ´∀｀)σ<br>果たしてswellでまたどんな発見が出来るのか楽しみですね。</p>



<p>僕のような初心者の方は多いと思うので少しでも参考になる記事も書き上げていきたいと思います♪<br>ではまた次回ヽ(^ω^)ﾉ</p>


<p><a href="//af.moshimo.com/af/c/click?a_id=3316381&amp;p_id=3885&amp;pc_id=9646&amp;pl_id=53838&amp;url=https%3A%2F%2Fswell-theme.com%2F" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="https://image.moshimo.com/af-img/3130/000000053838.jpg" style="border: none;" /></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3316381&amp;p_id=3885&amp;pc_id=9646&amp;pl_id=53838" width="1" height="1" style="border: none;" /></p>]]></content:encoded>
					
					<wfw:commentRss>https://u-sukeblog.com/wordpress-swell/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
