WordPressテーマのメニューで出力されるHTMLを最小限にする
WordPressのテーマでメニューを作るとやたらとclassがついたものが出力される。必要なもの以外は省きたいので最小限の出力にする。 通常の状態では以下のよ…
WordPressのテーマでメニューを作るとやたらとclassがついたものが出力される。必要なもの以外は省きたいので最小限の出力にする。 通常の状態では以下のよ…
オーバーレイでモーダル等を表示する際に、ページ全体がスクロールできないようにbody要素に oveflow: hidden; を適用するとスクロールバーがなくな…
Webサイトを作っているとテキストの改行位置をコントロールしたいときがある。 スマホにあわせて細かく改行を入れるとPCで見たときにバランスが悪くなったり、PCに…
Webサイトを作るときのハンバーガーメニュー。これをベースに手を入れたりしている。一応メニュー数が増えてもスクロールで表示されるようにしている。 パソコンとスマ…
TwitterやFacebookなどにURLを投稿したときに表示されるOGPは、1URLに1つしか設定出来ない。そのため、#を使ったページ内リンクには個別のOG…
YouTubeチャンネルの最新動画をWebサイトに表示したい時がある。昔は簡単に出来た気がするが、制限が出来たりして手軽にはできなくなった。 方法1.YouTu…
近年のWebサイトはSNSでの拡散は大切なはず。なので、SNSにサイトのURLが投稿された時は、なるべく目立つように表示したい。 そんな時は、以下ののmetaタ…
WordPressは初期状態だと wp_head(); で沢山タグが出力される。何かしら便利なタグなのかもしれないが、必要なもの以外は出力されないようにしている…
Webサイトで下部にメニューやボタンなどを表示したい場合がある。 しかし、iPhoneのSafariは画面下部にタッチするとSafariのタブバーが表示されるた…
Webサイトを更新する際、FTPが必要な事がまあまあある。 今回は、ソースをBitbucketで管理している事が条件だが、gitのプッシュをトリガーとして様々な…
WebサイトでTableタグを使う機会がある。Tableは古来より伝わるどんな用途でも受け止めてくれる便利なやつだ。 例としてAdobe Creative Cl…
WordPressには記事閲覧にパスワードをかけられるパスワード保護という機能がある。 しかし、記事一覧やフィードで表示されてしまったり、記事ページでは本文のみ…