カスタマイズページを使用してWordPressテーマを編集する方法

wordpress-customize-options.png


ブロガーの間で非常に人気を博しているWordPressの驚くべき機能の1つは、テーマを使用する機能です。技術的な知識がなくても、誰もが誰もが気に入るであろう美しくデザインされたウェブサイトを持つことができます.

しかし、WordPressテーマはすべてを大皿で提供しますが、テーマをインストールした後、変更しないでおく必要があるという意味ではありません。 Webサイトを形成する要素のほとんどは、カスタマイズされる傾向があります。テーマに応じて、タイトル、フォント、色、テキスト、画像、その他ほとんどすべてを変更できます.

もちろん、コーディングの方法を知っていれば、もっと多くのことが可能ですが、それがあなたがここにいる理由ではありません。 WordPressでは、初心者向けのカスタマイザを使用してテーマを変更できるため、それにアクセスする方法と、選択したテーマをパーソナライズする方法を示します。すべてのアイテムは異なるカスタマイズオプションを備えているため、このチュートリアルではTwenty Seventeenを使用します.

WordPressカスタマイズページにアクセスする方法

WordPressカスタマイズページは、 WordPressカスタマイザ. バージョン3.4で導入され、それ以降、ユーザーはサイトに変更が加えられているときにサイトをプレビューできます。サイトをカスタマイズするより良い方法はありますが、椅子の後ろから安全にライブバージョンを見るにはどうすればよいでしょうか。これについての大きな部分は、これらの変更がライブサイトに影響を与えないため、変更を保存するまで、訪問者はあなたが何をしているかを見ることができないということです.

WordPressカスタマイザにアクセスするには、次の場所に移動してください 外観->カスタマイズ.

WordPressカスタマイズページ

これだよ。 WordPressがブログのホームページを開き、画面の左側にカスタマイザを含めました。サイトに変更を加える準備ができました.

WordPressサイトをカスタマイズする方法

まず、画面左側のオプションに注目しましょう.

ページの上部で、WordPressからサイトの名前が通知されます。そのすぐ下に、現在使用しているテーマの名前が表示されます。テーマを切り替える場合は、[変更]ボタンをクリックして、ブログにインストールした他のテーマを選択します.

サイトID

まず、サイトのアイデンティティに不可欠ないくつかのオプションを変更します。ロゴがある場合、またはロゴを追加する場合は、[ロゴを選択]ボタンをクリックします。メディアライブラリから画像を選択するか、新しい画像をアップロードします。通常、ロゴはあなたやあなたの会社を表す正方形の画像です。 Twenty Seventeenでいずれかを選択すると、サイトのタイトルのすぐ隣にロゴが表示されます。他のWordPressテーマを使用している場合、これは異なる場合があります.

サイトID

サイトのタイトルとキャッチフレーズは、すべてのWebサイトに固有でなければなりません。これらはホームページに表示されるだけでなく、検索エンジンの結果ページでのブログの表示方法に直接影響します。そのため、サイトに名前を付け、1文の説明をタグラインとして記述することが不可欠です。.

サイトアイコンを追加することを忘れないでください。この小さな画像は、ユーザーのブラウザのウィンドウとタブの上に表示されます。また、ページをブックマークしたり、ショートカットを作成したりするユーザーにも表示されます。サイトアイコンを使用すると、ユーザーがブログを簡単に認識できるようになります。ユーザーは通常、ロゴをサイトアイコンとして選択します。正方形で、幅と高さが512×512ピクセル以上である必要があります.

多くのタイプの調査がすでに証明したように、色はウェブサイト全体を形作ることができます。メインカラーを選択するだけで、サイトに別の色調を設定して、正しい(または間違った)タイプのユーザーを引き付けることができます。さまざまな調査に従って色を選択する場合でも、独自のアフィニティによって色を選択する場合でも、カスタマイザの[色]タブで必要な変更を行うことができます.

色

27になると、3つの配色から選択でき、ヘッダーテキストの色をカスタマイズできます。.

他のいくつかのテーマではさらに多くのオプションが提供され、サイトのすべての色をカスタマイズできる場合があります。それはすべて、開発者がテーマのオプションの構築に費やしたどのくらいの努力に依存します.

ヘッダーメディア

