WordPressテーマを編集する方法

公開: 2021-05-16

何千ものテーマをもう一度閲覧して、自分にぴったりのテーマを探していますか？その1つの機能のためだけに、設計の後に設計をふるいにかけるために、これらすべての時間を費やすつもりですか？

心配しないでください。その面倒を避けるために、自分でテーマにこれらの小さな調整を加える方法があるからです。あなたがする必要があるのはあなたのWordPressテーマファイルを編集する方法を学ぶことです。

WordPressテーマファイルを編集する方法がわかれば、他の方法ではユニークなテーマでは例外的に提供されなかった細部を追加できます。カスタムバナーであろうと、以前はテーマで使用できなかったフォントであろうと、WordPressテーマに簡単に編集できます。

WordPressテーマを編集する前にすべきこと：
- 1. Webサイトのバックアップ：
- 2.ファイル権限の設定：
- 3.適切なプログラムの選択：
- 4.カウボーイコーディングの回避：
WordPressテーマを編集する4つの方法：
- 1.CSS編集
- 2.テーマエディターとプラグインエディター
- 3.子テーマを作成します
- 4.ページビルダー/フレームワーク
結論
FAQ（よくある質問）
- 1.既存のWordPressテーマを編集するにはどうすればよいですか？
- 2. WordPressテーマを無料でカスタマイズするにはどうすればよいですか？
- 3.無料のWordPressテーマを編集できますか？
- 4. WordPressテーマを変更するにはどうすればよいですか？
- 5. WordPressテーマを編集する前に何が必要ですか？

WordPressテーマを編集する前にすべきこと：

WordPressテーマの編集を開始する前に行う必要のあるいくつかのことのリストを次に示します。

1. Webサイトのバックアップ：

ファイルを頻繁にバックアップすることをお勧めします。バックアップファイルで作業することで、元のWebサイトを台無しにせず、必要に応じて元のWebサイトに戻すことができます。テーマを複製して、必要なときにこのバックアップコピーをGoogleドライブまたはドロップボックスに保存できます。テーマの編集に関しては、後悔するよりも安全である方がよいでしょう。

ファイルをバックアップする最も簡単な方法は、WordPressプラグインを使用することです。ファイルを確実にバックアップするために特別に設計されたBlogVaultやJetpackなどのプラグインのリストを見つけることができます。バックアップのさまざまな方法の詳細については、ガイドに従い、WordPressWebサイトをバックアップする方法を学習してください。

2.ファイル権限の設定：

WordPressのファイルとディレクトリには、それらの読み取り、書き込み、および変更へのアクセスを決定する特定の権限があります。当然、ファイルを編集して保存するには、それに応じてファイルのアクセス許可を設定する必要があります。

FTPクライアントまたはcPanelファイルマネージャーを使用して、ファイルのアクセス許可を設定できます。

3.適切なプログラムの選択：

テーマの編集には、MicrosoftWordやGoogleDocsなどのワードプロセッシングプログラムの代わりにテキストエディタを使用することをお勧めします。これは、ワードプロセッサがテキストファイルに余分なフォーマットを追加するリスクを回避するためです。これらのプログラムは、特定の文字を変更または変換して、ファイルを破壊する可能性があります。

代わりに、Notepad ++のようなテキストエディタはプレーンテキスト形式でファイルを編集し、余分なコードを挿入しません。 Atom、BBEdit、Coda、EditPad、EditPlus、TextPad、picoなどの他のテキストエディターを使用できます。

4.カウボーイコーディングの回避：

カウボーイコーディングは、一般に、プログラマーが開発プロセスを完全に自律するソフトウェア開発の不正行為と見なされます。これは、ライブサイトでテーマを編集してしまう可能性があることを意味する場合があります。あなたがどんな間違いを犯しても、大衆は見るでしょう。

代わりに、ローカル、つまりローカルハードドライブにWebサイトを設定することをお勧めします。 DesktopServer、XAMPP、MAMP、Vagrantなどのツールを使用してローカル開発環境をセットアップできます。 WordPressでは、ステージングサイトを作成し、変更を公開する前に編集することもできます。このような機能を使用すると、変更をライブサイトに適用する前に、安全に編集してテストすることができます。

WordPressテーマを編集する4つの方法：

WordPressテーマを編集する方法は複数あります。より人気のあるもののいくつかは次のとおりです。

CSS編集
テーマエディター
子テーマを作成する
ページビルダー

さっそく始めましょう。

1.CSS編集

CSS（Cascading Style Sheets）は、最も人気のあるWeb言語の1つです。 HTMLのパートナーとして機能します。 HTMLはWebサイトの外観を決定し、CSSは外観のスタイルを設定するために使用されます。つまり、CSSを微調整する方法を知っていれば、レイアウト、色、フォントなどを試してみることができます。つまり、テーマを好きなようにカスタマイズできます。

ここで、これらの編集を行うには、Webサイトのスタイルシートにアクセスする必要があります。 CSSを編集する方法の1つは、WordPressカスタマイザーを使用することです。あなたがしなければならないこと：

ステップ1： [外観]> [カスタマイズ]に移動します。これにより、Webサイトのライブプレビューが表示されたテーマのカスタマイズ画面が表示されます。

ステップ2： [追加のCSS ]をクリックします。これはメニューの下部にあります。

これにより、コード入力ボックスのある画面が表示されます。ここでは、エラーがない限り、作成したコードはプレビュー領域に表示されます。

ステップ3：これで、CSS要素の作業を開始できます。ただし、CSS要素をターゲットにする方法を知っておく必要があります。 CSS要素を選択するには、要素を右クリックする必要があります。次に、[検査]オプションを選択します。「 Ctrl + Shift + I 」を押して、検査モードに入ることができます。

