Add Admin CSS【管理画面のcss】

Filed under: css,wordpressプラグイン — kdcs @ 2015年5月12日 火曜日

wordpressの管理画面に適用されているcssを変更できるプラグイン
Add Admin CSS

使い方
プラグインを有効化し、外観>Admin cssから設定画面を出す
Firebugなどで管理画面で適用されているcssを探し出し、このプラグインの画面で
変更したい内容を記述する

例:wp4.2.2の投稿画面に出るカテゴリーのheight(max-height: 200px;)を300pxに変更する

.categorydiv div.tabs-panel {
max-height: 300px;
}

アイコンフォント「Fontello」

Filed under: tool,未分類 — kdcs @ 2015年3月20日 金曜日

フォントと同じように扱えるアイコンフォント(フォントアイコン)
Fontello」は好きなアイコンをセットにしてダウンロードできるサービス

Fontello

CSSの疑似要素::beforeや::afterでアイコンフォントを使用する
アイコンフォントのセット名が「i-font」の場合
font-familyにi-fontを指定、contentにはアイコンのコードを入れる
(コードはi-font.cssに記述されている)

.custom-icon::before {
    font-family: "i-font";
    content: '\xxx';
}

wordpress 4.1.0 プラグイン動作確認

Filed under: wordpress,wordpressプラグイン — kdcs @ 2015年1月23日 金曜日

xxamp1.8.3-5(MySQL5.6.20 PHP5.5.15)にて
wordpress4.1.0での各種プラグイン動作チェック
(続きを読む…)

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 } ?>

サイト内検索

カテゴリー

最近の投稿

↑上に戻る