WordPress Snippet

ワードプレスをカスタマイズしよう

カテゴリー: CSS

CSS関連に記事は、
CSS note – ワードプレステーマとCSS
にもあります。

wp_nav_menu()のサブメニューをモアっと表示させる

投稿日: by

-テーマAttitudeのドロップダウンメニュー sub-menuやchildrenは、display:none; hover時にdisplay:block;でコントロールされていることが多いと思いますが、
ここの部分をvisibilityに変更して、opecity:0 とopecity:1 でtransitionを追加すると、もぁっとできそうです。
ただし、visibilityとdisplayは、挙動が異なるので、使う場合は良く検証してください
-CSS3 アニメーション(T…

CSSだけで、クリックイベントを実装する

投稿日: by

クリックイベントといえば、javascriptが相場ですが、CSSだけで、擬似的にクリックイベントを作る事が出来ます。
例えば、以下の例
example Radio 1 Radio 1 input要素を使って、クリックされているかのように見せるシンプルな例です。
このような、CSSだけを使ってクリックするアクションが、実用性を、検討してみたいということもあって、WordPress Enough 0.6 というテーマに、CSSだけのクリックアクションを実装してみました

ヘッダー埋め込みスタイルを追加する新しい方法

投稿日: by

wp_encueue_styleのhandleを使って、ヘッダー埋め込みスタイルを追加する方法。
@since 3.3.0
( wp_encueue_styleでスタイルを登録していない場合は、使えません )
おおむね以下のようなソースになります。
*Code
カスタムフィールドtitle_colorの色指定を、ヘッダーのスタイルで埋め込むsnippet
add_action hookは、wp_enqueue_style と 同じ hookを利用す…