たとえば、次のコードを貼り付けて、本文のフォントサイズを変更できます。

体 {
フォントサイズ：1.25rem;
}

サイトで必要な変更を加えることができます。そのためには、要素を選択し、それを編集するためのコードを追加する必要があります。

赤い境界線を追加する例を次に示します。

境界線を追加する要素を選択します。ここでは、「フォローする必要のある15のベストファッションブロガー」を選択します。
次に、それを右クリックします。「検査」オプションを選択します。

この場合、タイトルはH1タグであり、クラスは「entry-title」です。

これで、次のコードを追加して、タイトルの上に赤い境界線を配置できます。

 h1.entry-title { border: 1px solid red; }

追加したCSSは、テーマファイルが変更されないようにデータベースに保存されることに注意してください。ただし、テーマを切り替えると、CSSが失われます。したがって、進捗状況を失わないように、万が一の場合に備えてCSSをバックアップすることをお勧めします。

2.テーマエディターとプラグインエディター

テーマエディタは、管理領域からテーマファイルとプラグインを編集できるWordPressのシンプルなテキストエディタです。これは、 [外観]> [テーマエディター]にあります。

すぐに考慮しなければならないことがいくつかあります。これは、WordPressでさえ始める前に警告する、テーマを編集するためのより危険な方法の1つです。間違ったコードを入力すると、Webサイトからロックアウトされる可能性があります。テーマが将来の更新を提供する場合、行った変更も失われます。したがって、この方法でテーマファイルを編集する前に、リスクを理解し、更新を取得しないことを確認してください。また、このメソッドのコーディングに関する予備知識があることも重要です。

この方法を使用するスキルに自信がある場合は、エディターの右側のテーマに現在アクティブなファイルのリストがあります。編集してコード化するファイルを選択できます。

WordPressが提供する2番目の組み込みエディターはプラグインエディターです。テーマエディタと同様に、プラグインのPHPコードを正確に編集できるシンプルなテキストエディタです。

これには、 [管理画面]> [プラグイン]> [プラグインエディター]からアクセスできます。

テーマエディタと同様に、これもテーマを編集するための危険な方法です。編集が完了したら、自由に[ファイルの更新]ボタンをクリックして変更を保存してください。

3.子テーマを作成します

これは、テーマを安全に編集できるようにする方法です。子テーマは、親テーマの外観と機能を継承するテーマです。これは、テーマの外観と機能を維持しながら、子テーマを編集することを意味します。親テーマのコードの1行に誤りがあると、Webサイトを台無しにすることができますが、子テーマを使用すると、元のテーマを台無しにした場合にフォールバックできます。

また、更新中にカスタマイズが失われることもありません。

これがどのように機能するかは、Webサイトをロードするときに、WordPressが最初に子テーマのディレクトリでファイルを検索し、見つからない場合にのみ親テーマからファイルをロードすることです。

注意すべき点の1つは、子テーマのstyle.cssファイル内で親テーマのCSSファイルを呼び出すようにすることです。このWordPressは、デフォルトの子テーマファイルを調べているときにCSSスタイルが見つからない場合、CSSスタイルをレンダリングしません。

これがわかったので、子テーマとは何か、およびそれを作成する方法について詳しく説明します。子テーマウィザードを使用することもできます。これは、子テーマウィザードを作成する無料のプラグインです。

完了したら、子テーマのCSS編集を開始できます。

4.ページビルダー/フレームワーク

ページビルダーを使用すると、既存のWordPressを編集する最も簡単な方法です。この方法は、面倒なことなくテーマを編集したいすべてのレベルのユーザー（コーディング経験の有無にかかわらず）に適しています。ページビルダーを使用すると、数回クリックするだけでテーマ要素を作成、編集、調整できます。さらに、ページビルダーにはドラッグアンドドロップインターフェイスが付属しているため、微調整を非常に簡単かつ楽しく行うことができます。

市場で人気のあるページビルダーには、Elementor、Beaver Builder、Divi、およびVisualComposerがあります。これらの他に、見つけて使用できるページビルダーがいくつかあります。

Elementorページビルダーを使用してWordPressテーマを編集する例を次に示します。

まず、Elementorプラグインをインストールする必要があります。

ダッシュボードに移動し、左側のサイドパネルにある[プラグイン]オプションをクリックします。
[新規追加]オプションをクリックします。

'Elementor'プラグインを検索します。プラグインをインストールしてアクティブ化します。

次に、新しいページを追加します。

「 Elementorで編集」という新しいオプションが表示されます。クリックして。

たくさんの編集オプションを含む新しいページが開きます。

こちらからテーマを編集できます。ウィジェットをドラッグして、「ウィジェットをここにドラッグ」というセクションの中央のセクションにドロップするだけです。サイドバーを追加する例を次に示します。

これで、編集アイコンを右クリックしてサイドバーを編集できます。

サイドバーを編集するためのさまざまなオプションが開きます。それがあなたに合うようにしてください。

このように、テーマの他のさまざまな要素を編集して、新鮮でユニークな外観を与えることができます。自分で試してみてください。

結論

全体として、他の点では最新のWordPressテーマにいくつかのカスタム機能を追加することが可能です。上記のように、WordPressテーマを編集する方法のいくつかがあります。ただし、注意が必要です。ファイルを変更するリスクが生じる可能性があるため、適切な予防策を講じて調整してください。最も重要なことは、テーマファイルコードで手を汚す前に、情報をバックアップすることです。ことわざにあるように、申し訳ありませんよりも安全です！

WordPressテーマを削除する方法に関する記事も確認してください。