WordpPress、css、PHP、javascript等のコーディング・プログラミング・WEB制作お役立ちブログ
新着記事
-
規約を下までスクロールしないとチェックできないチェックボックスの実装：jQuery
規約を下までスクロールしないとチェックできないチェックボックスを実装する必要がありましたのでメモ。 今回はさらにチェックボックスをチェックしないと送信ボタンが押せないような仕様をjQueryで実装します。 DEMO HT […]
-
Contact Form7で送信ボタンを押した時だけエラーメッセージを表示する方法：WordPress
通常Contact Form7の場合リアルタイムにエラーチェックされてしまうので、 それを送信ボタンを押した時だけエラーメッセージを表示する方法をご紹介します。 cssの修正 以下のCSSを追加します。 jQueryの追 […]
-
ContactForm7のエラーメッセージを個別に変更する：WordPress
WordPressのContactForm7のエラーメッセージは管理画面からだと必須項目のエラーメッセージが共通の文章しか変更できず、フォームによっては不便ですのでエラーメッセージを個別に変更する方法をご紹介します。
-
ユーザー削除時にそのユーザーのコメントも削除:WordPress
WordPressでユーザーの削除時に、記事の場合は削除するか他の管理者に紐づけるかできますが、 ユーザーを削除してもそのユーザーのコメントは残りますので、今回はユーザー削除時にそのユーザーのコメントも削除する方法をご紹 […]
-
コメントに使用されるアバターをカスタムフィールドで指定した画像に変更：WordPress
コメントに使用されるアバターをカスタムフィールドで指定した画像に変更する方法をご紹介します。 今回はACFを使用してユーザープロフィールにアバター画像用のカスタムフィールドを追加して説明します。 ACFでカスタムフィール […]
-
ACFでフィールドタイプにユーザーを指定したときに、選択肢をユーザー名ではなくニックネームに変更する方法
ACFで関連フィールドタイプのユーザーを指定したときに選択肢がユーザー名になってしまうので、 ユーザー名ではなくニックネームに変更する方法をご紹介します。 functions.php 上記でOK //$text .= & […]
-
clip-pathで背景を好きな形に切り抜く方法：CSS
CSSのclip-pathで背景を好きな形に切り抜く方法をご紹介します。 DEMO clip-pathの書き方 例えばboxというclassの要素を上下斜めに切り抜きたい場合、 clip-pathは以下のように記述します […]
-
CSSアニメーション（animationプロパティ）徹底解説
CSSアニメーション「animation」タグの基本についてご紹介します。 例として今回はフェードインアニメーションを例に進めます。 フェードインのHTML＆CSS フェードインするコンテンツ 基本的にはkeyframe […]
-
makeshopのクリエイターモードでパンくずを実装する方法
makeshopのクリエイターモードでのパンくずリストの表示に少し手間取ってのでメモ。 カテゴリページのパンくずリストの表示 カテゴリページでは以下のようなコードでパンくずを表示します。 makeshopではTOPを取得 […]
