wordpress 2.9から4.0へ(テスト)

Filed under: wordpress — kdcs @ 2015年1月22日 木曜日

ローカル環境にて(xxamp1.8.3-5 → MySQL5.6.20 PHP5.5.15)
wordpress 2.9.1から4.0へのアップグレード
※オリジナルテーマと各種プラグイン使用、アップロードされた画像有りという設定

【wordpress2.9.1のインストール】
xxamp1.8.3環境にてwp2.9.1をインストールし、ログインするとWaningが2か所に出ます。
いずれも「Creating default object from empty value」というもの
これはPHPのコーディングで「クラス宣言」していない部分があるというWaningだそうで
PHP5.4からWaningエラーとして出されるようになっています。
動作には影響なさそうなので各種セッティング・・・
(続きを読む…)

wordpress wp_is_mobile

Filed under: wordpress,スマートフォン関係 — kdcs @ 2015年1月17日 土曜日

「wp_is_mobile」を使ってPCとモバイルの条件分岐ができますがタブレット(iPad)も
モバイルに含まれてしまいます。(wordpress 3.4から実装)

そこでfunctions.phpに以下のコードを記述し「is_mobile」という条件分岐タグを有効にします
※この方法ならバージョンが3.4以前でも有効です

<?php
function is_mobile() {
    $useragents = array(
        'iPhone',          // iPhone
        'iPod',            // iPod touch
        'Android',         // 1.5+ Android
        'dream',           // Pre 1.5 Android
        'CUPCAKE',         // 1.5+ Android
        'blackberry9500',  // Storm
        'blackberry9530',  // Storm
        'blackberry9520',  // Storm v2
        'blackberry9550',  // Storm v2
        'blackberry9800',  // Torch
        'webOS',           // Palm Pre Experimental
        'incognito',       // Other iPhone browser
        'webmate'          // Other iPhone browser
    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
?>

これで以下のように条件分岐が行えます

<?php if(is_mobile()) { ?>
スマホで出力したいもの
<?php } else { ?>
タブレット・PCで出力したいもの
<?php } ?>

レスポンシブデザイン ブレークポイント

Filed under: レスポンシブデザイン — kdcs @ 2014年11月10日 月曜日

レスポンシブデザインのブレークポイントはブラウザサイズによる判別を行う

端末解像度

iPhone4s 640px × 960px
iPhone 5s 640px × 1136px
iPhone 6 750px x 1334px
iPhone plus 1080px x 1920px
iPad Air
iPad mini(第2世代)
1536px × 2048px
Galaxy S4 1080px × 1920px
Galaxy S5 1080px × 1920px
Nexus 7(2013) 1200px × 1920px

ブラウザサイズ

iPhone 4s 320px x 480px
iPhone 5 320px x 568px
iPhone 6 375px x 667px
iPhone plus 414px x 736px
iPad Air
iPad mini(第2世代)
768px x 1024px
Galaxy S4
Xperia Z
360px × 640px
Galaxy S5 360px x 640px
Nexus7(2013) 600px × 960px

メディアクエリ(モバイルファースト)

/*スマートフォン用のスタイル*/
@media screen and (min-width:480px) {
/*横幅480px以上のスマホ*/
}
@media screen and (min-width:768px) {
/*横幅768px以上のタブレット*/
}
@media screen and (min-width:1024px) {
/*横幅1024px以上のパソコン*/
}

※7インチタブレットなどは横画面(ランドスケープ)にした場合960pxになるものがある

PC版スマホ版サイトの振り分け注意点

Filed under: .htaccess,スマートフォン関係 — kdcs @ 2014年9月30日 火曜日

同一URLでPCサイトとスマホサイトを振り分ける場合、インターネットのネットワーク上にキャッシュされている
データーが利用されることがあるので、うまく振り分けられないという可能性がある

その場合の対処法として「HTTPヘッダーでVaryを指定」がある

.htaccessファイルに以下を記述する (ユーザーエージェントによって内容が変わるという場合)

Header set Vary User-Agent

xampp1.8.3&wordpress4.0系

Filed under: tool,xampp — kdcs @ 2014年9月29日 月曜日

xampp1.8.3-5環境でのwordpress4.0系の本体及びプラグイン動作テスト

2014.9.29-
wp-DBManager2.71にて「mysqldumpへのパス」「mysqlへのパス」が
認識されなかった(自動調査させてもダメなため、以下のように手動で修正)

「mysqldumpへのパス」
/xampp/mysqlbin/mysqldump.exe → c:/xampp/mysql/bin/mysqldump.exe

「mysqlへのパス」
/xampp/mysqlbin/mysql.exe → c:/xampp/mysql/bin/mysql.exe

サイト内検索

カテゴリー

最近の投稿

↑上に戻る