Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

WordPressのフッターを編集する方法(5つの方法)

WordPressのフッターを編集する方法(簡単な6つの方法) 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

私は長年、何十ものWordPressのフッターを編集してきました。時には「WordPressで作成」という行を削除するためだけに、他の時には重要なリンク、オプトインフォーム、またはカスタムスクリプトを追加するためだけに。

難しいのは、フッターの設定が常に同じ場所にあるとは限らないことです。それはあなたのテーマや使用しているツールによって異なります。このガイドでは、SeedProdを使って私がどのように行うかを含め、フッターを変更する最も簡単な方法を順を追って説明します。

クイックサマリー

このガイドで学べることは次のとおりです。あなたのセットアップに最適な方法にジャンプするにはクリックしてください。

WordPressのフッターが不可欠である理由がわかったので、WordPressでフッターを編集する方法をステップバイステップで見ていきましょう。

サイト全体のフッターをカスタマイズする最も簡単な方法は、SeedProdのようなビジュアルテーマビルダーを使用することです。コードに触れることなく、コンテンツをドラッグアンドドロップしたり、レイアウトを変更したり、表示場所を制御したりできます。

市場にはBeaver Builder、Divi、Elementorなど、他にも多くのプラグインがありますが、SeedProdは初心者にとって最も簡単なプラグインです。

SeedProd ドラッグ&ドロップ WordPress ウェブサイトビルダー

SeedProdを使用すると、PHP、CSS、またはHTMLコードを書いたり、開発者を雇ったりすることなく、簡単にカスタムWordPressテーマを作成できます。

複数のテーマ.zipファイルをインストールする代わりに、SeedProdプラグインをインストールして、WordPress内で直接テーマを構築できます。既製のスターターテーマテンプレートを選択してすぐに開始することも、eコマーステーマ、ブログテーマなど、テーマの各部分を一度に構築することもできます。

WordPressテーマテンプレート SeedProd

また、グローバルヘッダー、フッター、サイドバーを追加するための機能や、多くのカスタマイズオプションも含まれています。SeedProdのフッタービルダーを使用して、WordPressサイトにグローバルフッターを追加しましょう。

テーマビルダーの機能を使用するには、SeedProd Proのコピーが必要です。

プラグインをインストールしてアクティブ化した後、WordPress管理エリアからSeedProd » Theme Builderに移動します。

このページで、Add New Theme Templateオプションをクリックします。

新しいテーマテンプレートを追加

表示されるポップアップで、テンプレートに「グローバルフッター」のような名前を付け、Typeドロップダウンメニューから「Footer」オプションを選択します。

SeedProdフッターテンプレートを選択

これにより、Conditionsオプションパネルが表示されます。SeedProdはデフォルトで新しいフッターテンプレートをサイト全体に表示します。ただし、ドロップダウンメニューからオプションを選択して、これらの設定を変更できます。

SeedProdフッターの条件

このステップが完了したら、Saveボタンをクリックします。

SeedProdのドラッグアンドドロップビルダーが表示され、フッターを視覚的にデザインし、変更をリアルタイムで確認できます。最初は、テンプレートは右側に空白の画面、左側に設定が表示されます。

まず、列アイコンをクリックして、フッターにコンテンツを追加するための列レイアウトを選択します。デザインには3列レイアウトを選択しました。

フッターにカラムレイアウトを追加

次に、セクション設定アイコンをクリックして、フッターの背景色を変更します。これにより、左側にパネルが表示され、カスタム背景画像をアップロードしたり、背景色を選択したり、フッターのスタイリングオプションを制御したりできます。

SeedProdでWordPressのフッターを編集する方法

これで、フッターにコンテンツの追加を開始できます。左側からコンテンツブロックをドラッグして、フッターの列にドロップするだけです。

たとえば、フッターをカスタマイズするために、SeedProdの次のコンテンツブロックを使用しています。

  • 見出し
  • テキスト
  • ソーシャルプロフィール
  • ナビゲーションメニュー
  • オプトインフォーム
SeedProdでWordPressフッターにコンテンツを追加

デザインに満足したら、Saveボタンのドロップダウン矢印をクリックし、Publishをクリックします。そこから、ビジュアルエディターを終了し、テーマビルダーダッシュボードに戻ることができます。

