WEB MEMO 2015.12.11 2021.10.10 CSS テキストシャドウで文字を縁取る KOSAERU WEB MEMO CSS text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合 WEB MEMO CSS Share Article :
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6840ad65625e5865879386/] ▼例:以下のようなことがでけました。 …
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSSだけで結構使えるシンプルアイコンが書けるサイト 2016.10.18 2021.10.10 https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSSでレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-6840ad65628da626202090/]
Advanced Custom Fields関連|関連記事に紐づく子タームを出力 2021.08.12 2021.10.10 [crayon-6840ad6565439302991870/] 3行目と6行目の「$value」を合わせる
WordPress、投稿タグのリンク有り無しの出力方法 2021.01.24 2023.06.22 リンク付き [crayon-6840ad6565752952718785/] リンク無し [crayon-6840ad6565756200165186/]
WordPressプラグインAdvanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法 2021.02.01 2023.06.24 ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置 2021.01.24 2023.06.22 ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね? その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか? ME こういうのために記事詳細ページに以下の「編…
WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった… 2021.01.24 2023.06.22 WordPressのカスタム投稿を利用して店舗一覧を作った。 カテゴリのイメージは以下のようにしました。 ■関東エリア(親カテゴリ) │ ├ 東京都(子カテゴリ) │ ├ 店舗(記事) │ └ 店舗(記事) │ ├ 神奈川県(子カテゴリ) │ …
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…