ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー(WordPressテーマ)】フッターの変更

基本デザイン設定

こんにちは、ごま吉(@Lv1gomakichi)です。

この記事では、マナブログコピーのフッターの設定を学ぶことができます。

注意念のため必ずコードのBackupを取っておいてください。※トラブル等あった場合は責任は負えませんので必ず自己責任でお願いします。

当ブログについて

マナブログさんに参考マニュアルとして掲載して頂きました😆
本家認定のマニュアルです。

Manablog Copy フッターの設定

フッターの設定は管理画面からPHPファイルを編集します。
管理画面外観テーマエディターfooter.phpをクリックしましょう。

私の設定例は以下

  • ①About me! →筆者についてに変更
  • ②自己紹介文 →サイドバー文章と同じでOK
  • ③プロフィールやお問合せページへのURL(※)
  • ④プロフィールやお問合せページへのリンク文言
  • ⑤Portfolio →カテゴリに変更
  • ⑥”” → ""の間にリンク先のURLを入れましょう(※)
  • ⑦リンク先カテゴリの名称
  • ⑧Twitter →このままでOK
  • ⑨TwitterURL →あなたのTwitterアカウントのURLを入力
  • ⑩Twitterアカウント名 →あなたのTwitterアカウント名を入力
  • ⑪コピーライト部分 →あなたのブログURLブログ名称を入力

※デフォルトのコードには、プロフィールへのリンク付近(35行目、38行目付近)に<!--及び-->の非表示タグが入ってますのでこれはカットします。

※同一ブログ内への移動になるので、target="new" rel="nofollow"のコードは削除

当ブログで設定したコード

				</div> <!-- end of articleBody -->
			</section>
		</article>
		<?php
			// LPページ用のカスタマイズ
			if ( is_page_template( 'page_lp.php' ) ) {
			} else {
				get_sidebar();
			}
		?>
	</div> <!-- end onf row -->
</div> <!-- end onf container -->

</main><!-- end main -->

<!-- パンくずリスト -->

<?php wp_reset_query(); ?>
<?php if ( !is_home() ) { ?>
<?php get_template_part( 'breadcrumb' ); ?>
<?php } else { ?>
<?php } ?>

<!-- /パンくずリスト -->

<footer id="footer" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter">

	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-4">
				<h4>筆者について</h4>
				<hr>
				<div style="clear:both"></div>
				<p>アフィリエイト歴15年の広告代理店営業マン。元グラフィックデザイナー兼webデザイナーから転職しました。</p>
				
				<a href="https://sarugamamani.org/blog/" style="color:#337ab7;">» このブログについて</a><br />
				<a href="https://sarugamamani.org/privacypolicy/" style="color:#337ab7;">» プライバシーポリシー</a><br />
	<a href="https://sarugamamani.org/contact/" style="color:#337ab7;">» お問い合わせ</a><br />		
			</div>

			<div class="col-xs-12 col-sm-4">
				<h4>Manablog Copy の制作手順</h4>
				<hr>
				<div style="clear:both"></div>
				<ul class="list-unstyled">
					<li><a href="https://sarugamamani.org/category/install/">【ステップ①】インストール関連</a></li>
					<li><a href="https://sarugamamani.org/category/basicdesign/" >【ステップ②】基本デザイン設定</a></li>
						<li><a href="https://sarugamamani.org/category/plugin/" >【ステップ③】プラグイン実装</a></li>
						<li><a href="https://sarugamamani.org/category/design-outer/" >【ステップ④】外観デザイン設定</a></li>
						<li><a href="https://sarugamamani.org/category/other/" >【ステップ⑤】その他の追加設定</a></li>
				</ul>
			</div>

			<div class="col-xs-12 col-sm-4">
				<h4>Twitter</h4>
				<hr class="twitter">
				<div style="clear:both"></div>
				<a class="twitter-timeline"  href="https://twitter.com/Lv1gomakichi" data-widget-id="302814657645789185">Tweets by @Lv1gomakichi</a>
			</div>
		</div>
	</div>

	<div class="container-fluid credit">
		<div class="row">
			<p class="col-xs-12 text-center">Copyright - <a href="https://manablog.org/">Manablog Copy まとめ</a>, 2019 All Rights Reserved.</p>
		</div>
	</div>

</footer>

</body>

<script src="<?php echo get_template_directory_uri(); ?>/scripts/min/myscripts-min.js"></script>
<script type="text/javascript">
function downloadJSAtOnload() {
	var element = document.createElement("script");
	element.src = "<?php echo get_template_directory_uri(); ?>/scripts/min/defer-min.js";
	document.body.appendChild(element);
}
if (window.addEventListener)
	window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
	window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

<?php wp_footer(); ?>
</html>

フッターの文字が小さいので調整

フッターの文字を少し大きくしました。
以下のCSSコードを追加します。

追加は、カスタマイザー追加CSSでOKです。

footer p, footer a {
font-size: 14px;
}

ul.list-unstyled{
line-height: 0;
}

main .wrap .meta {
text-align: center;
font-size: 15px;
}

画像提供:Freepik – jp.freepik.com によって作成された infographic ベクトル



注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定