Contact Form 7おすすめプラグイン
Contact Form 7でサンクスページへ自動で遷移させる方法【Contact Form 7】
目次[非表示]1 Contact Form 7でサンクスページへ遷移させる仕組み2 よくある失敗例3 functions.php にコードを...
記事を読むWORDPRESS TIPS
WordPress Tips
実際のホームページ制作・PHP開発で使ったノウハウを、カテゴリーやキーワードから探せる技術ライブラリーとしてまとめています。
公開記事 163 件
Contact Form 7おすすめプラグイン
Contact Form CFDB7 のデータを一気に消去する方法（TRUNCATE対応）
目次[非表示]1 最重要：作業前に必ずバックアップする2 CFDB7のデータはどこに保存される？3 CFDB7はすべてのフォームを1つのテー...
記事を読む
便利Tips固定ページ・デザイン
ワイドCTAの作り方｜WordPressで反応率が上がるデザイン手順
目次[非表示]1 今回作るワイドCTA2 HTMLを設置する3 CSSを追加する4 背景画像を変更する5 背景画像の上でも文字を読みやすくす...
記事を読む
便利Tips固定ページ・デザイン
経歴タイムラインを美しく表示する方法｜CSSで簡単に作れるデザイン例
目次[非表示]1 今回作る経歴タイムライン2 HTMLを設置する3 CSSを追加する4 タイムラインの仕組み5 1件分の経歴はどう書く？6 ...
記事を読む
便利Tipsセキュリティ・アクセス制御
サイトが攻撃で落ちた時に、別サーバーへすぐ切り替える方法【エックスサーバーで簡単運用】
目次[非表示]1 まず知っておきたい「サーバーIP」とは2 エックスサーバーのIPアドレスを確認する2.1 🔵 エックスサー...
記事を読む
用語集
フェードインとスライドインの違いについて
目次[非表示]1 完成イメージ1.1 フェードイン1.2 スライドイン1.3 フェード＋スライド2 フェードインとスライドインの違い2.1 ...
記事を読む
便利Tips固定ページ・デザイン
Intersection Observerで文字だけフェードインを作る方法｜スクロールアニメの基本解説
目次[非表示]1 完成イメージ2 実装の流れ3 1．HTMLにfadeinクラスを付ける4 2．functions.phpにJavaScri...
記事を読む
便利Tips固定ページ・デザイン
横並びサービスカード（3列）の作り方｜レスポンシブ完全対応のCSSサンプル付き
目次[非表示]1 実装のポイント2 HTMLを追加3 汎用CSS4 完成イメージ4.1 サービス名14.2 サービス名24.3 サービス名3...
記事を読む
用語集
Vanilla JS と jQuery の違いを分かりやすく解説｜初心者がどちらを選ぶべきか
目次[非表示]1 Vanilla JS とは？2 jQuery とは？3 Vanilla JS と jQuery の違い（初心者向けにやさし...
記事を読む
便利Tips固定ページ・デザイン
jQueryなしでスライダーを実装する方法（Vanilla JS）
目次[非表示]1 実装のポイント2 functions.php にコードを追加3 javascript にコードを追加3.1 ディレクトリ構...
記事を読む
便利Tips
クリックで要素をトグル表示させる方法｜JavaScriptで簡単に開閉メニューを作る
目次[非表示]1 実装のポイント2 functions.php にコードを追加3 javascript にコードを追加3.1 ディレクトリ構...
記事を読む
便利Tips固定ページ・デザイン
CSSアニメーションでバウンド・フェード・拡大を作る方法｜すぐ使えるサンプル付き
目次[非表示]1 実装のポイント2 汎用CSS3 完成イメージ4 代用プラグイン5 まとめ CSSアニメーションを使うと、ボタン・画像・ボッ...
記事を読む
便利Tips固定ページ・デザイン
CSSでsectionごとに背景色を切り替えるデザインの作り方｜読みやすさ向上テクニック
目次[非表示]1 実装のポイント2 汎用CSS3 完成イメージ4 代用プラグイン5 まとめ 1 実装のポイント セクションごとに背景色を変え...
記事を読む
便利Tips固定ページ・デザイン
ブログカード風の内部リンクを作る方法｜WordPressでクリック率を上げるデザイン実装
目次[非表示]1 実装のポイント2 functions.php にコードを追加3 汎用CSS4 完成イメージ5 代用プラグイン6 まとめ こ...
記事を読む
便利Tips固定ページ・デザイン
クリック・ホバーで背景がふわっと変わるCSSの演出の作り方｜CSSトランジションで軽量実装
目次[非表示]1 実装のポイント2 HTML3 汎用CSS4 完成イメージ5 代用プラグイン6 まとめ この記事では、リンクやボックスに「カ...
記事を読む
便利Tips固定ページ・デザイン
CSSで作る「丸いプロフィール画像＋影＋枠」の簡単・綺麗な作り方
目次[非表示]1 丸いプロフィール画像の基本（border-radius）2 枠線（border）を追加する3 影（box-shadow）を...
記事を読む
不具合解決
iPhoneで画像がズレる・はみ出す時のCSS修正【初心者に多い原因と解決】
目次[非表示]1 よくある原因① 画像が親要素より大きくなっている2 width:100% と max-width:100% の違い3 よく...
記事を読む
不具合解決
WordPress 予約投稿が失敗する原因を徹底解説【原因別対策付き】
目次[非表示]1 予約投稿が失敗したときに最初に確認したい3つのポイント2 WordPressの予約投稿はWP-Cronで動いている3 原因...
記事を読む
便利TipsSEO・サイト運営サポート
日本国内サーバー × Cloudflare の最速設定ガイド【Xserver / ConoHa 対応】
目次[非表示]1 Cloudflareを使う主なメリット2 最初に知っておきたいこと：ドメイン移管とDNS変更は別3 Cloudflareへ...
記事を読む
便利TipsSEO・サイト運営サポート
Cloudflare Workers で WordPress を高速化する方法【HTMLキャッシュ＋エッジ実行で高速化】
目次[非表示]1 Cloudflare Workersとは？2 Workersでできる主なこと3 WordPress高速化でWorkersが...
記事を読む