WordPressで条件分岐を使い記事一覧のサムネイル画像をカスタマイズする | ryodesignblog
WordPressでブログをやっている際に、トップページやカテゴリーの記事一覧ページなどで記事のサムネイルを表示させている人が多いかと思います。WordPressでは、記事にアイキャッチ画像を設定すると、それをthe_post_thumbnailという関数を利用して簡単に取得することができます。 でも、アイキャッチ画像が設定されていない場合はどうすればいいでしょうか。僕だったら、そういう場合は記事の1枚目の画像を表示させたいですね。 また、記事に画像が1枚もなかったら？なにも表示しないというのも寂しいので、「No Image」的な画像を表示させたいところです。 そういった、場合よって表示する内容を変えるには、PHPのif構文を使用します。WordPressはPHPで動いているので。 僕もPHPとかはあまりよく分かっていないのですが、簡単なif構文くらいならなんとか理解できます。今日は、そ
[CSS]拡大表示する際、CSS3でぼよよ～んとしたアニメーションを加えるチュートリアル
サムネイルを拡大表示する際など、単にズームするだけでなくCSS3を使ってバウンドのアニメーションを加えるスタイルシートのチュートリアルを紹介します。 デモページ 実装 HTML 中央に配置する領域をdiv要素で確保し、スライドするパネルはdiv要素で、各アイテムはリスト要素で実装します。 <div id="item-receiver"></div> <div id="thumbnail-wrapper"> <img src="images/plus.png" id="plus" width="60"> <ul class="item-list"> <li><img class="item" src="images/item/craftertees.jpg" width="70"></li> <li><img class="item" src="images/item/gene.jpg" w
webkit2png以外のサイト・サムネイルの生成。 - それマグで！
webkit2pngコマンドがMacでは今のところ一番手軽だと思います。 brew install webkit2pngwebkit2pngはまたはgithub 経由か、http://www.paulhammond.org/webkit2png/:title開発者サイトから。 その他の方法について GUIが良い人は http://www.realmacsoftware.com/littlesnapper/ や http://derailer.org/paparazzi/ Linuxな人は http://khtml2png.sourceforge.net/ LinuxでもMozillaがいいよ！って人は http://www.hackdiary.com/2004/06/13/taking-automated-webpage-screenshots-with-embedded-mozilla/
Macで簡単にWEBサイトのサムネイルを生成するwebkit2pngコマンド - それマグで！
WEBサムネイルを作成する方法はいろいろありますが。Macにも、それ用のコマンドがありました。 webkit2pngコマンドでサイトのサムネイルを作成する 配布元はwebkit2png インストールとかは特になし、サイトからPythonのソースコードをダウンロードするだけ curl http://www.paulhammond.org/2009/03/webkit2png-0.5/webkit2png-0.5.txt > webkit2png chmod +x webkit2pngまたは、githubから git clone https://github.com/paulhammond/webkit2png/最新版にするとFLASHもちゃんとショットされる。 使い方 ./webkit2png http://www.yahoo.co.jp 実行するとサムネイルが作られる オプションなしだと、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
