こんにちは。WebスタッフのYです。 このサイトはWordPressで構築しています。 そこでWordPressの便利技をご紹介します。 一覧ページにサムネイル画像があると直感的に何についての記事か分かりやすく、クリック率が上がると思います。サムネイル画像を表示する方法はいくつかあり、アイキャッチ画像で表示させる方法が一般的ですが、もっと簡単な方法があります。 記事の中で使用している最初の画像を自動的にサムネイル画像として表示させる方法です。しかもプラグイン不要です。 まずは下記コードをfunctions.phpの分かりやすい箇所(一番下等)に貼付けてください。 // thumbnail自動表示 function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean()
なんでや。なんでくずれるんや。 YouTubeが貼ってあると崩れる この間まで『WPtouch』というプラグインを使っていました。(参考:WordPressプラグイン『WPtouch』を改造して、ブログを見やすくしてみよう!) ですがその後、今のテーマがiPhoneで見た時にキレイに表示される『レスポンシブWebデザイン』だった事に気づき、プラグインを使用しなでブログを表示させてみることにしたのです。 そしたらですよ。 こんなんなっちゃった。 本当ならアゴジンが横幅いっぱい表示されるはずなのに、これですよ。 アゴジンちっちゃい。ドヤ顔が切ない。 ちょいちょいっとスクロールするとYouTubeの埋め込み動画が。 見てくださいこの顔芸!……じゃなくて埋め込み動画。 こいつが幅をとってるのは確定的に明らか。おれの怒りが有頂天。 どうやらYouTubeの埋め込み動画が、うまくi
この記事は【転載】iPhone(スマホ)で背景が途中で切れてしまう時のCSS対処法に転載しています。今後、技術系のブログはリンク先ブログで更新していく予定なので、そちらもよろしくお願いいたします! PC用ホームページ制作中にiPhoneで「背景が横幅MAXで表示されない」という状況に陥りました。 これまでにも自分で制作したPC用のホームページをiPhoneで見る事はありましたが、 初めてぶつかった問題だったので備忘録としてCSSでの解決方法を残しておきます。 原因 iphoneでは、どんなホームページを見ても同じ横幅で表示されますよね。 調べてみたところ、今回の問題はそこに原因がありました。 iPhone用のSafariは、Viewport(PCでいうウィンドウサイズ)という概念を持っていて、 デフォルトで980pxに設定がされています。 980px以上のPCサイトであっても、iPhone
例えば記事中に画像を多く使うスタイルのブログでは、WordPress の「画像を追加」機能は少々操作が面倒です。アップロードは一括でできますが、「投稿に挿入」は1枚ずつしかできません。挿入後に「画像を追加」ウインドウが閉じてしまうのも手間を増やしています。「ギャラリー」で「1列」が指定できれば良さそうな気もしますが、本文が画像文章画像文章という構成だとギャラリーショートコードでは間に合いません。 そこで「画像を追加」ウインドウに「一括挿入」的なボタンを追加して、画像をダラダラッと本文に挿入する機能を実現してみましょう。この機能はクライアントの ART FACTORY GRAPHICS のサイトリニューアル時に絶対メンドクサイ言われるな、と対策したものです。過去ブログの大量データ移行にも大活躍でした。 ところで、この機能のプラグインを作るという話題をうっかり twitter で見かけたのです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く