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-6809e331db224477598693/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
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.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6809e331db2fc582695498/] ▼例:以下のようなことがでけました。 …
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-6809e331db356688959007/]
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress ウィジェットの追加 2016.02.18 2021.10.10 WordPressのダッシュボードからサイトの色んな情報を表示することができる「ウィジェット」。 サイドバーで最新記事、最新コメント、アーカイブなんかを表示する方が多いと思います。 このウィジェットはテーマファイル内のfunctions.phpに書き加えることで色…
WordPress 条件分岐、ホーム(トップページ)とそれ以外 2015.11.04 2021.10.11 ME トップページには表示したいけど、それ以外のページには表示させたくない。 またその逆が実現できるコードを紹介しまっす! ▼トップページにだけ表示 [crayon-6809e331dccb2565622823/] ▼トップページにだ…
WordPress トップページに特定の固定ページのコンテンツ内容を表示する方法 2015.12.11 2021.10.10 固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます! ソース [crayon-6809e331dcd1a802640459/] …
WordPressでTwitter、Facebook、LINE、Google+のオリジナルシェアボタンを作る方法 2017.09.05 2023.06.22 バズってもらうために多くのブログに設置されているソーシャルメディアのシェアボタン。 なんか設置しないと不安になるお守りのような存在なので必ずと言っても過言ではないくらい使います。 デザインはCSSでナンボでも加工できるようにシンプルなリンクで設置する方法をメモ。 Twi…
HP・LP制作でいつか使うかもしれないCSSネタ 2021.02.09 2023.06.22 CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
WordPress サイドバーのタイトルタグをH2からH3に一発で変更する方法 2015.11.04 2021.10.10 ▼functions.phpに以下を記述するだけ if ( function_exists('register_sidebar') ) { register_sidebar(array( 'id' => 'sidebar-1', 'before_widget' =&…