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.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-678b390831a6c317868410/]
HP・LP制作でいつか使うかもしれないCSSネタ 2021.02.09 2023.06.22 CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
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でレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-678b390831b3e236913550/]
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
Advanced Custom Fields テキストの出力 2015.12.11 2021.10.10 WordPressのカスタムフィールドを使いやすくしてくれるプラグイン「Advanced Custom Fields」。 設定したフィールドをフロント画面に表示する方法として基本となる「テキスト」の出力方法を記します。 ▼何も考えずに出力する [crayon-678b3…
WordPressプラグインAdvanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法 2021.02.01 2023.06.24 ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress post_class()に任意の独自クラスを追加する方法 2017.09.09 2021.10.10 WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-678b390833c5a313050190/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…
WordPress、投稿タグのリンク有り無しの出力方法 2021.01.24 2023.06.22 リンク付き [crayon-678b390833cca356298162/] リンク無し [crayon-678b390833ccc757590267/]
投稿フォーマットを有効化&ラベルの名称を変更する/WordPress 2018.11.15 2023.06.22 ME 僕がWordPressで投稿フォーマットを有効化する時は、以下のことが目的のことが多いです。 投稿フォーマットごとにデザイン(CSS)を変更する時スライター設置時にスライダーに掲載する記事とする時 その他にもアイデア次第で色々なことに活用で…