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 :
HP・LP制作でいつか使うかもしれないCSSネタ 2021.02.09 2023.06.22 CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-686480e0b802b678407312/]
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた! 2016.05.17 2021.10.10 これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)カキカキ [crayon-686480e0b81b621…
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-686480e0b8208432716405/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-686480e0b8255658566501/] ▼例:以下のようなことがでけました。 …
Google Search Console :author / entry-title / updatedがありませんの対処方法 2016.02.15 2023.06.22 Wordpressサイトでの対処方法となり、全てsingle.phpに以下のものを書く ▼author がありません <span class="vcard author"><span class="fn">投稿者名</span><…
WordPress条件分岐|最初1件のみデザインを変える方法 2015.12.04 2021.10.10 FRIEND 記事一覧ページの1件目の記事の直下にグーグルバナーを設置したい! FRIEND なんかクリックしてくれそうな位置だから(汗) ME 最初の1件目を呼んで、その直下にグーグルバナーを設置して…
WordPress 投稿画像をランダムに表示させクリックすると投稿記事へジャンプ 2015.11.29 2021.10.10 現在、以下の画像のようにトップページに画像を8枚掲載している。 その方法を記しておく。 ▼functions.phpに以下のコードを書く function my_random_images($count=1, $size='thumbnail'){ $ar…
WordPress アイキャッチ画像がない場合に代替画像を表示させる方法 2015.11.05 2021.10.10 テーマファイルのimagesディレクトリに任意の画像をアップロードして、以下のコードを書く。 ソースコード [crayon-686480e0b987f156256818/]
WordPress|RSSから特定のカテゴリを抜き差しする方法 2016.03.10 2021.10.10 仕事で特定カテゴリを除外してRSS提供したかったので・・・ ちなみに他にも書き方はあるが超簡単な書き方のみとしている ▼カテゴリID42を出力する場合 http://www.example.com/?cat=42&feed=rss2 ▼カテゴリID42と4…
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-686480e0b802b678407312/]