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.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-685c08613b6f1714155965/] ▼例:以下のようなことがでけました。 …
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-685c08613b9d4920321331/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
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; 影の色、横のずれ、下のずれ、ぼかし具合
WordPress ソーシャルボタンをプラグインなしで設置 2016.03.15 2021.10.10 ME Wordpressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね? ME ただし!プラグインをインス…
WordPresss 「重複するタイトルタグのあるページ」対策でタイトルとディスクリプションをユニークにしました。 2016.02.24 2021.10.10 ME canonicalをユニークなものになるように設定しているのに、GoogleさんとこのSearch Consoleに「重複するタイトルタグのあるページ」な~んて言われちゃって、無視してずーっとのこっているのもキモチわるいので手をつけることにしました。 …
WordPress 次の記事、前の記事リンクにclassを追加する方法 2016.02.23 2021.10.10 以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・ ▼加工していないソース [crayon-685c08613ef62447123290/] ▼functions.phpに以下のコード…
Advanced Custom Fields関連|関連記事に紐づく子タームを出力 2021.08.12 2021.10.10 [crayon-685c08613eff3259316870/] 3行目と6行目の「$value」を合わせる
Bootstrap v3 スマートフォンの時だけ改行/表示 2015.11.04 2021.10.10 ME PCサイトだと改行にいたらない文章量なので気にならない改行位置が、スマホサイトだとどうしても横幅が狭くなるので任意の場所で改行させることで見た目を調整したくなる時に便利です。 ME 【注意】こちらBootstrap3…
特定のカテゴリ一覧を表示させる方法/WordPress 2018.11.17 2023.06.22 WordPressの特定の場所にピックアップしたいカテゴリ記事一覧を表示する時や、スライダーにだけ特定のカテゴリ記事を表示させたい時に利用できます。 ソース [crayon-685c08613f0d3452743094/] 説明 3行目 表示する件数を指定します。 6…