Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
CPT UIのカスタム投稿タイプの設定項目
先日、カスタム投稿タイプのURL構造を変更するのに苦戦しました。 なんとか当初の問題は解決しましたが、やりたかったことは、カスタムタクソノミー名をカスタム投稿タイプのURLに追加するということです。 カスタム投稿タイプは、WordPressプラグイン「CPT UI」を使用していました。 こちらのプラグインには、色々な設定項目があるため、調べたことをまとめていけば、それぞれの設定 …
【スパム対策】フォームで日本語以外の入力制限を行う
使用しているフォームはWordPressのContact form7です。 以下2点に関して書いていきます。 functions.phpに記述する内容 これで、都道府県の欄に日本語以外を入力した場合に「日本語で入力してください」というエラーメッセージが表示されます。 都道府県の入力欄のinput要素のname属性は、your-prefです。 他の入力欄に適応させたい場合は、yo …
YouTubeのポップアップモーダルを作成する方法
現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 「modaal」というモーダルウインドウのプラグインを使用しました。 デモサイト デモサイトはこちらです。 デモサイトにある画像をクリックすると、以下のような、YouTubeのポップアップモーダルが表示されます。 以下の手順で作成しました。 …
Easy Table of Contentsでスクロールの高さを調整するには？
先ほど、ブログページの目次をクリックした時に、ヘッダーの高さを考慮してスクロールの高さを調整しました。 どうやって調整したのかについて書いていきます。 目次には、WordPressのプラグイン「Easy Table of Contents」を使用しました。 手順1: 設定画面に移動する まずは、設定 > 目次をクリックして、プラグイン設定画面に移動します。 設定 > …