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のfont-familyで割と綺麗な明朝体を指定することがでけた! 2016.05.17 2021.10.10 これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)カキカキ [crayon-680a0c3fe83f456…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-680a0c3fe8525509115047/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
CSSでレスポンシブ対応!PCではテーブル表示、スマホではリスト表示させる方法 2016.04.22 2021.10.10 横幅480px以下になるとリスト表示となるます。 [crayon-680a0c3fe8573875969466/]
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
WordPress YouTube動画をレスポンシブ対応 2015.11.04 2021.10.10 ①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…
WordPress プラグインを使用しないで記事詳細ページのPV数を表示 2016.02.12 2021.10.10 閲覧回数をデータベースにカウントしていく方法 ①functions.phpに以下のコードを書く [crayon-680a0c3fea492128945238/] ②表示させたい場所に以下のコードを書く [crayon-680a0c3fea4957877…
WordPress「Warning: Use of undefined constant …」ってエラーが表示されていたので直してみた 2020.02.13 2021.10.10 ある日ページチェックしていたら以下のエラーが表示されていた。 ビビったけどすぐ対応できたので覚書として残しておきます。 ▼エラー内容 Warning: Use of undefined constant HISTROY - assumed 'HIST…
WordPress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」 2017.09.07 2022.04.20 データベースにはぶっこまないけど、目的のサイトから必要な情報を掲載したい時に便利なWordpressのプラグイン「WP Web Scraper」。 インストール後、目的のページURLとセレクタを指定するだけでオッケー! あとはCSSなんかで整えるだけです。 …
CSS/フォントサイズ「px、em、rem」の違いと変換表 2021.02.09 2023.06.22 px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-680a0c3fe8525509115047/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
WordPress、Lineアプリ内ブラウザの時の条件分岐 2017.05.30 2023.06.22 IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。 CSSのdisplay:box;が使えなかったためだ。 つまったのがLINEアプリ内ブラウザだ。 ユーザーエージェントは分かるが内容が変わってしまう。 グ…