WordPressで使うイメージをレスポンシブにする方法
WordPressは実にパワフルなプラットフォームです。 レスポンシブで、かつ統合されたテーマを作ることは、一度その方法を理解してしまえばとても簡単です。 一方で、もし必要なら、ワードプレス自体の機能を使わなくても、レスポンシブなイメージを作ることは可能です。つまり、マニュアルでイメージを保存するディレクトリに下りていって、それぞれのサイズのイメージを保存し、HTMLエディターでイメージタグのsrcset属性にイメージの名前をマニュアルでタイプすれば良いのです。 しかし、この方法は時間がかかりますし、HTMLに慣れていないユーザーにとっては難しいかもしれません。 幸い、この面倒な作業をすべてWordPressにさせることが可能です。 プラグインを使うことによって、一つのイメージをアップロードするだけで必要なサイズのイメージを自動的に生成させ、イメージを表示したい箇所のHTMLのイメージタグ
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）は
スマホサイトいらず！国内外のレスポンシブ対応の無料Wordpressテンプレートまとめ
2015年4月21日より、Googleはランキングの要素としてモバイルフレンドリーかどうかを使用すると公式に発表をしました（※1）。これは各所で話題になっていますので、すでにご存じの方も多いのではないでしょうか。 そのグーグルが現段階でモバイルフレンドリーなデザインパターンとして推奨しているのが、レスポンシブウェブデザインです（※2）。 ユーザーがデバイスによって見づらくなることは、ホームページ運営者にとっては避けなければならないことです。 今回は、レスポンシブウェブデザインに対応したWordpressの無料テンプレートをご紹介します。 ※1）http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html ※2）https://developers.google.co
WordPressでレスポンシブ・イメージの自動化を可能に。RICG公認プラグインが公開
追記： 2016.01.29 WordPress 4.4からレスポンシブ・イメージがCoreに実装されました。詳しくは以下をご覧ください： WordPress 4.4以降でのレスポンシブ・イメージ・プラグインはどうなるの？ WordPress 4.4からデフォルトで実装されたレスポンシブイメージってどうなのよ？ レスポンシブ・イメージの仕様策定や普及に努めているRICG（Responsive Images Community Group） が公認したレスポンシブ・イメージのWordPressのプラグイン が公開されましたね。このプラグインを使うとWordPressでのレスポンシブ・イメージの解像度対応の自動化が可能になります。RICG公認のプラグインが出たことでプラグインの開発や普及が加速すると嬉しいですね。 そもそもレスポンシブ・イメージってなによ？という方は、こちらあたりをお読みくださ
35 Best Free Responsive WordPress Themes Of 2012 - Designbeep
We continue to collect and share best free resources released in 2012. This week,we are showcasing premiu-like yet free responsive wordpress themes. Probably,responsive web design technology has become one of the most trendy and essential concept in design industry. Responsive web design is basically the concept of building a website that allows the layout adapt itself according to the device peop
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ample - Business & Portfolio Responsive WordPress Theme 2021
Master Slider WordPress Documentation - Master Slider WordPress Documentation - Averta Docs
Free Business Autoplay Slider - Master Slider Plugin
レスポンシブWordPress（ワードプレス）ビジネステーマ一覧 | Wordpress(ワードプレス)ビジネステーマならオーツービジネステーマ | 日本語ワードプレステーマ