ヘッダーメディア

ヘッダーは、ウェブサイトの最も重要なデザイン要素の1つになっています。最近のテーマでは、ヘッダーには通常、画像とビデオが含まれているため、自分でメディアを選択できるのは当然です。ヘッダーメディアについてはすでに詳しく説明しています。WordPressでウェブサイトのヘッダーをカスタマイズする方法をご覧ください。.

メニュー

メニュー

次のパネルでは、WordPressのナビゲーションメニューを追加および編集できます。すべてのサイトに少なくとも1つのナビゲーションメニューがあることが重要であるため、WordPressでメニューを追加する方法を学ぶ必要があります。このタブでは、同じことができますが、ライブプレビュー機能を使用して、結果をすぐに確認およびテストできます。.

ウィジェット

ウィジェットパネルを開くと、ウィジェットを使用できるすべての利用可能な場所を表すタブが表示されます。 WordPressにウィジェットを追加する方法について説明したとき、ウィジェットは使用しているテーマに依存すると述べました.

ウィジェット

通常、使用できるウィジェット対応領域が少なくともいくつかあります。 Twenty Seventeenを使用している場合は、ウィジェットをサイドバー、フッター1、フッター2に追加するオプションが表示されます.

画面の右側で変更を確認しながら、利用可能な場所のいずれかを開き、お好みに応じてウィジェットを追加および変更します。いいですね?

静的フロントページ

選択したテーマが静的なフロントページをサポートしている場合、このパネルではフロントページのタイプを選択できます。 Twenty Seventeenでは、最新の投稿をホームページに表示したり、別のページを選択したりできます.

静的フロントページ

静的ページを選択した場合、WordPressは別のオプションセットを開き、フロントページと投稿ページを選択できます。既存のページが気に入らない場合は、[新しいページを追加]リンクをクリックして新しいページを作成します.

テーマオプション

フロントページに静的ページを使用する場合、WordPressはカスタマイザにパネルを1つ追加します。ここで、フロントページのレイアウトを選択し、テーマの使用可能なセクションのいずれかに表示されるページを選択できます.

テーマオプション

追加のCSS

カスケードスタイルシート(CSS) HTMLで記述されたドキュメントのスタイルを記述するために使用される言語です。 WordPressサイトはCSSを使用して、デザインの色、マージン、フォント、およびその他の多くの側面を定義しています。 WordPressのバージョン4.7まで、ユーザーはサイトの特定のスタイルを変更するために、スタイルシートファイルを直接変更するか、外観エディターを使用する必要がありました。.

WordPressの追加のCSS

しかし今は、カスタマイザで[追加のCSS]パネルを開くだけで十分です。ここでは、Webサイトにすぐに影響する独自のカスタムCSSコードを記述できます.

クリックして編集する

オプション付きの左側の画面パネルで使用可能なすべての要素にも、 プレビューパネルの円形の編集アイコン. 要素の横にあるアイコンをクリックするだけで、WordPressは左側にそれぞれの設定を開きます.

下のスクリーンショットからわかるように、タイトル、タグライン、検索ボックス、最近の投稿ウィジェットの横に青い円のアイコンがあります.

クリックして編集する

変更する設定に違いはありませんが、この機能は、要素の命名法に苦労している人にとっては便利です。したがって、たとえば、ヘッダーが何であるかまだわからない場合や、変更がどこで有効になっているかがわからない場合でも、アイコンをクリックしてヘッダーを変更できます。.

さまざまな画面サイズをプレビュー

WordPressカスタマイザの下部には、スクリーンコントロールがあります。これらの小さなアイコンを使用すると、サイトのビューをすばやく変更できます。あなたは見ることができます デスクトップコンピューター、タブレット、スマートフォンでのブログの外観. これは、現在のテーマの応答性をチェックするのに理想的です(テーマがさまざまな画面サイズでどのように動作するか).

画面制御

それはあなたが好きなものについてのすべてです

カスタマイザーで使用可能なすべての設定からわかるように、このページにあるユーザーフレンドリーなオプションを使用して、WordPressテーマを変更できます。テーマによっては、選択肢が多かったり少なかったりしますが、すべてのテーマに目を通してください。ユニークなウェブサイトを持つことは重要です.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map