入れるコード画像で説明するコード蛇足WordPressのアイキャッチ画像は凄く便利で僕もテーマ開発時には必ず使用するんですがWebに疎いクライアントさんは必ずと言っていいほどアイキャッチ画像、という言葉がピンとこないようで忘れがちです。わかりやすいように説明文や画像を挿入してあげます。僕も初めて「アイキャッチ画像」と言われても機能性が全然ピンとこなかったのでWebに疎い方じゃ余計に理解しにくそうです。分かりやすく説明文を入れておくと親切かもしれません。説明文を入れるこのようにアイキャッチのメタボックス内に説明文を加えます。コードfunctions.phpに以下を加えます。'<p>アイキャッチ画像として画像を追加するとサムネイルが表示されるようになります。サイズは横300px、縦200pxになるようにしてください。</p>';}admin_post_thumbnail_htmlというフィルターフックを使う。”内に好みの文章を入れて分かりやすくしてあげます。画像で説明するこの投稿画面にはlightboxのjsライブラリが読み込まれていますのでこれを利用してみます。以下のようにポップアップで画像で解説すると分かりやすいですね。してヘルプ的に作ります。以下のように「ヘルプ」をクリックするとLightbox風にポップアップして追加方法が表示されるようにすればより親切に使い方を伝えられます。メタボックス内のテキスト自体が見にくい、という気もしないでもないので、画像を使うとか、cssで装飾するとかしてあげるといいですね。投稿ページで好きなcssを使う方法は以前、ドロップダウンするヘルプのカスタマイズで触れていますので合わせて参考にしてみてください。コードfunctions.phpに以下を加えます。'<p>ここにアイキャッチのボックス内のテキストが入ります。title="アイキャッチの使い方">ここをクリック</a>するとLightboxが表示される</p><p>アイキャッチを登録しないと小さな画像が表示されないので登録のし忘れにお気をつけ下さい。class="tut_inner"><p>この中身がLightboxです。</div></div>';}Lightboxの使い方は以前記事にしたのでおさらいですね。今日のコードは以下を参考にさせて頂きました。Glee蛇足ちょっとメモ書き。imagesとなっています。featuredは特集、みたいな意味です。機能的にもアイキャッチがしっくりくるんですけどね・・・もやもやします。picturesという機能があるんですが、こちらは「秀逸な画像」と訳しています。テーマがあったのでメモ。ドレ...WordPressWordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする凄く今更な話題かもしれませんが、知ってると便利なのでちょっと書いてみます。ResourceAdsタイトルとURLをコピーしました。