WordPress 4.4からデフォルトで実装されたレスポンシブイメージってどうなのよ？
このブログでもレスポンシブイメージについて何度か紹介していますが（ココとかココで）、2015年の暮れにリリースされたWordPress 4.4 Clifford からsrcsetとsizesを使ったレスポンシブイメージがWordPressのCoreに実装されました。サーバにインストールして使うWordPress.org版だけでなく、WordPress.comにも実装されたとのことで、実質的には世界で2割以上のウェブサイトでレスポンシブイメージ（srcsetとsizes）が使われていることになるそうです。 このブログも先日WordPress 4.4に更新したので、WordPressのレスポンシブイメージがどんな実装なのか確認してまとめてみました。 基本的な仕組み 管理画面での設定なし・プラグインなしで<img>タグにsrcsetとsizesが挿入される ポリフィル（Picturefill）は
Gravatar - Globally Recognized Avatars
ユーザー数は2億人を超えてさらに増加中 どこで何をするにもプロフィールは1つ あなたのメールアドレスはデジタルワールドへのパスポートになり、個人データを完全にコントロールできるようになります。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
WordPress 3.5 でメディアのリンク先から添付ファイルのページの選択肢を消去する – Simple Colors
WordPress 3.5 から、メディアアップローダーがガラッと変わって、3.4 までの画像を添付ファイルページにリンクさせない方法が使えなくなってしまっていますが、下記コードで（かなり強引ですが）消すことができます。 function media_script_buffer_start() { ob_start(); } add_action( 'post-upload-ui', 'media_script_buffer_start' ); function media_script_buffer_get() { $scripts = ob_get_clean(); $scripts = preg_replace( '#<option value="post">.*?</option>#s', '', $scripts ); echo $scripts; } add_action( '
WordPressで条件分岐を使い記事一覧のサムネイル画像をカスタマイズする | ryodesignblog
WordPressでブログをやっている際に、トップページやカテゴリーの記事一覧ページなどで記事のサムネイルを表示させている人が多いかと思います。WordPressでは、記事にアイキャッチ画像を設定すると、それをthe_post_thumbnailという関数を利用して簡単に取得することができます。 でも、アイキャッチ画像が設定されていない場合はどうすればいいでしょうか。僕だったら、そういう場合は記事の1枚目の画像を表示させたいですね。 また、記事に画像が1枚もなかったら？なにも表示しないというのも寂しいので、「No Image」的な画像を表示させたいところです。 そういった、場合よって表示する内容を変えるには、PHPのif構文を使用します。WordPressはPHPで動いているので。 僕もPHPとかはあまりよく分かっていないのですが、簡単なif構文くらいならなんとか理解できます。今日は、そ
WordPressの画像は1枚見たら7枚在ると思え | room402.biz
夏によく現れる黒い虫みたいなタイトルになってしまいました。 今日はWordPressの運営という視点から見た画像管理に関してのお話です。 WordPressに限らずWebサイトで最もサーバーの容量を圧迫するのは、やはり画像ファイルです。 そして、容量が大きいコンテンツというのは同時にサーバーの転送量も多く消費するという事になります。サーバーの保存容量を圧迫する上に、転送量も多くかかるため転送量制限にも引っかかりやすくなります。 また、サーバー管理者側の視点から見れば、転送量の多いファイルを頻繁に呼び出されるとサーバーパワーを多く消費してしまいます。 軽ければ軽いほど良い そもそもWebサイトは構成ファイルにしろ、読み込み速度にしろ、表示速度にしろ、転送量にしろ、なにしろ軽ければ軽いほど良いものです。エコであり、ストレスフリーです。 WordPressサイトを軽くしたり速くしたりする方法は
WordPress3.5をサブディレクトリにインストールした時、画像の保存先をルート直下にする方法
define( ‘UPLOADS’, ‘アップロードパス’ ); と追記するれば解決できるのですが、 WordPress3.5をサブディレクトリにインストールした時に画像の保存先をルート直下にする方法をご紹介します。 例） WordPress本体 → /wp/ 画像の保存場所 → /images/ と記述すればいけるのかな…と思っていたのですが、 画像の 【ファイルの URL:】 を確認してみると、 http://www.example.com/wp/../images/example.jpg となってしまい断念。。 色々試したものの解決方法が見つからなかったので、 仕方なく MySQL の upload_path と upload_url_path に直接記述していたのですが、 プライムストラテジーの王さんが便利なプラグインを出している事が分かりました。 「030 Ps Display
ブログ開設時の自分にこの2点だけはやっておけと伝えたいこと | HAYA技
読了時間：約 1分22秒 photo credit: itselea via photopin cc ここ最近、ブログまわりを改善中です。 その中でブログ開設時に戻れるなら。。。 「これだけは最初にやっておけ」と自分に伝えることを2つあげてみます。 尚、私のブログ更新については下記の記事をご参照ください。 私のブログ更新方法や使用ツールまとめ | HAYA技 1記事（ページ）ごとのURL。アレです。 今更、変更する必要もないのですが初期設定から投稿名に変更しました。 例：/?p=123（default）⇒/wordpress-setting（投稿名） まあ見た目の問題です。 パーマリンクを変更すると。。。 これまで積み上げてきたツイート数やはてブ数などが0表示になってしまいます。 Wordpressでブログ始める際には必ず最初に設定しておきましょう。 WordPressでSEOに有利かつ短
[WordPress]File Galleryで投稿一覧にサムネイルを表示させると見やすくなる | delaymania
WordPressでブログやってます@delaymaniaです。 皆さん、アイキャッチ画像設定してますか？(←設定してない人はこちらで一括指定できます) アイキャッチ画像を設定してるとこれだけ便利だよという一例を紹介します。 投稿一覧画面にサムネイルを表示させる 元々は画像を一括挿入できると聞いて入れたプラグインなのですが、一括アップロードができないという意味の分からなさ。 アップロードを一括でやりたいのに、アップロードされてる画像なら一括で挿入できますっていう意味だったので全く使ってませんでした。 ▼これが投稿画面のFile Gallery。ここでいろいろいじれますが、そもそもこれがめんどくて使わなくなります。 しかし、真骨頂はこれではなかったのです。 ▼これがFile Galleryを入れてるときの投稿一覧画面。アイキャッチ画像がサムネイル表示されてめっちゃ見やすい！ このためだけ
[WordPress]Auto Post Thumbnailで過去記事全てにアイキャッチ画像を入れた | delaymania
WordPressでブログやってます@delaymaniaです。 今年の頭から必ずアイキャッチ画像は設定してたのですが、去年の記事は一切やってなかったのでプラグインで一気に入れました。 サムネイル付の関連記事を表示するプラグインなどで必要になりますので、気になる方は試してみてください。 アイキャッチ画像を設定するメリット WordPressでブログやってる方。アイキャッチ画像を1記事ごとにちゃんと設定してますか？ ▼投稿画面右側のここのこと。 サムネイル付で関連記事を表示させたいときに、プラグインによってはこのアイキャッチ画像を使うことになります。 仮に500記事の記事全てにアイキャッチ画像を設定したいと思ったとき、500記事を1つずつ設定するとたぶん腕がもげちゃうので、「Auto Post Thumbnail」というプラグインをおすすめします。 Auto Post Thumbnailの
WordPressを高速化する9つのステップ | PLUS
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7ｓかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。 確かに毎回アイキャッチを登録するのも、慣れていないと面倒です。しかし、何もしないとレイアウトが崩れてしまう場合もあります。その為、テーマファイル内で条件分岐して、レイアウトを調整して・・・というのも面倒ですよね。 なので、アイキャッチを設定しない際は自動でデフォルト画像が表示されるようにしましょう、というのが今日の内容です。 よく使われる方法if (has_post_thumbnail()) { the_post_thumbnail(); }else { echo '<img src="' . get_bloginfo('template_directory') . '/images/default.png' .
RetinaサポートWebへの第一歩 – Taiyo Fujii, writer
iPhone 4、iPad 3でスクリーンを改革したAppleが平然とデスクトップにも切り込んできた。 MacBook Pro Retina のことだが、一度触るともう戻りたくなくなるほど美しい（個人的には MacBook Air を買ってしまったんだけど）。そんな美しいスクリーンの価値を落とすのがWebサイトだ。画像の解像度を間違ってしまったかのような見栄えになってしまう。 まず、一番簡単なあたりから。WordPressを使っているなら、Retina for WPを使えばエントリーにアップロードするメディアに限っては簡単に Retina 対応できる。昨日アップロードしたエントリーで使っているが、 window.devicePixelRatio をJavascriptで判定して cookie を喰わせ、読み込む画像を判定している。 [retina normal=”http://blog.t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Awesome Image Optimization Plugins for WordPress | inspirationfeed.com
seotemplate.biz
画像のみ、pタグで囲わないようにする
How to Remove the Width and Height Attributes From WP Image Uploader