-
【スライダー実装】Swiperの使い方、便利なオプションまとめ
Webサイトにスライダーを実装したい場合、JavaScriptライブラリ「Swiper」がおすすめです。 SwiperはjQueryを必要とせず、軽量で動作が速く、モバイルデバイスでのタッチ操作にも最適化されているのが特…
-
セキュリティ対策プラグイン「XO Security」の使い方・設定方法
WordPressは多くの利用者に支持されているブログ構築システムですが、しばしばハッキングの対象にされることがあります。 そのため、WordPressインストール後はセキュリティ対策プラグインを入れておくことが大切です…
-
Bogoを使ってWebサイトを多言語化する方法【ウィジェット・カスタム投稿・自作テーマ対応】
今回は、WordPressの人気多言語化プラグイン「Bogo」を使って、Webサイトを多言語対応にする方法を解説します。 Bogoを使うと、1つのWordPressのダッシュボード上で各言語ページを管理でき、非常に効率的…
-
BackWPupの使い方やおすすめの設定方法、データ復元方法を解説
WordPressサイトのバックアップデータを取得するには、バックアッププラグインを導入するのが便利です。 WordPressのバックアッププラグインにはいくつかおすすめがありますが、今回は人気バックアッププラグイン「B…
-
Contact Form7に条件分岐が設定できる「Conditional Fields for Contact Form 7」の使い方
今回はContact Form 7で作成したお問い合わせフォームに条件分岐を設定できるプラグイン「Conditional Fields for Contact Form 7」の使い方を解説します。 ある質問に「いいえ」と…
-
Contact Form 7とスプレッドシートを連携させる方法！CF7 Google Sheets Connectorの使い方
Contact Form 7で届いた問い合わせ内容をGoogleスプレッドシートに反映させたいという場合があるかと思います。 そういった際は、CF7 Google Sheets Connectorを使用することでCont…
-
matchMediaを使ってGSAPアニメーションをレスポンシブ対応させる方法
アニメーションを作っている際に、PCとSPで微妙にアニメーションの動きやscrollTrggerプラグインのトリガー要素を変えたいことがあります。 こんなときGSAPを使っている場合は、mathMediaメソッドを使うこ…
-
Contact Form 7でお問い合わせフォームを作成し、スパム対策まで行う方法
WordPressにお問い合わせフォームを作成したい場合、プラグインを導入するのが手っ取り早く便利です。 今回は数あるお問い合わせプラグインの中でも国産で使いやすいことから人気を集めている「Contact Form 7」…
-
【GSAP】アニメーションをクリック・ホバーイベントと連動させる方法
GSAPはデフォルトでは、ページが読み込まれたタイミングでアニメーションが開始されます。 しかし、これを制御して、クリックやホバーなどのイベントが発生してからアニメーションを開始させることもできます。 今回はGSAPのア…
-
【GSAP】ScrollTriggerプラグインの使い方！スクロールとアニメーションを連動させる方法
GSAPは、簡単にトゥイーン（始点と終点の間を補間するアニメーション）を作成できるJSライブラリですが、デフォルトではスクロールと連動していません。 しかし、ScrollTriggerプラグインを使うことで、以下のように…
