最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…

CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-695dd92bd0e1d450654542/]

CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…

横幅480px以下になるとリスト表示となるます。 [crayon-695dd92bd0e9a204690466/]

px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-695dd92bd0f11792514667/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…

①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…

2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか？」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したので、後学のための覚書として記録…

FRIEND 記事一覧ページの１件目の記事の直下にグーグルバナーを設置したい！ FRIEND なんかクリックしてくれそうな位置だから（汗） ME 最初の１件目を呼んで、その直下にグーグルバナーを設置して…

バズってもらうために多くのブログに設置されているソーシャルメディアのシェアボタン。 なんか設置しないと不安になるお守りのような存在なので必ずと言っても過言ではないくらい使います。 デザインはCSSでナンボでも加工できるようにシンプルなリンクで設置する方法をメモ。 Twi…

スピードを求められるサイト制作の場合、WordPressとBootstrapの組み合わせが自分に合っているようです。 レスポンシブ対応でタブレットもさらっと出来るのでクライアント様にもスマホ対応だけでないって部分で喜ばれているように思います。 そこで！ WordPres…

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。   ▼モーダルウィンドウを…