横幅480px以下になるとリスト表示となるます。 [crayon-690e10e6abf56217789955/]

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合

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

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

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

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。   ▼モーダルウィンドウを…

ME PCサイトだと改行にいたらない文章量なので気にならない改行位置が、スマホサイトだとどうしても横幅が狭くなるので任意の場所で改行させることで見た目を調整したくなる時に便利です。 ME 【注意】こちらBootstrap3…

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

WordPressのプラグインMW WP Formの問い合わせフォームから問い合わせいただいた方に、問い合わせした日時を自動返信メールに表示させる方法。 公式サイトに記載はあるものの、要点があったのでメモっときます。 functions.phpに以下のソースを記載…

新着記事の並び順をカスタムフィールドの日付とワードプレスの投稿日時の2つの条件で対応したかった時に結構ハマったのでメモ。 get_posts()とメインループでの書き方っす！ ME 複数のカスタムフィールドにある日付での並び順は、ググるとでてくる…

ME WordPressのアイキャッチ画像のAltタグ（代替テキスト）に記事タイトルを自動取得する方法を紹介しまっす！ Alt（代替テキスト）を設置する理由 ME 僕がこのようなことをする理由は、ズバリ！SEO対策です。 …

以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-690e10e6ade9d452039467/] ▼functions.phpに以下のコード…