WEB MEMO 2016.05.16 2021.10.10 CSS テーブルの列幅を均等にする KOSAERU WEB MEMO CSS テーブル CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 table { width: 100%; table-layout: fixed; } 1234 table {width: 100%;table-layout: fixed;} WEB MEMO CSS テーブル Share Article :
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-67ecf40420528263817454/] ▼例:以下のようなことがでけました。 …
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた! 2016.05.17 2021.10.10 これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)カキカキ [crayon-67ecf4042058796…
CSS テキストシャドウで文字を縁取る 2015.12.11 2021.10.10 text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSSでレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-67ecf4042068f437332524/]
ソースコードを綺麗に表示するhighlight.jsの簡単設置方法 2016.02.18 2021.10.10 ▼フッターに以下のコードを書く [crayon-67ecf40421cf5793855557/] ▼表示方法 ハイライトさせたいソースコードを以下のタグで囲む。 <pre><code>ソースコード</code></pre> …
WordPressプラグインAdvanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法 2021.02.01 2023.06.24 ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
WordPresss 「重複するタイトルタグのあるページ」対策でタイトルとディスクリプションをユニークにしました。 2016.02.24 2021.10.10 ME canonicalをユニークなものになるように設定しているのに、GoogleさんとこのSearch Consoleに「重複するタイトルタグのあるページ」な~んて言われちゃって、無視してずーっとのこっているのもキモチわるいので手をつけることにしました。 …
WordPress、パンくずリストを設置 2017.09.05 2023.06.22 SEO対策にマストな「パンくずリスト」。 ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…
WordPress 条件分岐、ホーム(トップページ)とそれ以外 2015.11.04 2021.10.11 ME トップページには表示したいけど、それ以外のページには表示させたくない。 またその逆が実現できるコードを紹介しまっす! ▼トップページにだけ表示 [crayon-67ecf40421eed139199943/] ▼トップページにだ…
WordPressでサイト制作をする時のメモ 2021.02.02 2021.10.11 WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 マストな設定 ・Googleアナリティスク&サーチコンソール ・バックアップ ・SSL ・メタディスクリプション ・OGP ・PING設定 クライア…