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

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

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

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

省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-69e34f579b22e641120415/]   ▼例：以下のようなことがでけました。   …

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

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

WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。 テンプレート内に以下のよう書きます。 …

WordPressでイベント開催情報を作るにあたり、開催日順にソートしたいが、開催日がきまっていないイベントは「未定」とし開催日が決まっているものより上に表示したかった時の覚書。 ▼表示イメージ ・未定　イベント名 ・2022/05/04　イベント名 ・2022/05…

ME グーグルニュース（https://news.google.com/）から『サッカー日本代表』って検索した結果をRSS化する方法をご紹介しまっす！ ME 僕はRSSリーダーを利用して色んなニュースや情報をチェックしています。そ…

ME Wordpressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね？ ME ただし！プラグインをインス…

Wordpressサイトでの対処方法となり、全てsingle.phpに以下のものを書く ▼author がありません <span class="vcard author"><span class="fn">投稿者名</span><…