新しいフッターをウェブサイトに表示するには、SeedProd を使用して WordPress テーマの構築を完了する必要があります。SeedProd のテーマビルダーを使用してカスタム WordPress テーマを作成する方法については、ステップバイステップ ガイドをご覧ください。

テーマを構築したら、SeedProd テーマを有効にする オプションをクリックします。

SeedProdテーマを有効化する

ウェブサイトにアクセスすると、新しいカスタム WordPress フッターが表示されます。

カスタムサイト全体のWordPressフッターをプレビュー

2. ページごとに WordPress フッターを編集する

フッターのレイアウト、色、リンクを完全に制御したい場合は、SeedProd のようなビルダーで WordPress フッターをカスタマイズするのが最も柔軟なオプションです。

また、さまざまなランディング ページ セクションが付属しており、カスタム ヘッダー、コールトゥ アクション、ヒーロー エリア、FAQ、フッターを簡単に追加できます。

これは、WordPress ランディング ページのフッターを編集するために必要な機能です。

まず、SeedProd を使い始める をクリックして、プラグインを WordPress ウェブサイトにインストールして有効化します。その後、このステップバイステップ ガイドに従って、WordPress でランディング ページを作成することができます。

SeedProd のドラッグ アンド ドロップ ページ エディターに入ったら、左側のパネルにある セクション タブをクリックします。

SeedProdのページビルダーのセクションタブをクリックします

次に フッター の見出しをクリックして、SeedProd のさまざまなフッター レイアウトを表示します。

フッターセクションを表示するには、フッターの見出しをクリックします

虫眼鏡アイコンをクリックすると、セクションをページに追加する前にプレビューできます。

フッターセクションをプレビューし、「このセクションを選択」ボタンをクリックします

次に このセクションを選択 ボタンをクリックして、ランディング ページのデザインに追加します。

フッター セクションをページに追加したら、ビジュアル エディターでカスタマイズできます。たとえば、セクションの背景色を変更したり、背景画像を追加したりできます。

ランディングページのフッター背景をカスタマイズする

フッター ナビゲーションをクリックして、リンクの色や ソーシャル メディア アイコン を変更することもできます。

WordPressページでフッターを編集する方法

次に、フッターを確認して、タブレットやスマートフォンなどのモバイル画面でどのように表示されるかを確認します。これを行うには、画面下部にあるモバイル プレビュー アイコンをクリックします。

モバイルアイコンをクリックして、ランディングページのフッターをプレビューします

これにより、SeedProd のモバイル プレビューに移動します。ランディング ページのフッターが正しく表示されない場合は、モバイル プレビューで希望どおりに表示されるまで編集できます。

WordPressフッターをモバイルでプレビューする

変更をライブにする準備ができたら、緑色の 保存 ボタンの横にある下矢印をクリックし、公開 をクリックします。次に ライブ ページを表示 ボタンをクリックして、新しい WordPress ランディング ページ フッターをプレビューできます。

ランディングページ用のカスタムWordPressフッター

ほとんどの WordPress テーマ では、ウィジェットを通じてフッター コンテンツを変更できます。外観の下のウィジェット画面から直接テキスト、リンク、メニュー、またはカスタム ブロックを追加できます。

WordPress でフッター ウィジェットを追加するには、WordPress ダッシュボードから 外観 > ウィジェット に移動します。次に、リストで フッター サイドバー を見つけ、プラス (+) アイコンをクリックして、利用可能なフッター ブロックを検索します。

ウィジェットでWordPressのフッターを編集する方法

上記の例のように、多くのテーマには複数のフッター エリアまたはウィジェット セクションがあります。さらに、各テーマはフッターを異なる方法で表示します。

そのため、WordPress ウィジェットが意図した場所に配置されていることを確認するために、変更を加えた後に ウェブサイトをプレビューする ことが重要です。

これにより、フッターに重要なページへのリンクを追加することもできます。これを行うには、まずWordPressで新しいメニューを作成する必要があります。

フッターにリンクを表示するには、外観 » メニューの下に新しいメニューを作成します。

新しいWordPressメニューを作成する

これでメニューにリンクを追加できます。左側のパネルから投稿、ページ、またはカテゴリを選択して追加するだけです。

投稿、ページ、カテゴリを新しいメニューに追加する

次に、メニューを保存ボタンをクリックします。

これで、WordPressのフッターウィジェットエリアに新しいメニューリンクを追加する準備ができました。外観 » ウィジェットに移動して、ウィジェットページに戻ります。

