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 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-662c2916363a2211542323/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSでレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-662c2916365d7801596514/]
WordPressでこれはやっておきたいセキュリティ強化対策 2021.02.06 2023.06.22 WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム(CMS)です。 管理画面のURLが決まっているなど、構造がわかりやすい、オープンソースで脆弱性が発見されやすいなど理由から攻撃対象になりやすいシステムでもあります。 僕が制作したサイトでも…
WordPress post_class()に任意の独自クラスを追加する方法 2017.09.09 2021.10.10 WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-662c291639907522182586/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…
WordPress 記事タイトルの文字数制限 2016.05.13 2021.10.10 ME デザイン上、文字数を制限したい時ってありませんか? 例えば、50文字を超えたら、51文字以降は省略して3点リーダーにするとか。 今回はその方法をご紹介しまっす! ソース 50文字を超えたら、51文字以降は省略して3点リーダーにす…
WordPress 次の記事、前の記事リンクにclassを追加する方法 2016.02.23 2021.10.10 以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-662c291639a78220933468/] ▼functions.phpに以下のコード…
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
WordPress 条件分岐、ホーム(トップページ)とそれ以外 2015.11.04 2021.10.11 ME トップページには表示したいけど、それ以外のページには表示させたくない。 またその逆が実現できるコードを紹介しまっす! ▼トップページにだけ表示 [crayon-662c291639b24028338928/] ▼トップページにだ…