WordPress｜PCとスマホで記事中に表示させるコンテンツを切り替える方法
WordPress｜PCとスマホで記事中に表示させるコンテンツを切り替える方法Published by Keiichi Yorikane on 2013年2月12日2013年2月12日 Google Analyticsを見ると、Handmade Future ! にアクセスしてくださる方の環境は、4割がモバイル（スマートフォン＆タブレット）です。 ほとんどのブログやWebサイトは大差ないはずです。それどころか、スマートフォンからのアクセスが上回る時代が近いうちに来るでしょう。もはやスマートフォン対応は必須ですよね。 スマートフォン対応には大きく2つの方向性があります。1つはスマートフォン用のサイトを構築する方法。もう1つは、Handmade Future ! もそうですがレスポンシブデザインです。PCで閲覧している方は、ブラウザの横幅を小さくしてみてください。Handmade Future
WordPressのお手軽なスマートフォン対応！ | 世界中の1%の人々へ
WordPressでお手軽に携帯＋スマフォサイト対応するなら、Ktai Style＋WPtouchが便利！ Webサイトを利用するのがPCに限らない時代になってくると、かつてのように異なるブラウザで1ピクセルたりとも同じレイアウトに見えるWebデザインが無意味となってきました。代わって、様々なデバイスで正しく情報が伝わり、使いやすいことがWebサイトに求められてくるようになり、「プログレッシブエンハンスメント（Progressive Enhancement）」という考え方が主流になってきているわけです。 今後、ますますスマートフォン人口は増え、PCよりもスマートフォンでWebを見る人が増えてくることは間違いないでしょう。そこで、Webサイトのスマートフォン対応が必要になってくるわけですね。 スマートフォン対応といっても、いろいろやり方があるわけですが、今日のブログでは「お手軽なスマートフ
WPtouchを卒業iPhoneに最適化されたテーマと簡単なカスタマイズ方法などwordpress | nori510.com
どーも@nori510です。 当ブログのiPhoneからのアクセスの際の表示はずっと、簡単にiphone最適化表示が出来る「WPtouch」を使ってきました。 pluginを導入するだけで簡単にiPhoneに最適化された表示になり、非常に使い勝手がよろしいのですが、色々と思うところがあり、この程WPtouchを卒業する事にしました。 iPhone最適化テーマとカスタマイズ方法など iPhone用に最適化されたテーマへの変更方法と、ちょっとだけカスタマイズの方法などをご紹介したいと思います。 が、まずはWPtouch卒業の理由。 WPtouch卒業の理由 1.唯でさえ狭いiPhone画面の横幅が、縁取りのお陰で更に狭いのが☓ 勿論文字もですが、画像が多い当ブログにとって、表示域の狭さは致命的だなと思いまして。 2.WPtouchを利用する人が多すぎるのが☓ やっぱりオリジナリティー(?)を大
WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの？
WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの？ 2013年3月23日 Webサイト制作, Wordpress, スマートフォン 以前「WebサイトをiPhoneで見やすくする5つの方法」という記事でWebサイトをスマートフォンに対応させる方法を紹介しました。当時はそこで紹介しているMobifyというサービスでスマートフォンに対応させていたのですが、JavaScriptが使えないので、リデザインを期に別の方法でスマートフォンに対応させる事にしました。タイトルにあるとおり、WordPressのテーマを変更する方法とCSS Media Queriesを使った方法の２通りを試したので、その比較についても書いてみようと思います。 ↑私が10年以上利用している会計ソフト！ 最初に試した方法はCSSのMedia Queries（メディア クエ
スマートフォンごとにテーマを振り分けるプラグイン「WPtap Mobile Detector」 | cupca
cupca.netはWebデザイン・WordPress・スマートフォンなどの情報を紹介している情報サイトです。 この記事を読むための所要時間：５分ぐらい 内容 ： WPtap Mobile Detectorの導入 日本語の情報が少ないようなのでメモ。 WordPressのスマートフォン最適化 WordPressをスマートフォンに最適化させる方法で一番手っ取り早いのはWPtouchでしょう。 導入して簡単な設定をするだけで最適化できる高機能なプラグインです。 しかし、WPtouchを使ったサイトはどれも似通ったデザインになってしまうため、他ブログとの差別化を図りたい方にはおすすめできません。 そこで、今回は「WPtap Mobile Detector」を使った方法をご紹介します。 機能 PCからのアクセスには普段のテーマを適応 スマートフォンからのアクセスには、機種ごと(iPhone,
メディアクエリでiPhoneやiPadにもレイアウトが最適化されているHTML5製のWordPressテーマ・Constellation Theme - かちびと.net
iPhoneやiPadなど人気のタッチデバイス に対応させる事が最近では大きな課題 の一つでもあり、その方法としてライブラリ やツールを使う方法など様々です。WPも 多くの方法がありますが、今日のテーマは 既に最適化されたフレームワークになります。 css3のメディアクエリで様々なデバイスでも美しいレイアウトを保てるようにされているWPテーマのフレームワーク。HTML5を採用しています。 いままでも何度かこの手のものをご紹介してきましたが、選択肢の一つとして。何をもって最適化なのかは意見が分かれそうですので疑問がありましたらデモで確認してみてください。 iPhone、iPadに限らず、様々な環境で見やすいレイアウトを維持します。テーマ作成用のフレームワークとしてなかなか良さそうですよ。 フレームワークらしくシンプルに Starkersほどではありませんが、これといった装飾は一切されていませ
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