WordPressフッターにナビゲーションメニューを追加する

プラスアイコンをクリックし、ナビゲーションメニューウィジェットを検索して、フッターエリアに追加します。次に、ドロップダウンメニューで、作成したばかりのフッターメニューを選択し、保存をクリックします。

これで、ウェブサイトにアクセスして、カスタムフッターリンクの外観を確認できます。

ナビゲーションリンク付きWordPressフッターエリア

これは、サイト所有者がWordPressテーマをカスタマイズする際に行う最も一般的なフッター編集の1つです。

カスタムizerを使用するか、少量のCSSを追加することで、テーマのデフォルトのフッターテキストを削除できます。ほとんどのテーマには、フッターオプションの下にこの設定が含まれています。

フッターの「WordPressから提供」リンクを削除する

WordPressダッシュボードから外観 » カスタマイズに移動すると、ヘッダー、フッター、その他のテーマ設定が表示されます。リストをスクロールして、フッターという見出しを見つけます。

WordPressテーマカスタマイザーでフッターセクションを見つける

この例ではHestiaテーマを使用していますが、ほとんどのモダンなテーマは同様に機能します。見出しをクリックすると、フッターテキストのコンテンツを変更して、ウェブサイトに適したものにするオプションが表示されます。

WordPressフッタークレジットを編集する

コンテンツを編集したら、画面上部にある公開ボタンをクリックします。その後、ウェブサイトをプレビューして変更を確認できます。

WordPressの「WordPressから提供」テキストを削除してフッターを編集する方法

または、外観 » カスタマイズ » 追加CSSに移動して、次のCSSコードを追加することもできます。

.site-info {
display: none;
}

変更を保存し、ウェブサイトを更新して、更新されたフッターを確認します。

さらにヘルプが必要な場合は、「WordPressで提供」フッターリンクを削除する方法に関するこのガイドを確認してください。子テーマファイルのfooter.phpファイルを手動で編集する方法を詳しく説明しています。これにより、ファイルを正しく更新できます。

スクリプトをフッターに追加する最も簡単な方法は、WPCodeプラグインをインストールしてアクティブ化することです。WPCodeのようなフッタープラグインを使用すると、テーマを手動で編集せずにスクリプトを簡単に挿入できます。

ヘルプについては、WordPressプラグインのインストール方法に関するこのガイドに従ってください。

プラグインをアクティブ化した後、WordPress管理エリアからコードスニペット » ヘッダーとフッターの挿入に移動します。次に、フッターコードを「フッターのスクリプト」ボックスにコピーして貼り付けます。

カスタムスクリプトを使用してWordPressのフッターを編集する方法

完了したら、保存ボタンをクリックして設定を保存します。WordPressはフッタースクリプトを正しくインストールするはずです。

ほとんどのウェブサイトではこの方法をお勧めしませんが、状況によってはWordPressのフッターを完全に削除することが理にかなっている場合があります。たとえば、フッターが煩雑すぎる場合や、検索エンジンにクロールされたくない場合は、フッターを削除しても問題ありません。

ただし、これを覚えておいてください。WordPressのフッターを削除しても、WordPressテーマフォルダから削除されるわけではありません。CSSコードは、フッターコンテンツのみを非表示にするようにWordPressに指示します。

To hide your WordPress footer completely, go to Appearance » Customize and click the Additional CSS tab.

CSSを使用してWordPressのフッターを編集する方法

次に、次のCSSコードをボックスに貼り付けます。

footer{

display:none;

}
WordPressフッターコンテンツを完全に削除する

このコードは、ほとんどの場合、フッターコンテンツを完全に非表示にするようにWordPressに指示します。気が変わった場合は、コードを削除してWordPressのフッターを元に戻すことができます。

これで完了です!

コードに触れることなくWordPressのフッターを完全に制御したい場合は、SeedProdを使用することをお勧めします。カスタムレイアウトを作成したり、フッターセクションを入れ替えたり、クライアントサイト全体で一貫性を保ちたいときに私が使用しているものです。数分でドラッグ、ドロップ、公開の変更ができます。

ブランドに合ったフッターを作成するには、ここからSeedProd Proを入手してください。

せっかくなので、FacebookTwitterでフォローして、役立つヒントやチュートリアルをさらにご覧ください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]