綺麗なリンクカード!細々したブログカスタマイズまとめ。




Sponsored Link

お久しぶりです。夏休みでした。笑
夏休み、やりたいことはたくさんあったはずなのに、あまりできていない状況です。

その代わり、人間的に色々成長できたかなぁと思っています。

僕は「続ける」ということがあまり得意な方ではないので、前回の投稿から時間が経ってしまいました。

気を取り直して今回からなるべくコンスタンスに投稿していきたいと思います。

僕がこのブログで主にお話ししたいのはプログラミングに関することだったりコーヒーに関することなのですが、最近は身の回りのことだらけですね。あれっ笑

さて、このブログのお話です。やっているからにはたくさんの方に見てもらいたくて、色々工夫をしています。特に見た目にはこだわっていて、今回はリンクカードを設置してみました。

リンクカードとは

リンクカードとは、こういうやつです。↓

ぽぽづれさんという方が開発したブログパーツで、プラグイン化しているため、WordPressで簡単に導入することができます。

CSSの編集も簡単で、自分好みにある程度はカスタマイズすることができます。

更新には少し時間がかかるのかもしれません。
このリンクカードの中央揃えをしたいのですが、設定を変更したあとまだ更新されていません。

amazletのCSS

amazletは、amazonのアフィリエイトリンクを作ってくれるブログパーツです。

こういうやつですね。↓

ハリー・ポッター コンプリート 8-Film BOX バック・トゥ・ホグワーツ仕様 ブルーレイ (初回限定生産/24枚組) [Blu-ray]
ワーナー・ブラザース・ホームエンターテイメント (2018-09-19)
売り上げランキング: 3,215

最近ハリーポッターを(僕は本派です)読んでいて、ハマってます。笑

このCSSの編集には、下のリンクを参考にさせていただきました。

目次のCSS

スクリーンショット 2018 09 12 3 37 52

目次のCSSも調整しました。

今まで背景と枠線、文字の色は僅かながら変えていたのですが、以前どこかで見たブログの目次が、全て同じ色で統一されていて、とてもシンプルで良かったので、真似てみました。

また、背景を白に変え、中央に寄せました。

WordPress Related Postsの導入

スクリーンショット 2018 09 12 2 54 45

関連記事の表示をはじめました。この手のプラグインは割とたくさんあるのですが、特にあまり変わらなそうだったので、WordPressが公式で出しているWordPress Related Postsを導入することにしました。

拡張する画面はあるのですが、拡張性が優れているわけではなく、サムネイルも正方形で凝ったCSSもありません。

ただ僕はいずれ、Googleの関連記事を表示する予定なのでとりあえずはこのままで行きます。笑

おわり

いかがでしたか。

今回は見た目の調整の報告でした。

見た目の調整と投稿にかける力は1(調整) : 9(投稿)らしいですが、僕は5 : 5くらいでやってますね笑

参考にはならないと思いますが、備忘録だと思ってください。笑

次回は夏休みの思い出です。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です