<?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>manablog &#8211; スグブログ</title>
	<atom:link href="https://sugublog.org/tag/manablog/feed/" rel="self" type="application/rss+xml" />
	<link>https://sugublog.org</link>
	<description>ブログ運営について発信中</description>
	<lastBuildDate>Sat, 01 May 2021 18:41:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://sugublog.org/wp-content/uploads/2021/07/icon_20210703-min-150x150.png</url>
	<title>manablog &#8211; スグブログ</title>
	<link>https://sugublog.org</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【マナブログ】サイドバーに広告を入れる方法</title>
		<link>https://sugublog.org/manablog-sidebar-compiration/</link>
					<comments>https://sugublog.org/manablog-sidebar-compiration/?noamp=mobile#comments</comments>
		
		<dc:creator><![CDATA[suguru]]></dc:creator>
		<pubDate>Mon, 18 Jan 2021 16:01:00 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[manablog]]></category>
		<guid isPermaLink="false">https://sugublog.org/?p=576</guid>

					<description><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/01/image-173.png" class="webfeedsFeaturedVisual" /></p>初心者がこのテーマを使用するメリットは物凄くありますが、このテーマを編集して自分の思い通りの表示にしようとすると、少しこのテーマの知識とプログラミングの知識が必要となります。 その中でサイドバーに広告や自分の好きなものを [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://sugublog.org/wp-content/uploads/2021/01/image-173.png" class="webfeedsFeaturedVisual" /></p>
<p>初心者がこのテーマを使用するメリットは物凄くありますが、このテーマを編集して自分の思い通りの表示にしようとすると、少しこのテーマの知識とプログラミングの知識が必要となります。</p>



<p>その中でサイドバーに広告や自分の好きなものを表示させたいと思ったりすると思います。私もなりましてやろうと思ったのですが、やり方がわからず何回も苦戦してしまいましたので、簡単に覚書しておこうと思います。</p>



<p>私のサイトは「マナブログ」をいうブログを書いておられるマナブさんという方が作成したWordPressのテーマを使用させて頂いております。このテーマにするだけで見た目が一気にプロっぽくなり、本当に魔法のようなテーマで感謝しております。</p>



<ul class="wp-block-list"><li><a href="https://manablog.org/" target="_blank" rel="noreferrer noopener" title="https://manablog.org/">マナブログさんのサイトはこちら</a></li><li><a href="https://manablog.org/manablog-wordpress/" target="_blank" rel="noreferrer noopener" title="https://manablog.org/manablog-wordpress/">マナブログさんテーマ販売サイトはこちら</a></li></ul>



<h2 class="wp-block-heading">マナブログでサイドバーに広告を入れる方法</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1024" height="597" src="https://sugublog.org/wp-content/uploads/2021/01/image-171-1024x597.png" alt="" class="wp-image-583" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-171-1024x597.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-171-300x175.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-171-768x448.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-171-1536x896.png 1536w, https://sugublog.org/wp-content/uploads/2021/01/image-171.png 1692w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>ブログのサイドバーの赤枠の箇所にアフィリエイト広告を入れてみたいと思います。今回はA8.netのアフィリエイトのバナーを入れてみたいと思います。A8.netのアフィリエイト始めたい方は下記リンクからどうぞ！</p>



<p><a href="https://px.a8.net/svt/ejp?a8mat=3BDOYL+53YYPE+0K+ZV5HE">A8.net無料会員募集！</a><br></p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1024" height="776" src="https://sugublog.org/wp-content/uploads/2021/01/image-165-1024x776.png" alt="" class="wp-image-577" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-165-1024x776.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-165-300x227.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-165-768x582.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-165.png 1274w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>管理画面の「外観」→「テーマエディター」をクリックします。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1024" height="510" src="https://sugublog.org/wp-content/uploads/2021/01/image-166-1024x510.png" alt="" class="wp-image-578" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-166-1024x510.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-166-300x149.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-166-768x383.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-166-1536x765.png 1536w, https://sugublog.org/wp-content/uploads/2021/01/image-166.png 1913w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>外観のデザインされているphpファイルやcssファイルにアクセスできます。今回はサイドバーに広告を入れてみたいので右の「sidebar.php」ファイルをクリックします。</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1024" height="512" src="https://sugublog.org/wp-content/uploads/2021/01/image-167-1024x512.png" alt="" class="wp-image-579" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-167-1024x512.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-167-300x150.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-167-768x384.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-167-1536x768.png 1536w, https://sugublog.org/wp-content/uploads/2021/01/image-167.png 1911w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>サイドバーのデザインのphpファイルが開きます。あいている赤枠の箇所にhtml形式で入れたいものを入れます。今回はA8.netで連携した広告のリンクを入れます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="507" src="https://sugublog.org/wp-content/uploads/2021/01/image-169-1024x507.png" alt="" class="wp-image-581" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-169-1024x507.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-169-300x149.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-169-768x380.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-169-1536x760.png 1536w, https://sugublog.org/wp-content/uploads/2021/01/image-169.png 1909w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>広告のリンクをコピベして「ファイルの更新」をクリックします。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="548" src="https://sugublog.org/wp-content/uploads/2021/01/image-172-1024x548.png" alt="" class="wp-image-584" srcset="https://sugublog.org/wp-content/uploads/2021/01/image-172-1024x548.png 1024w, https://sugublog.org/wp-content/uploads/2021/01/image-172-300x160.png 300w, https://sugublog.org/wp-content/uploads/2021/01/image-172-768x411.png 768w, https://sugublog.org/wp-content/uploads/2021/01/image-172-1536x822.png 1536w, https://sugublog.org/wp-content/uploads/2021/01/image-172.png 1948w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>「ファイルの編集に成功しました」の文字を確認したらOKです。早速自分のサイトを見てみましょう！</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" src="https://sugublog.org/wp-content/uploads/2021/01/image-173-1024x594.png" alt="" class="wp-image-585"/></figure></div>



<p>先程何もなかった箇所にA8.netの広告が表示されている事を確認できました。</p>



<h2 class="wp-block-heading">マナブログでサイドバーに広告を入れる方法まとめ</h2>



<p>やり方は下記２点でした。</p>



<p>管理画面の「外観」→「テーマエディター」を編集する</p>



<p>「ファイルの更新」をクリックする</p>



<p>この仕組みを知っていれば、ある程度htmlやcssやphpの知識があればカスタマイズ可能かと思いますので、是非試してみてください。</p>



<h2 class="wp-block-heading">今回関連のリンク</h2>



<ul class="wp-block-list"><li><a href="https://manablog.org/" target="_blank" rel="noreferrer noopener">マナブログさんのサイトはこちら</a></li><li><a href="https://manablog.org/manablog-wordpress/" target="_blank" rel="noreferrer noopener">マナブログさんテーマ販売サイトはこちら</a></li><li><a href="https://px.a8.net/svt/ejp?a8mat=3BDOYL+53YYPE+0K+11O3G2">A8.netの申し込みページはこちら</a></li><li><a href="https://sugublog.org/a8-net%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%82%b5%e3%82%a4%e3%83%88%e3%81%94%e7%b4%b9%e4%bb%8b/16/" target="_blank" rel="noreferrer noopener" title="https://sugublog.org/a8-net%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%82%b5%e3%82%a4%e3%83%88%e3%81%94%e7%b4%b9%e4%bb%8b/16/">A8.netさんを使用してみての感想</a> </li></ul>
]]></content:encoded>
					
					<wfw:commentRss>https://sugublog.org/manablog-sidebar-compiration/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
