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

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

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

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

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

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

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

リンクカードとは

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

yutahand.me

fujii yuta

http://yutahand.me

明治大学総合数理学部先端メディアサイエンス学科(FMS)渡邊恵太研究室Starbucks CoffeeFront Engineer

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

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

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

amazletのCSS

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

こういうやつですね。↓

ハリー・ポッター コンプリート 8-Film BOX バック・トゥ・ホグワーツ仕様 ブルーレイ (初回限定生産/24枚組) [Blu-ray]

posted with amazlet at 18.09.11

ワーナー・ブラザース・ホームエンターテイメント (2018-09-19)
売り上げランキング: 3,215

Amazon.co.jpで詳細を見る

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

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

RoughLog（ラフログ）

CSSコピペで完了！amazletのデザインを簡単カスタマイズ。

https://rough-log.com/3528

Amazonの商品を簡単に紹介できるWEBサービス「amazlet」。見ていた商品を1クリック＋コピペで紹介できる便利なサービスです。今回はそんな「amazlet」のデザインをカスタマイズしたので紹介します。CSSコピペするだけなので作業も簡単です。

目次のCSS

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

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

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

WordPress Related Postsの導入

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

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

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

おわり

いかがでしたか。

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

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

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

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