Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-6ad7fc213db60500371361/]
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-6ad7fc213dd0a264625575/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6ad7fc213dde7485719385/] ▼例：以下のようなことがでけました。 …
関連するカテゴリの記事
WordPress 条件分岐｜wp_is_mobile()でPCとスマホで表示内容を変更
CSSイジってブレイクポイントで表示非表示を調整することはできるんだけども、この条件分岐も覚えておくと便利な時があります。 例えば、PCとスマホで大きくデザインを変えたい時なんかに使っています。 ▼スマホとPCで異なるものを表示したい場合 [crayon-6ad7f…
WordPressプラグインAdvanced Custom Fields｜デイトピッカーの出力フォーマットをカスタマイズする方法
ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
WordPress 固定ページを検索対象から除外
検索結果に固定ページ＆カスタム投稿を表示させたくなかったのでカスタマイズする。 とりあえず固定ページをフィルタリングしたら理想通りの結果となった。 [crayon-6ad7fc213f77b558301990/] …
![query postsでチェックボックスにチェックした記事を表示 [WordPress][Advanced Custom Fields]](https://kosaeru.net/wp-content/uploads/2018/11/true_or_false-150x150.jpg)
query postsでチェックボックスにチェックした記事を表示 [WordPress][Advanced Custom Fields]
ME 投稿の中から「真/偽」チェックボックスにチェックした記事を表示する方法です。 準備 チェックボックスは、プラグイン「Advanced Custom Fields」を利用して投稿画面に設置します。 フィールドタイプは「真/偽」とする。 メッセ…
WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった…
WordPressのカスタム投稿を利用して店舗一覧を作った。 カテゴリのイメージは以下のようにしました。 ■関東エリア（親カテゴリ） │ ├ 東京都（子カテゴリ） │ ├ 店舗（記事） │ └ 店舗（記事） │ ├ 神奈川県（子カテゴリ） │ …
WordPress 問い合わせフォームのプラグインMW WP Formの自動返信メールに送信日時を設置
WordPressのプラグインMW WP Formの問い合わせフォームから問い合わせいただいた方に、問い合わせした日時を自動返信メールに表示させる方法。 公式サイトに記載はあるものの、要点があったのでメモっときます。 functions.phpに以下のソースを記載…
