Add Admin CSS【管理画面のcss】

Filed under: css,wordpressプラグイン — kdcs @ 15年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;
}

css3 box-sizing

Filed under: css — kdcs @ 14年4月15日 火曜日

box-sizingプロパティは、ボックスサイズの算出方法を指定する際に使用

content-box
パディングとボーダーを幅と高さに含めない（初期値）

border-box
パディングとボーダーを幅と高さに含める

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

aタグ リンクの無効化

Filed under: css,スマートフォン関係 — kdcs @ 13年3月7日 木曜日

javascriptなどで自動的にhtmlタグが書き出される中にaタグが記述されリンクが貼ってある場合の
aタグ（リンク）を無効化する方法
display:none;だとaタグ内の記述すべて非表示になってしまいます
css3のpointer-eventsを使って中身（テキストや画像など）は表示させ、リンクだけ無効化する方法

a {
	pointer-events: none;
	cursor: default;
}

wordpressのlightbox-galleryを使用した時にスマートフォンではフルサイズ画像をポップアップさせると
画面から大幅にはみ出してしまう為、リンクを無効化

サイト内検索

カテゴリー

最近の投稿

↑上に戻る