カスタマイズ

WordPressで現在の投稿クエリに準拠したから全ての投稿IDを取得する方法
WordPressでアーカイブページ表示時には、そのクエリを基準として、posts_per_pageで指定した数だけが表示されます。今回、同クエリ条件から全ての投稿IDを一旦取得しておきたいという事案がありましたのでその...
WordPressで連続改行をそのまま適用する方法
WordPressのエディターで連続改行しても1つの改行としてしか認識してくれません。 [html]テキスト テキスト テキスト[/html] は、 [html]テキスト テキスト テキスト[/html] のようになりま...
WordPressのパスワード保護投稿の入力フォームをカスタマイズ
普段あまり使うことがない機能ですが、WordPressには投稿にパスワードを入力しないと表示されない、「パスワード保護投稿」という機能があります。 この機能を有効にすると、 のようなメッセージとパスワード入力フォームが表...
WordPressのカスタムメニューはWP_Queryで取得できます。
WordPressのメニュー構造についてあれこれ見ていたら、メニューって カスタム投稿;nav_menu_item カスタム分類:nav_menu で構成されているのが分かりました。 なので、指定したメニューのアイテムリ...
pre_get_postsでメインクエリを変更した際の次/前リンクの取得する方法
WordPressでは、pre_get_postsを使用することで、メインクエリで取得される記事の順番をカスタマイズすることができます。 例えば「イベント投稿」では、並び順をカスタムフィールドで設定した「開催日」に変更す...
WordPressのイベント投稿を開催日と終了日基準に日付アーカイブを作成する方法
WordPressでカスタム投稿タイプとして「 イベント投稿 」を作成するとします。 このとき、通常投稿での日付アーカイブでは、 にアクセスすると、2019年8月に公開した投稿のアーカイブが表示されます。 一方「イベント...
Bootstrapでメガメニュー表示するCSS設定
Bootstrapの標準機能に少しスタイルシートをカスタマイズすることで、簡単にメガメニューを実装することが出来ます。 元々Bootstrapにはメニューアイテムをクリックすると、ドロップダウンとしてサブメニューが表示さ...
スクロールバーのカスタマイズはプラグインに頼らずjQueryで自作
目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...
nanoScrollerのスクロールアニメーション
nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使い...
WordPressのログイン画面をカスタマイズしてみました。
せっかくWordPressのテーマを作成しているのだから、ログイン画面も少し手を加えてみました。 参考にしたのはこちら。 カスタマイズ ・背景色をbootstrapのprimaryカラーを利用 ・ロゴをテーマオプションを...
12