Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

何ですか: フロントエンド

WordPressでは、フロントエンドは、訪問者が見て対話できるサイトの部分です。

フロントエンドは、訪問者があなたのウェブコンテンツをすべて見つけたり、コメントを残したり、メニューを使ったりする場所です。eコマースサイトの場合は、商品を見つけて購入する場所です。

WordPressサイトのテーマをカスタマイズしたり、新しいページを追加したり、訪問者がサイト上で使用できるインタラクティブ機能を有効化したりすることで、WordPressサイトのフロントエンドを作成することができます。

What Is Front End in WordPress?

WordPressサイトのフロントエンドとは?

WordPress サイトのフロントエンドとは、サイトを訪れた訪問者(エンドユーザーとも呼ばれます)が目にするすべてのものを指します。これには、サイトのデザインや、作成した投稿やページなどのすべてのコンテンツが含まれます。

投稿日にコメントを残したり、メニューを使ってサイトをナビゲートしたりと、訪問者がサイトとインタラクションする方法もサイトのフロントエンドの一部です。

WordPressのフロントエンドがどのように見え、どのように動作するかは、WordPressテーマに大きく依存します。この要素はサイトの皮膚のようなものです。

Installing a new WordPress theme

WordPressプラグインをインストールして、サイトにインタラクティブな機能を追加することもできます。

例えば、お問い合わせフォームプラグインを使用することで、ユーザーがお問い合わせフォームからコンタクトを取ることができます。

サイト制作についてさらに詳しく知りたい方は、初心者向けWordPressサイトの作り方ガイドをご覧ください。

誰があなたのサイトのフロントエンドを見ることができますか?

あなたのサイトのフロントエンドは、インターネット・ユーザーや検索エンジンに公開されます。エンドユーザーはあなたのサイトにアクセスし、利益を得るユーザーであり、検索エンジンはあなたのサイトをインデックスし、検索結果のページにランク付けします。

このため、サイトのユーザー・エクスペリエンスを向上させることが重要です。そのためには

インスピレーションを得るために、WordPressの優れたサイト例のリストをチェックすることができます。

WordPressフロントエンド開発とは?

WordPressフロントエンド開発とは、WordPressサイトのユーザーがアクセスする目に見える部分を作成し、カスタマイズするプロセスです。

WordPressサイトのテンプレートやテーマ、プラグイン、ドラッグ&ドロップのページビルダーなど、さまざまなテクノロジーを使ってこれを行うことができます。また、HTML、CSS、JavaScriptのようなフロントエンドのコーディング言語を使うこともできます。

WordPressの開発についてさらに詳しく知りたい方は、WordPressの基礎を無料で学ぶ方法のチュートリアルをご覧ください。

WordPressのフロントエンドとバックエンドの違いとは?

WordPressでは、フロントエンドはエンドユーザーが表示しアクセスできるサイトの部分を指します。一方、バックエンドはコンテンツ管理システムの管理者エリアです。サイトオーナーであるあなたがログインしてサイトを操作したり、コンテンツを編集したりする場所です。

レストランの玄関と裏口のようなものだと考えてほしい。フロントドアはカスタマイザーが入り、料理を注文したり席に着いたりする場所である。裏口は、レストランのオーナーや他のスタッフが厨房や事務所、倉庫に入るところです。

WordPressのログインURLにアクセスすると、WordPressのバックエンドにログインできます。そこから、管理エリアのあるwp-adminページにアクセスできます。

ユーザーの権限グループによって、バックエンドのどのセクションにアクセスできるか、またどのようなタスクの実行が許可されるかが決まります。

WordPressのバックエンドは、WordPressのホスティングサービス環境を指すこともあり、サーバーリソースやネームサーバーの設定を管理することができます。

この投稿がWordPressのフロントエンドについてより詳しく知っていただく一助となれば幸いです。また、WordPressの便利なTipsやトリック、アイデアに関する関連投稿は、以下の「Additional Reading」リストをご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

追加リーディング

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!