Archive

アイキャッチ

アイキャッチ

Hugoで記事のアイキャッチ画像を自動的に取得する

Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。 Hugo Static Site Generator v0.52/extended darwin/amd64 BuildDate: unknown たとえば、WordPress にはアイキャッチ画像という概念があります。Hugo にも同様に、アイキャッチ画像という概念があるものの、アイキャッチ画像の定義はユーザー側に委ねられています。よくある方法としては、Front Matter と呼ばれる記事のヘッダーに、アイキャッチ画像のイメージを定義することです。

画像

WordPressのアイキャッチ画像探しに便利なメニューバーから画像を検索できる「Stockmagic for Mac」

WordPressで記事を公開する際に、アイキャッチ画像を使用すると、タイトルとともに読者に印象を強く与えることができます。しかし、毎回アイキャッチ画像を自作することは手間のかかることですし、アイキャッチ画像で印象付けるよりも、記事の内容をより良いものにすることが重要です。 そこで利用したいのが、ロイヤリティフリー、いわゆるCC0(Creative Commons)で配布されている商用利用可能な著作権明記不要の画像。代表的なものとして、「Pixabay」や、「Pixabay」を含むCC0の画像を配布するサイトを横断して検索できる商用利用可能!ブログのアイキャッチ画像に使用できる著作権フリー(CC0 Public Domain)の画像を横断して検索できる「LibreStock」の記事でご紹介した「LibreStock」です。今回は、Macのメニューバーから「Pixabay」で公開されている画像を検索できるアプリをご紹介します。メニューバーから簡単に画像をダウンロードできるため、ブラウザを開く必要もなくなります。