ページ
Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え
2018年10月23日
Bootstrapのカルーセルは基本的には1枚の画像(もしくは1つのHTMLコンテンツ)をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...
BootstrapのブレイクポイントをjQueryで使用する方法
2018年10月23日
jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 のように、幅の値をブレイクポイントとして個別に入力する方法があります。 しかし、フレームワークにBootstrapを使用しており、かつ、ブレイクポイン...
Bootstrapのモーダル展開時のパディングとスクロール問題解消
2018年10月19日
Bootstrapのモーダルを展開した際に、 bodyに一見不可解なpadding-right: 17px;が追加される。 背景スクロールが実行できてしまう。 という問題が発生しました。 Bootstrapのドキュメント...
BootstrapでLightbox実装する際は、別途プラグイン導入の必要無し
2018年10月16日
Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...
WordPressの囲み型ショートコードでpやbrが付くのを防ぐ方法
2018年10月16日
今bootstrapでカルーセルを実装できるショートコードを作っているのですが、囲み型ショートコードの中に余計なやタグが入り込んで来て、非常に邪魔です。 これを防ぐためには、 とすれば停止するのですが、これだと本文全体で...
最新のJetpackでアセットCSS、JSをCDN配信に
2018年10月15日
Jetpackを最新版に更新すると、設定項目の中に「Asset CDN」という項目が追加されていることが確認出来ます。 [mx_image id="8756"] 📝 ポイント こちらの設定画面は通常隠されているので、{あ...
【WordPress】添付ファイルページのコメントフォームを無効化する
2018年10月12日
添付ファイルページを開くと、コメントフォームが表示されてしまいます。 このページ自体には内容が無いので、特にコメントフォームは不要ですし、逆にスパムコメントを呼び込むことにもなりえます。 そこで、functions.ph...
【WordPress】添付ファイルページのパーマリンクを変更する。
2018年10月10日
WordPressでは画像などのメディアファイルにリンクを設定する際に、 メディアファイル 添付ファイルのページ カスタムURL を設定することが出来るですが、添付ファイルのページのリンク先のパーマリンクが、そのメディア...
シリアライズ化されたカスタムフィールドからどのようにmeta_queryを指定するか思案
2018年10月1日
まず、解決策ではないです。こんな感じでいけるかな、というアイディアレベルです。 WordPressでは基本的な仕様に沿えば、カスタムフィールドはwp_postmetaテーブルにmeta_id、post_idと共にカスタム...
キャッシュが効いてるWordPressサイトでアクセス数を更新する方法
2018年9月12日
なるべくプラグインには頼らない! をモットーにテーマをカスタマイズしています。 その中で、よくブログで目につく「人気の投稿」表示機能というのがありますが、これを下記リンクのコードを参考に、プラグイン無しで実装してみました...