レスポンシブ・イメージ的に今使えそうな部分と、WordPressでの扱い方 | バニデザノート
レスポンシブ・イメージ。 ざっくり言うと、「retinaなど高解像度なディスプレイも増えてきたし そろそろPCビューでも@2xと@1xと両方の画像を処理しましょうかね。」 ・・という処理と、 レスポンシブレイアウトの際にさらに 「どうやって高解像度画像とノーマル画像を扱っていくの？」 っていう課題みたいなところのことかなと思っています。 そんなレスポンシブ・イメージ的なコーディングのしかたと ついでのWordPressで「今」どうやって扱うといいかなぁという考察です。 「retina.js」は、「/images」 などのフォルダに「a.jpg」 と 「a@2x.jpg」 を放り込めば自動でretinaな場合にのみ@2xに変えてくれる便利なjsです。 →わたしが使ったタイミングがだいぶ前なので、今はよくわからないのですが なんとなく重い、あと、なんか変換されてるのか不安になるので、設定が簡単
WordPressで条件分岐を使い記事一覧のサムネイル画像をカスタマイズする | ryodesignblog
WordPressでブログをやっている際に、トップページやカテゴリーの記事一覧ページなどで記事のサムネイルを表示させている人が多いかと思います。WordPressでは、記事にアイキャッチ画像を設定すると、それをthe_post_thumbnailという関数を利用して簡単に取得することができます。 でも、アイキャッチ画像が設定されていない場合はどうすればいいでしょうか。僕だったら、そういう場合は記事の1枚目の画像を表示させたいですね。 また、記事に画像が1枚もなかったら？なにも表示しないというのも寂しいので、「No Image」的な画像を表示させたいところです。 そういった、場合よって表示する内容を変えるには、PHPのif構文を使用します。WordPressはPHPで動いているので。 僕もPHPとかはあまりよく分かっていないのですが、簡単なif構文くらいならなんとか理解できます。今日は、そ
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する - かちびと.net
WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすいように説明文や画像を挿入して あげます。 正直、僕も初めて「アイキャッチ画像」と言われても機能性が全然ピンとこなかったのでWebに疎い方じゃ余計に理解しにくそうです。なので、分かりやすく説明文を入れておくと親切かもしれません。 説明文を入れる このようにアイキャッチのメタボックス内に説明文を加えます。 コード functions.phpに以下を加えます。 add_filter( 'admin_post_thumbnail_html', 'add_featured_image_instruction'); function add_featured_image_in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
