VTXグラフィックwordpressのホスティング

WordPressのサイトにバナーを追加する方法

今日では広告は、インターネット上のウェブサイトのほとんどの重要な部分です。このチュートリアルでは、WordPressのサイトのさまざまな部分にバナーを追加する方法を紹介します。バナーを提供するウェブサイトのほとんどはそうあなたがしなければならないすべてはあなたがバナーを配置し、以下の手順に従っしたい場所を決めている全体のバナーコードを提供します。

でCSSの電源をホスティングVTXグラフィックワードプレス

あなたのサイドバーにバナーを追加する方法

バナーを追加するには、サイドバーを使用するのが一般的です。これを行うには二つの方法があります - あなたのテーマは、あなたのサイドバーにウィジェットをサポートしている場合、あなたはそれであなたのバナーコードとテキストウィジェットを追加したり、あなたのテーマのsidebar.phpファイルに直接コードを追加することができます。

>ウィジェット - あなたのテーマはウィジェットをサポートしている場合、外観に進みます。その後、適切なウィジェット領域にテキストウィジェットをドラッグします。私たちの場合、それは、「メインサイドバー」になります。このチュートリアルの目的のために、我々は右の検索フィールドの下にこのウィジェットを配置します。最後に、ウィジェットのタイトルを設定し、それにバナーコードを貼り付け(つまりはオプションですが、あなたがあなたのバナーの上のタイトルを持ってしたくない場合は、空のままにします)、[保存]ボタンを押してください。

これは、WordPressのサイトのサイドバーにしたいバナーを配置します。

あなたのテーマはウィジェットをサポートしていない場合は、直接sidebar.phpにあなたのバナーコードを追加する必要があります。あなたのWordPressの管理ページの編集部> - あなたは外観からこのファイルを編集することができます。

単一のポストまたはページにバナーを追加する方法

あなたのポストやページの本文にバナーを追加したい場合は、単純にWordPressのエディタのテキストモードを開いて、その中にバナーコードを貼り付けます。


これは、この記事の2つのサンプル段落間の画像を追加します。あなたはそれがあなたのポストやページの残りの部分に見えるようにするために、このバナーを再配置または整合させるためにWordPressのWYSIWYGエディタを使用することができます。


すべての記事やページ上または下のバナーを追加する方法

すべての投稿やページの上または下のバナーを追加するには、WordPressのテーマのsingle.phpやpage.phpファイル内のバナーコードを追加する必要があります。あなたの投稿(single.php)とあなたのページ(page.phpを) - どちらのファイルも同様のコンテンツを持っているが、彼らはあなたのサイトの異なる部分を処理します。あなたは、あなたのWordPressの管理エリアにログインし、外観に行くことによって、それらのファイルを編集することができます - >エディタ。

あなたの投稿やページ上のバナーを追加したい場合は、次のコードを探します。

それはあなたのバナーのコードを追加した直後。これはあなたのページのすべての上にバナーを追加し、タイトルを掲載します。もちろん、あなたはそれがあなたのニーズに応じて見えるようにするためにCSSスタイルを追加することができます。

このログインをホスティングVTXグラフィックワードプレス


あなたのヘッダーやフッターにバナーを追加する方法

あなたのフッターやヘッダーにバナーを追加すると、使用しているテーマに依存します。それはそのフッターやヘッダーに追加ウィジェット領域を有している場合は、サイドバーにバナーを追加するため、このチュートリアルの最初の部分の指示に従うことができます。

あなたのテーマはフッター/ヘッダー領域に追加したウィジェット領域を持っていない場合一方、あなたは手動であなたのバナーを追加する必要があります。 WordPressの管理ページに、このログインを行うと、外観に移動するには - >エディタ。このチュートリアルの目的のために、私たちはあなたのヘッダーにカスタムSitegroundはバナーを追加します。私たちは、サイトのヘッダーにバナーが追加されますので、編集可能なファイルのリストからheader.phpの選択。このファイル内のコードは、あなたのテーマに応じて異なることに注意してください。あなたはこのバナーを追加するために非常に基本的なHTMLのスキルが必要です。

まず、bodyタグの開口部を見つけます。二〇から一二デフォルトのWordPressのテーマでは、次のようになります。

右この後に次のコードを追加します。

あなたはバナーを指すようにしたいURLとバナー画像へのリンクをBANNERLINKとLINKTOIMAGEを交換する必要があります。最後に、バナー画像の実際の大きさと幅と高さのパラメータを交換してください。

このコードは、あなたのサイトの上にあなたのバナーをレンダリングします。あなたが使用しているテーマに応じて、あなたが好きな場所に配置するためにコードを移動する必要があるかもしれないことに注意してください。

我々はdiv要素の中にバナーをラップすることに注意してください。我々はさらに、このバナーをスタイルにしたいので、私たちはこれをしました。ページを更新するには、次の行を追加したときにこれを行うには、右の列からのstyle.cssを選択して:

これは、バナーを中心に、それははるかに優れて見えるようにいくつかのトップのマージンを追加します。もちろん、これは単なる例です - あなたは、バナーにあなたがそれを望むようにスタイルするために、CSSのフルパワーを使用することができます。

フッターにバナーを追加すると、基本的には、1つの小さな違いと同じです - あなたはheader.phpの1の代わりに、footer.phpファイルを開く必要があります。次に、あなたがする必要があるすべては、あなたがバナーを表示したいコードを貼り付けています。

あなたのページにバナーを表示するプラグインを使用します

ページ上に複数のバナーを表示したい場合は、表示する広告、およびより高度な機能を追跡し、バナー管理のために利用できるWordPressのプラグインのいずれかを使用することをお勧めします。

それはあなたの特定のサイトの構造やニーズに依存しているので、我々はあなたが最良のあなたのニーズに合うようになる拡張を見つけるためにWordPressのプラグインディレクトリ内のバナーのプラグインを閲覧することを示唆しています。あなたがそれを行うたら、WordPressのプラグインをインストールする方法についてのチュートリアルの指示に従って、他のWordPressのプラグインとしてインストールすることができます。

WordPressはワードプレス財団の商標です。 Sitegroundはは、と提携したりWordPressのプロジェクトまたはその商標の所有者によって承認されていません。

関連記事

ページワードプレスホスティングのチュートリアルSEO完全なワードプレス それはすぐに、独自の場所を作った最も人気のあるブログプラットフォームだから000webhostガイド(2017)WordPressは間違いなく、正式な導入を必要としません...
スクリプトワードプレスのウィジェットをホスティングしているブログJavaScriptは、ワードプレス内で動作します。テンプレートファイル内で使用される場合。ほとんどのJavaScriptが正常に動作します。ここでは、ワードプレスでのJavaScriptの作品を作るためにいくつかのヒントがあります。テンプレート内のJavaScript ...
変更のサンプル・ページwordpressのホスティングWordPressのページを作成すると、ポストの作成に非常によく似ています。ただ、ページは静的なコンテンツのために意図されていることを覚えておいてください。あなたに新しいページを追加し始めるにはWordPressのページを作成する1. ...
アルタビスタO wordpressのホスティング説明は、あなたの訪問者がブックマークをクリックするだけで任意のページを翻訳できるようにします。翻訳は、この軽量、クロスブラウザのプラグインでページを離れることなく、所定の位置に起こる....
スクリプトのWordpressのテーマをホスティングブログJavaScriptは、ワードプレス内で動作します。テンプレートファイル内で使用される場合。ほとんどのJavaScriptが正常に動作します。ここでは、ワードプレスでのJavaScriptの作品を作るためにいくつかのヒントがあります。テンプレート内のJavaScript ...