Bloggerカスタム

【Blogger】人気記事と同じ見た目で「最新記事」を表示したい～導入編～

標準のガジェットとして付属している「人気記事」と同じように「最新記事」の見出しを追加したかったので。

だいぶ四苦八苦しました。

フィードガジェットを使う方法が簡単で、実際にしばらく設置していましたのでこれの設置方法と、外部ツールを使用する方法の２通りご紹介していきます。

フィードガジェットで最新記事表示

この方法は簡単なのですが、

・画像のサムネが表示できない

・ブログテーマのHTMLを編集すると何故かガジェットタイトルが消える

という不都合があります。ご注意ください。

１.Blogger編集ページから「レイアウト」→「ガジェットを追加」をクリック

画像ではサイドバーの所に追加していますが、自分の入れたい場所のどこでも構わないです。

２.真ん中下あたりの「フィード」を探してクリック

３.「フィードのURL」の所にブログのトップページURLを入れる

私の場合は画像のURLですね。終わったら「次へ」を。

４.もろもろ設定をします

「タイトル」のところは「新着記事」でも「最新記事」でもお好きなものを。

「表示」は何件表示するか・日付・投稿者・リンクを新しいウィンドウで開くか、を任意で設定します。

プレビューを見て問題無いなら「保存」です。

５.ガジェットを好きな場所に移動して終了

追加したては一番上にガジェットがありますので、ドラッグで好きな場所に移動します。

確認して問題が無ければこの方法は終了です。

外部ツールで最新記事を表示

※画像は例ですが、まだ未完成です。この記事が公開される頃には完成していると思うので、サイドバーをご参照下さい。

こちらの方法ですが、

Blogger Random – Recent – Specific Label Posts Widget – All in One Post Feed Widget

というツールを使用します。

１.提供元サイトにアクセス

下のリンクが提供元サイトです。

SNEEIT（Blogger Random - Recent - Specific Label Posts Widget - All in One Post Feed Widget）

英語ですが心配いりません。

２.とりあえず構想の設定を入力

画像はクロームの自動翻訳を使った状態です。

結構翻訳が怪しいですが、フィーリングで分かる部分もあります。

※後からでも変更可能です。

大事なものを挙げていきます。

・「投稿数のリセット」…表示する投稿数

・「ポストオーダーのリセット」…最新記事を表示したいなら「最新」(Latest)

でしょうか。

あとはニュアンスで意味は分かると思いますのでお好きに設定してください。

３.終わったら「ウィジェットを追加する」(Add Widget)

４.追加するブログを選択

Bloggerのポップアップが出ますので、追加するブログを選択します。

「タイトル」の部分に「最新記事」等、任意のものを入れます。

終わったら「ウィジェットを追加」です。

これで導入は終了です。

導入後

導入が終わると、ヘッダーの一番上あたりに自動的に挿入されているかと思います。

うーん…サイドバーに移動してもこのままでは使えない残念な完成度です。

という訳でカスタムするのですが、カスタムの説明が非常に長くなりますので、記事を分けます。

続きのカスタム編は以下の記事です。
【Blogger】人気記事と同じ見た目で「最新記事」を表示したい～カスタム編～

スポンサーリンク

　　　　　　　　　　　 　　　　　　　　　　　　 あなたにおすすめの記事