Sorairo

photo credit: Eric M Martin via photopin cc

テーマを自作する〜その③〜アイキャッチ画像に関するあれこれの2回目。

昨日のエントリーに引き続き、WordPressのアイキャッチ画像に関するあれこれの2回目です。
今日は、アイキャッチに使える写真素材サイトのご紹介と、アイキャッチ画像のキャプションについてエントリーしたいと思います。

advertisement

私の場合、iPhoneアプリを紹介する際にはiPhoneでアイキャッチ画像を作成しています。

アイキャッチ画像に使える写真サイト

もちろん、アプリ紹介だけがブログの記事ではありませんので、それ以外の記事に使うアイキャッチ画像はインターネット上で探しています。
現在私がメインで使っているサイトが以下です。

超有名かと思います。
画像の取得方法などは他のブロガーの方々がエントリーしていらっしゃいますのでココでは割愛します。
参考までにどうぞ。

クレジット表記をどうするか

画像のキャプション部分にクレジットをコピペするところまでは分かったんですが、どうやったらそれが表示されるのか、ここで結構悩んでしまいました。
記事を書く時にその都度書き入れるのもいいんですが、せっかく画像をアップロードする時にキャプション部分に入れるんだったらそれで完結したい。
ということでGoogle先生に問いかけたところ、以下の記事を見つけましたのでご紹介します。

私が思ってるまま、やりたいことがズバッと書かれてあり、目から鱗でした。
私の場合、divでくくるのは少し違和感があったのでpタグで囲むようにしました。
また、class名も「post-thumbnail-caption」から「eyecatchimg-caption」という風に自分が分かりやすいものに変更しました。
こういう細かいところに拘るのが実は大好きだったりします(笑)
結果、以下のようなコードになりました。

あとはCSSで文字の大きさや色を自分好みに変更すればいいわけです。
hirose(@shirose_jp)さん、ありがとうございました!

最後に

いかがでしたでしょうか。
これできちんとクレジット表記ができるようになりましたので、Photo Pinの写真は使い放題です(笑)
人様の写真を勝手に使うのはイケナイことなので、皆さんもきちんと設定をして注意しましょう。

advertisement

related posts

初めての有料テーマ「ALBATROS」を購入しました!

初めて有料のWordPressテーマを購入しました。有料なだけあってデザインもいいし機能満載でブログ執筆意欲を掻き立てられます。

WordPressの記事中にプラグインなしで目次を追加しました。

プラグインを使わずに記事中に目次を追加しましたのでご紹介します。

jQueryプラグインのLightboxを導入しました。

画像を表示するときにフワッと拡大表示させるjQueryプラグインのLightboxを実装しました。

WordPressのオリジナルテーマを自作しました。

テーマを変えたら自分でも作りたくなったので作ってみました。

テーマを自作する〜その②〜アイキャッチ画像に関するあれこれの1回目。

テーマを自作するシリーズの第2回目は、WordPressでアイキャッチ画像を使えるようにするために必要なことについて調べてみました。

WordPressにプラグインなしで色々と実装する方法

プラグインは便利ですけど重たくなる場合があるためできるだけそれに頼らずテーマ作成を行いました。

WordPressのテーマをLION MEDIAに変更しました。

WordPressのテーマをLION MEDIAに変更しましたのでご紹介します。

WordPressの記事中に内部リンクと外部リンクを出力するショートコード

WordPressの内外部リンクについてショートコードを実装してみましたのでご紹介します。

ブログのカテゴリーを見直してみました

新しいテーマに変更しましたので、ついでにカテゴリーも見直してみました。

私のブログ更新作業環境まとめ。

ブログを書く環境って大事ですよね。継続することの難しさはその環境のせいもあるかもしれません。