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-66a4ac55dff47234823063/] ▼例:以下のようなことがでけました。 …
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 テキストシャドウで文字を縁取る 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-66a4ac55e0086798365752/]
WordPress 投稿日時ではなく「●分前、●日前に投稿されました」とする 2016.02.19 2021.10.10 FRIEND 投稿日時をそのまま表示するんでなくて、Twitterみたいに「●●時間前に投稿されました」って表示させたい! ME そんなYouに! 以下のソースをコピペするだけで対応可能だYO!! 1.functi…
Repeater Fieldsの値で投稿を並べて更新情報を作る方法/Advanced Custom Fields/WordPress 2020.01.22 2023.06.22 ME 更新した記事のドコが更新されたのかを伝えたい! ME あと、更新情報をトップページで表示をしたい! こんな思いが実現したので覚書を記します。 イメージは↓↓のようなカンジ。 更新日付順に表示をしたかった…
【WordPress】1ページ内にカスタム投稿ごとの新着記事を表示する方法 2017.01.16 2021.10.10 GIRL トップページ、サイドバーなど任意の場所にカスタム投稿タイプの新着記事を表示したい時に以下のコードをかきまふ。 ソース カスタム投稿タイプが「schedule」の新着記事を5件表示の場合 [crayon-66a4ac55e237d71305…
WordPress|アイキャッチ画像のAlt(代替テキスト)に記事タイトルを設定する方法 2021.01.28 2023.06.24 1 Comment ME WordPressのアイキャッチ画像のAltタグ(代替テキスト)に記事タイトルを自動取得する方法を紹介しまっす! Alt(代替テキスト)を設置する理由 ME 僕がこのようなことをする理由は、ズバリ!SEO対策です。 …
WordPress 検索結果のヒット件数を表示するコード 2016.02.25 2021.10.10 WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。 ソース [crayon-66a4ac55e2526607328167/] ▼参考例 [crayon-66a4ac55e252896569…
query postsでチェックボックスにチェックした記事を表示 [WordPress][Advanced Custom Fields] 2018.11.10 2023.06.22 ME 投稿の中から「真/偽」チェックボックスにチェックした記事を表示する方法です。 準備 チェックボックスは、プラグイン「Advanced Custom Fields」を利用して投稿画面に設置します。 フィールドタイプは「真/偽」とする。 メッセ…