最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…

px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-69897a36154e7218052236/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…

これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ   [crayon-69897a361555191…

GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…

省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-69897a361562e439714869/]   ▼例：以下のようなことがでけました。   …

WordPressでページビュー数をカウントしてランキング表示を簡単にしてくれるプラグイン「Wordpress Popular Posts」。 プラグインをインストールするとウィジェットの場合、すぐに設置できるけど、任意の場所に設定したいことがありませんか？ そんな時は、以下…

▼min-width - 指定したところから @media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/} @media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/} @media (…

Advanced Custom Fieldsの「関連」で、関連記事なんかを設定・紐づけするのは簡単なんだけども… 関連記事のカスタムフィールドの扱いはどうするんだろう？？ってことを解決するためのコードです。 仕様関連記事に紐づくカスタムフィールドの値があれば出力 ソ…

①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…

SEO対策にマストな「パンくずリスト」。 ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…

WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-69897a3617213730462470/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…