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でレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-662fb4d26ccc5947990897/]
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた! 2016.05.17 2021.10.10 これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)カキカキ [crayon-662fb4d26cd6118…
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画像…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-662fb4d26cf79916876495/] ▼例:以下のようなことがでけました。 …
WordPress ウィジェットの追加 2016.02.18 2021.10.10 WordPressのダッシュボードからサイトの色んな情報を表示することができる「ウィジェット」。 サイドバーで最新記事、最新コメント、アーカイブなんかを表示する方が多いと思います。 このウィジェットはテーマファイル内のfunctions.phpに書き加えることで色…
WordPress 投稿画像をランダムに表示させクリックすると投稿記事へジャンプ 2015.11.29 2021.10.10 現在、以下の画像のようにトップページに画像を8枚掲載している。 その方法を記しておく。 ▼functions.phpに以下のコードを書く function my_random_images($count=1, $size='thumbnail'){ $ar…
WordPress 検索結果のヒット件数を表示するコード 2016.02.25 2021.10.10 WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。 ソース [crayon-662fb4d26f446749615619/] ▼参考例 [crayon-662fb4d26f44830265…
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置 2021.01.24 2023.06.22 ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね? その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか? ME こういうのために記事詳細ページに以下の「編…
WordPress リンク付orリンク無しカテゴリ名の出力 2017.03.23 2023.06.22 リンク付きのカテゴリ名を出力 複数のカテゴリ選択していても可 [crayon-662fb4d26f5ef388676640/] リンク無しのカテゴリ名を出力 カテゴリを複数選択していても出力されるのは一つ [crayon-662fb4d26f5f1073456274…