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/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-662c39af81e00931623875/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
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-662c39af81f17272326882/]
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-662c39af81f9e162062286/]
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress カテゴリ(ターム)にエリア・都道府県を一括登録する用のデータ 2021.08.12 2021.10.10 プラグイン「WP Taxonomy Import」を使って一括登録するためのデータ。 並び替えはプラグイン「Category Order and Taxonomy Terms Order」を使う。 エリア&都道府県 北海道$area01 北海道$area01 -> 北…
Advanced Custom Fields テキストの出力 2015.12.11 2021.10.10 WordPressのカスタムフィールドを使いやすくしてくれるプラグイン「Advanced Custom Fields」。 設定したフィールドをフロント画面に表示する方法として基本となる「テキスト」の出力方法を記します。 ▼何も考えずに出力する [crayon-662c3…
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
WordPress トップページに特定の固定ページのコンテンツ内容を表示する方法 2015.12.11 2021.10.10 固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます! ソース [crayon-662c39af84ffd017783406/] …
WordPress、Lineアプリ内ブラウザの時の条件分岐 2017.05.30 2023.06.22 IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。 CSSのdisplay:box;が使えなかったためだ。 つまったのがLINEアプリ内ブラウザだ。 ユーザーエージェントは分かるが内容が変わってしまう。 グ…
WordPress、投稿タグのリンク有り無しの出力方法 2021.01.24 2023.06.22 リンク付き [crayon-662c39af85101755531640/] リンク無し [crayon-662c39af85103814829273/]