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テーマで編集するファイルを見つける方法

WordPressのテーマは複数のファイルで構成されており、特に初心者にとっては、どのファイルを編集すべきかを見極めるのは難しい。

しかし、テーマを変更するのに混乱する必要はありません。いくつかのヒントを使えば、調整すべき正しいファイルを簡単に特定することができる。

この投稿では、あなたが望む調整に適したファイルを見つける方法をご案内します。

Finding which WordPress theme file to edit

WordPressテーマのテンプレートファイルを理解する

WordPressテーマはいくつかのファイルで構成されています。テンプレートファイル、カスタムのテンプレートタグや関数、テンプレートパーツ、画像、JavaScript、CSSファイルなどです。

WordPressのトップテーマはすべて、公式のベストプラクティスに従っています。つまり、標準的なファイル構造とテンプレート構造を使用して、すべてのコードを整理しています。

例えば、WordPressテーマにはすべてarchive.php、single.php、functions.phpなどのファイルがあります。

各ファイルは、WordPressサイトの特定のエリアを表示するテンプレートとして使用されます。例えば、single.phpテンプレートは個別投稿を表示し、page.phpテンプレートは単一ページを表示します。

WordPressのテンプレート階層を理解することで、WordPressの仕組みをより深く理解することができます。WordPressテーマにコードを追加したり編集したりする必要がある場合にも、どのファイルを編集する必要があるかを判断するのに役立ちます。

詳しくは、初心者のためのWordPressテンプレート階層チートシートをご覧ください。

それを念頭に置いて、WordPressテーマで編集するファイルを簡単に見つける方法を見てみましょう。

WordPressテーマで編集するテンプレートファイルを探す

まず最初に、What The Fileプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

プラグインは箱から出してすぐに使えるし、設定することもない。

有効化した後、サイトのフロントエンドにアクセスすると、WordPressの管理バーに新しい「What The File」メニューが表示されます。

What the file menu

あとは、メニュー項目にマウスオーバーするだけです。すると、このページを表示するために使用されているテンプレートファイルのリストがドロップダウンメニューに表示されます。

ファイル名をクリックすると、WordPressの初期設定のファイルエディターが表示され、そのファイルを編集することができます。

WordPress theme file editor

しかし、WordPressのファイルエディターを使ってテーマファイルを編集することは、元に戻すオプションがないためお勧めしません。もし間違えてサイトからロックアウトしてしまった場合は、FTPクライアントを使用して修正する必要があります。

代わりに、FTPクライアントまたはWordPressホスティングコントロールパネルのファイルマネージャーアプリを使用することをお勧めします。

これらのツールを使えば、メモ帳などのプレーンテキストエディターを使ってテーマファイルを編集することができる。

WordPressテーマを直接変更することはお勧めできません。テーマを更新すると、これらの変更は消去されます。

WordPressのテーマに直接変更を加えるのも良くない。テーマを更新すると、その変更が消えてしまうからだ。

CSSを追加するだけなら、WordPressのカスタムCSSでできる。

テーマファイルをより広範囲に変更する場合は、子テーマを作成する必要があります。What The Fileプラグイン」は、コピーして子テーマで編集する必要があるテーマファイルを探すのに役立ちます。

注意:このプラグインによって管理バーに追加されたメニュー項目は、ログイン中のユーザーすべてに表示され、外部サイトにリンクします。このプラグインはステージングサイトなどの開発環境でのみ使用してください。

ボーナスヒントWordPressでカスタムヘッダーとカスタムフッターコードを追加する

WordPressサイトに機能を追加するためにテーマファイルを編集する必要がない場合があります。

例えば、サイトのヘッダーやフッターエリアにカスタムコードを追加して、トラッキングスクリプトや検証コードを挿入したいだけかもしれません。

そのような場合は、WPCodeのようにテーマファイルを編集せずにコードスニペットを追加するプラグインを使用することができます。

WPCodeは、コードを貼り付けるためのシンプルなインターフェースを持っています。この方法では、テーマファイルは変更されず、更新中も変更は安全です。

例えば、ここではデモサイトのヘッダーにカスタムトラッキングコードを追加しています:

Pasting the Snapchat Pixel base code to WPCode Header section

このようなプラグインを使うことで、時間を節約し、ミスを減らすことができる。サイトに新しい機能を追加する際に、より安全な方法です。詳しくは、WordPressでヘッダーとフッターのコードを追加する方法をご覧ください。

この投稿が、WordPressテーマで編集すべきファイルを見つけるのにお役に立てば幸いです。次に、WordPressテーマ開発チートシートやWordPressが生成したCSSクラスもご覧ください。

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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

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関連製品とリソースのコレクション!

Reader Interactions

12件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed

    This is a bit developer oriented task but yes at times we get into the question to edit the file and get into dilemma of which one to edit to get the desired changes made.
    I used to think that it is always the functions.php file that is to be changed but no the change is to be made where it is desired.
    I will explore the plugin to see where we would need to make the edit and changes.
    Thanks for this tutorial guide. it is really helpful understanding these concepts better.

    • WPBeginner Support

      You’re welcome :)

      管理者

  3. Jiří Vaněk

    Thank you for the tip. Sometimes, I need to make a change on a website, and one doesn’t immediately know which file to edit. This plugin can be a great helper in figuring out which template file is currently being used.

    • WPBeginner Support

      Glad we could share this plugin :)

      管理者

  4. Riyaz

    Installing this plugin made my life easier. However, some of the themes just leave something like these:

    $has_sidebar = is_active_sidebar( ‘single-blog’ );
    do_action( ‘mytheme_page_header’ );

    and even some functions which I can find nowhere:
    mytheme_get_listings_image(‘mytheme-list’)

    Is there any way to find these things ?

    • WPBeginner Support

      You would need to manually go through the files manually, normally those would be found in the functions.php file

      管理者

  5. mark Swift

    Hi,
    nice article,
    but what if the files are not available in child theme which I have to edit ??

  6. Cos

    If you copy template (.php) files to your child theme (so you can edit them and not lose your changes when the theme is updated) then what happens if the file you copied and edited is updated by the theme developer? Do you then lose the benefit of their update?

  7. Susan Sheridan

    How about this same kind of tool for finding out which style sheets are being applied?

  8. Bond Shands

    I had hoped to use these directions to change the Post Office Mailing Address line at the bottom of my blog. However, installing and activating the What The File plugin produced no discernible results. Nothing new appeared on my Menu Bar. Also, to be honest, your instructions left me in the dark about how I would see the plugin displayed when viewing the blog page I wished to see. (Also, I’m already a subscriber via an alternate email address).

    • WPBeginner Support

      Hi Bond Shands,

      Each WordPress site uses a couple of templates which are loaded on each page. For example, the header and footer templates. In order to change your postal address you will need to edit the footer.php file. However, make sure that you backup your WordPress theme before making any direct changes.

      Thanks

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。