PHPでのデバイス分岐を簡易的に導入
モバイルの時は一覧での画像を小さいのを表示させよう！と考えた時に、デバイスの分岐が必要になった。そんなことを考えていた今日、なにやら人気記事にショートコードを利用する方法がでていました。 [WordPress]まだなら今すぐ入れたい！PC、スマホで表示を分けるショートコード ショートコード使えるのは便利だなーと思いつつも、エントリーごとで必要だったわけではないので、自分はもっと簡易な分岐を利用することにした。 WordPress 標準の関数 wp_is_mobile()WordPress には、3.4 からモバイルデバイスを分岐するための関数が導入されています。その関数を使い、簡易的に分岐させてしまいました。 PHP：簡易版分岐コード /** * Test if the current browser runs on a mobile device (smart phone, tablet
Free Templates on Speckyboy Design Magazine
Browse a wide selection of free templates for all your design needs, from web to print, ensuring your projects impress.
管理画面内でスマフォやタブレット別にCSSを書けるWordPressプラグイン・Mobile CSS
ちょっと便利そうだったので 備忘録。スマフォやタブレット のデバイス別にそれぞれに適応 させたいCSSを管理画面内で 書ける、というWordPressの プラグインです。 スマフォでもiPhone用、Motorola用、タブレットならiPad用、Nexus用、Kindle用などのように細かく設定できます。 シンプルなプラグイン名ですが、かなりの数のスマフォとタブレットデバイスをサポートしています。個別にCSSを適応させられるのでコンテンツ次第では結構役立ってくれるかもしれません。 カスタム投稿タイプを応用してCSSを書く、と言う珍しい仕様です。いつも記事を書く場所にCSSを書き込みます。後は下部のメタボックスでデバイスを選択し、保存すればデバイスごとにCSSを適応させる事が出来ます。 他のデバイスに別のCSSを用意したい場合は、記事を追加する感覚で再度作ればいいだけ。メタボックスのセレクト
WPtap Mobile Detector がマルチサイトで動かない | 安旨ワイン探し
スマートフォン向けにテーマ切替のできるプラグイン「WPtap Mobile Detector」をインストールして設定し、うまく動いたと思っていたら、どうやらマルチサイトではうまく動かないみたい。 一つ目のサイトでは、設定画面がきちんと表示されるのだけど、二つ目以降のサイトでは、設定画面でのデバイスの追加や編集ができない(泣) せっかくうまく動いたように見えたのに・・・ Compatible up to: 2.9.4 Last Updated: 2010-5-26 となっているから仕方ないか。似たようなプラグインを探そう。 探すこと数分、「Multi Device Switcher」というプラグインを発見。 こちらは、マルチサイトでバッチリ動きました。Thingsymさんに感謝。 しかも、こんなものも発見！！ WordPressプラグイン「Multi Device Switcher」にPC/
WPtouchを卒業iPhoneに最適化されたテーマと簡単なカスタマイズ方法などwordpress | nori510.com
どーも@nori510です。 当ブログのiPhoneからのアクセスの際の表示はずっと、簡単にiphone最適化表示が出来る「WPtouch」を使ってきました。 pluginを導入するだけで簡単にiPhoneに最適化された表示になり、非常に使い勝手がよろしいのですが、色々と思うところがあり、この程WPtouchを卒業する事にしました。 iPhone最適化テーマとカスタマイズ方法など iPhone用に最適化されたテーマへの変更方法と、ちょっとだけカスタマイズの方法などをご紹介したいと思います。 が、まずはWPtouch卒業の理由。 WPtouch卒業の理由 1.唯でさえ狭いiPhone画面の横幅が、縁取りのお陰で更に狭いのが☓ 勿論文字もですが、画像が多い当ブログにとって、表示域の狭さは致命的だなと思いまして。 2.WPtouchを利用する人が多すぎるのが☓ やっぱりオリジナリティー(?)を大
オープンソースのスマフォ向けECサイト用ショッピングカート・MobileCartly
時間作れなくて触ってないので メモだけ。スマフォ向けのEC サイト用ショッピングカート システムがOSSで公開されていた ので備忘録。PHP製です。 OSSのPHP製スマフォ向けショッピングカートです。WordPressのプラグインも用意されてました。まだ触ってないので存在を紹介するというだけの中身0の記事ですので気軽にスルーして頂ければ幸い。 スマフォ向けのショッピングカートです。PHP製でデータベースは不要との事。決済はPaypalに対応。 ↑ トラフィックや受注、チェックアウトなどはリアルタイムで更新されるそうです。 丁度Paypalが少し前にカード情報をスマフォのカメラで読み取る技術を持つcard.ioを買収したばかりですのでスマフォとの相性も良くなっていくかもしれませんね。 日本の決済システムサービスも、もう少し手軽に利用出来るようになって欲しいです。 MobileCartly
タッチデバイスに最適化されたポートフォリオ用のWordPressのテーマ -Touchfolio
「Touchfolio」という名前の通り、iPhoneなどのタッチデバイスに最適化された、写真や作品を紹介するためのポートフォリオ用のWordPressのテーマファイルを紹介します。 もちろん、デスクトップでも動作します。 Touchfolio [ad#ad-2] Touchfolioのデモ Touchfolioの特徴 Touchfolioのインストールと使い方 Touchfolioのデモ デモはiPhone, iPadなどのタッチデバイスでも、デスクトップでも、どちらでも閲覧可能です。 まずは、デスクトップ時のキャプチャから紹介します。 デモページ：デスクトップ幅1200pxで表示 デモでは第二階層が5つあり、通常通り左のナビゲーションから階層を移動することができますが、右のメインコンテンツから移動することもできます。 分かりにくいかもですが、右端のアローが下向きになります。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
2011年・個人的に参考になったWeb制作向けの国内記事リスト - かちびと.net
来年の復習用の記事リストです。自分用。 年末ですし、だれかがまとめ記事を書く と思って待ってましたが、他力本願も あまり良くないので自分でリストを作る 事にしました。去年も作ったけどあまり 出来なかったんですよね。。 タイトル通り、個人的に参考になった記事で、来年の勉強用リストです。 去年の記事(2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ)と似たような感じだけど、必要な情報が偏ってきたのと、国内のRSS購読ブログ数が1/30になったのでリストも偏ってます。 リストの内容に関して この手の記事はいろいろご意見頂き易いので、ご覧頂く方に不毛なストレスを与えないように、内容に関して先に記述しておきます。 リストの内容ですが、単なるリソースの羅列のようなまとめ記事は個人的に参考になったことがないので割愛しています、というかこの記事自体そんな感じです。また、結果のみで解説
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（メディア クエ
20 Quality Responsive WordPress Themes
Your WordPress theme should use responsive design so visitors to your site that may have different browser and media sizes, such as iPads, iPhones and tablets can view your site correctly, without missing content and having to zoom in. Having a responsive design allows your website content to be displayed correctly to all users by using fluid grids, images and queries to adjust the design to accom
レスポンシブWebデザイン対応のjQueryイメージスライダー・FlexSliderがWordPressプラグインになってた
以前ご紹介した、iPhoneやiPadなど 様々なデバイスにレイアウトを自動 で対応するレスポンシブWebデザイン 対応のjQuery製のイメージスライダー FlexSliderがWordPressプラグインに なっていました。 高機能ってものではないですけど、似たようなものを作るつもりで放置してたのでありがたかったのでついでにシェアします。 Responsive Slider Plugin With FlexSlider for WordPress 簡単にWordPressに導入出来るようにしてくれました。 カスタム投稿タイプで管理 仕組みが凄く参考になりました。ちょっと発想が無かったんですが、カスタム投稿タイプで作成したコンテンツをショートコードで呼び出しています。いい方法ですねーこれ。 仕組み備忘録として簡単に仕組みをメモ。 カスタム投稿タイプを作るdefine('CPT_NAME'
これはかなりの優れもの、スマートフォン・タブレット対応WordPressのテーマファイル -Skeleton
商用利用も無料、Responsive Web Designに対応したWordPressのテーマファイルを紹介します。 ボタン、タブ、パネルなどのページでよく使用するエレメントをはじめ、さまざまなカラムも簡単にショートコードで利用できます。 デモページを幅600pxで表示 Skeletonの主な特徴 Formalizeを使用して各ブラウザ間のエレメントの相違に対応。 Skeletonを使用してMedia Queriesを使った可変カラムに対応。 Option Frameworkを使用してテーマオプションのカスタマイズが可能。 bbPressのフォーラムスキンをインクルード。 見出しや本文などバランスの取れたタイポグラフィ。 デモ：Typography and Elements スマートフォン用のマルチレベルのメニューをサポート。 テーマオプションパネルからフォントや背景画像を設定可能。 タブ
WordPressをSNS化するBuddyPressを使ったWebサイトをスマートフォンに最適化するプラグイン・BuddyPress Mobile - かちびと.net
未検証です。見かけたのでメモ的に記事 にします。WordPressをSNSとして使う ことが出来るBuddyPressというプラグイン があるんですが、これを使ったWebサイト をスマートフォン向けに最適化する、という プラグイン。 なんだかややこしいですが、BuddyPressというのはWordPressをSNSに出来てしまうプラグインです。詳しくはWebクリエイターボックスさんの記事を見てください。 で、BuddyPress Mobileというのは、BuddyPressを使ってるサイトをスマフォ向けに最適化してくれるというもの。 BuddyPress製のサイトをスマフォ向けに出来るプラグインだそうです。iPhone、iPod touch、Androidと一部のBlackBerryに対応してるよ、とのこと。SNSとスマフォの相性は割と良さそうなので導入してみるのも有りかもですよ。 スマー
Media QueryでiPhoneやiPadにも自動でレイアウトを調整するHTML5製のWPテーマ・BLASKAN
過去にも何度かご紹介していますが、 Media QueryでiPhoneやiPadを含め た、様々なデバイスにレイアウトを調整 済みのWordPressテーマ・BLASKAN のご紹介。シンプルで良かったので 備忘録です。 同じようにMedia Queryを使ったレスポンシブなWebデザインを構築できるWordPressのテーマは過去にまとめましたので合わせてどうぞ。 css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろスマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう新たに仲間入りのテーマです。
スマフォにも対応、簡単にEコマースサイトが構築できるWordPressのプラグイン -Jigoshop
Jigoshop のデモ ショッピングカートに商品を入れチェックアウトをしようとすると、おススメ商品がでるのもいいですね。 Jigoshopの主な特徴 商品を販売するEコマースサイトが簡単に構築できます。 商品はグルーピングが可能です。 割引クーポン マネージメントにも対応。 関連した商品の自動表示。 商品のレビュー。 税金は場所によって設定可。 通貨オプション。 出荷オプション。 高性能なプロダクトナビゲーション。 カスタマーアカウント。 在庫の追跡。 詳細なオーダーマネージメント。 輸入・輸出商品 カスタム ウィジェット クレジットカード・PayPalなど支払いは多数に対応。 Jigoshopのローカライズは現在、英語版以外にフランス語版が配布されています。 ローカライズは他のWordPressのプラグインと同じく、「.po file」「.mo file」で行えます。詳しくは下記ページ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
投稿前にスマフォやタブレットでの表示状態もプレビューできるようにするWordPressプラグイン・Responsive Post Preview
ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content
html5-css3.jp - このウェブサイトは販売用です！ - スマートフォン 編集者 方法 サイズ 日本 ツール ブラウザ テスト リソースおよび情報