2024年– date –
-
【簡単】ボタンクリック時の挙動・動作を無効化する方法/WordPress/JavaScript
WordPressのテーマなどを使用してサイトを作成していると、ボタンは設置したいけど、デフォルトの挙動・動作を無効化したい時があると思います。 そんな時に使える方法について紹介していきます。 javascript:void(0)による無効化 ボタンの動作を無効化す... -
ふわふわ動く右矢印【WordPress】cssアニメーション/キーフレーム
本記事では、右矢印をふわふわ動かしてアニメーションさせたい時の方法について紹介していきます。 今回は矢印を動かしていますが、その他にも色々と応用ができるため好きなようにアレンジを加えて頂ければと思ってます！ ふわふわ動く右矢印 まずは完成形... -
【WordPress】画面いっぱいに自動で要素を収めるJavaScriptコードの紹介
本記事では、特定のセクションのサイズを自動的に調整したい時に使えるJavaScriptのコードについて紹介していきます。 JavaScriptコードの紹介 このコードは、ブラウザウィンドウのサイズに応じて、特定のセクションのサイズを自動的に調整するためのJavaS... -
【WordPress】ユーザーのデバイス（PCまたはモバイル）に基づいて、特定のページへリダイレクトさせる方法(function.php)
本記事では、パソコンとスマホでデザインが大きく変わり、レスポンシブデザインでは限界がある場合にパソコン用のトップページとスマホ用のトップページへそれぞれリダイレクトさせる方法について紹介していきます。 PHPコードの紹介 以下のコードは、ユー... -
カスタムJSや高度な設定を使ってテーマやプラグインで変更できない箇所の文章を変更したい場合の方法について【WordPress/JavaScript】
本記事では、WordPressでプラグインやテーマのショートコードでコンテンツを出力する際にどうしても文章を変更したい際に使える、カスタムJSや高度な設定の/body直前に追加すると実装できるコードについて紹介していきます。 特定の文章をJavaScriptコード... -
ワードプレスWP-Membersプラグインのselectフィールドで項目を選択しても○○は必須項目です。と表示される場合の対処方法
本記事では、WordPressのWP-Membersプラグインにおいて、selectフィールドの項目を選択しても○○は必須項目です。と表示されてしまう場合の対処方法について紹介していきます。 エラーの対処方法について WP-Membersプラグインにてフィールド追加で選択(ド... -
ワードプレスSWELLテーマのメインビジュアルの写真を固定【パララックス効果】する方法について
本記事では、WordPressの大人気テーマ『SWELL』のメインビジュアルを固定表示させたい時の方法について紹介していきます。 パララックス効果をサイトに加えることでデザインの幅を広げることができますので是非お試しください。 メインビジュアルを固定表... -
SP(スマホ)時フッターに固定ボタンを表示させる方法【WordPress・メディアクエリ・ブレイクポイント】カスタムコードの紹介(HTML/CSS)
本記事では、ホームページでお問い合わせやLINEへの誘導の際に用いられるスマホ時の固定ボタンの作り方について紹介していきます。WordPressなどで作成したサイトにメディアクエリでブレイクポイントを設定することでスマホ時のみに表示させることが可能と... -
GoogleのreCAPTCHA v3によって自動的にページに追加されるバッジを非表示にする方法
本記事では、GoogleのreCAPTCHA v3によって自動的にページに追加されるバッジを非表示にする方法について紹介していきます。 以下のコードをWordPressの管理画面⇒外観⇒カスタマイズ⇒追加CSSに追加すればバッジを非表示にすることができます。 .grecaptcha-... -
Contact Form 7【WordPressのプラグイン】でフォーム送信後に指定のURLへ遷移させるJavaScriptコードの紹介(wpcf7mailsentイベント)
本記事では、WordPressでホームページ制作をしている際にお問い合わせ用のプラグインで大人気のコンタクトフォーム7『Contact Form 7』について、お問い合わせフォーム送信後に指定のURLへ遷移させるJavaScriptのコードを紹介していきます。 Contact Form ...