Written by ツッキー

【Manablog Copy】すべての記事下に人気記事を挿入する方法【画像付き解説】

manablog copy

マナブログコピーを使う人「すべての記事下に人気記事を入れたいなぁ。どこをいじればいいんだろう。。」

このような悩みに答えます。

すべての記事の下に人気記事を入れたいけど、全部の記事にリンクを貼るのは大変ですよね。

僕もManablog Copyに移行したばかりのころに、同じ悩みを抱いていました。

同じ悩みを持つブロガーのために、以下のように、すべての記事下に人気記事を挿入する方法を解説したいと思います。

manablogcopy-popular-post

それではよろしくお願い致します。

※まだManablog Copyを使っていない人は以下の記事を参考にどうぞ。

応援クリックお願いします。

ツッキーを応援お願いします!あなたの1クリックが励みになります。
»にほんブログ村

この記事を読んでわかること

  • すべての記事下に人気記事を挿入する方法

記事の内容

すべての記事下に人気記事を挿入する方法

blog-hint

すべての記事の下に人気記事を挿入する手順は次の通りです。

  • 外観→テーマエディタ→single.php
  • 人気記事を入れるソースコードを挿入

すべての記事下に人気記事を挿入するには、single.phpを編集します。

single.phpに行くには、外観→テーマエディタ→single.phpの順で操作すればオッケー。

popular-post-editplace

single.phpの31行目の上に、記事のリンク/タイトルを置き換えて、以下のソースコードをコピペすると、すべての記事の下に人気記事が表示されるようになります。

<p style="margin-bottom: 10px;"><span style="font-size: 14px;color: #fff;margin-right: 10px;background-color: #ee7917;border-radius: 2px;padding: 8px 8px 7px;">人気記事①</span><a href="記事のリンク" rel="noopener" target="_blank">記事のタイトル</a></p>
popular-post-after-edit

完成したらこんな感じ

manablogcopy-popular-post
記事の下に人気記事が表示されていますね。

記事下に入れる記事の例

記事下に入れる記事は、「すべての人に読んでほしい記事」を入れますよね。例としては次の通り。

  • プロフィール
  • 人気記事
  • あなたの心を込めて書いた記事

あなたが全力でおすすめできる記事を記事下に挿入しましょう。

マナブログコピーを使うまではテーマエディターを触ったことがなかった。

html-css-learn

今回の記事ではテーマエディターをいじっていますが、Manablog Copyにブログテーマを移行する前は、テーマエディターを触ったことはありませんでした。

Manablog Copyを使い始めてから、ブログをカスタマイズするために、HTML/CSS、Wordpressの使い方を必死に覚えています。

これもManablog Copyに移行したメリットかな、と思います。

僕がHTML/CSSを学習している参考書→まずは1冊でOK

僕がHTML/CSSの学習に使用している参考書は以下の一冊だけです。もしこれから勉強したいと思っている人は参考にしてください。

created by Rinker
¥2,980 (2023/09/29 05:56:40時点 Amazon調べ-詳細)

ということで、今回の記事は以上です。

今回の記事がManablog Copyを使っているブロガーの参考になれば、嬉しいです。

コメントや質問がある場合はツイッターでメッセージを頂くか、問い合わせからコメントを頂ければ、返信させていただきます。よろしくお願いします。