WordPress(ワードプレス)のバナー掲載方法

 1.にほんブログ村バナーhtml取得方法

 2.WordPressでのバナー掲載方法

 3.その他のバナー掲載方法はこちら (細かく設定したい方向け)



1. にほんブログ村バナーhtml取得方法

PCからバナーhtmlを取得したい方
マイページに移動しましたら、ランキング参加にカーソルを当てるとメニューが新たに表示されるので、下記画像赤枠内の「inポイントランキングバナー」をクリックしてください。



バナーをクリックすると下記ページに遷移するので、赤枠内の「カテゴリー・総合ブログのバナー」をクリックしてください。
クリック後にブログの見本が表示されるので、青枠内の文字をコピーしてください。


以上でバナーが取得できますので、お試しくださいませ。


バナー掲載方法へ進む


スマートフォンからバナーhtmlを取得したい方

マイページに移動しましたら、赤枠内の「メニュー」をクリックしてください。

メニュー画面が開いたら赤枠内の「ランキング参加」をタップしてください。
ランキング参加をクリック後、追加メニューが表示されますので「inポイントランキングバナー」をクリックしてください。



ページが遷移しましたら、赤枠内の「カテゴリー別バナー」部分をクリックするとバナー見本が表示されますので、使用したいバナー画像下の青枠内の文字列をコピーしてください。


以上でバナーが取得できますので、お試しくださいませ。


バナー掲載方法へ進む

目次へ戻る



2. WordPressのバナー掲載方法

PCからのバナー掲載方法

WordPressのトップページから、ブログの投稿欄の追加をクリックして、新規記事を書くページに移動してください。


記事投降画面を開くとタイトル入力欄の下に、「文章を入力、または /でブロックを選択」と書かれた部分をクリックしてください。


そうするどのようなブロックを追加するかのメニューが表示されますので、赤枠内の「すべて表示」をクリックして下さい。


左サイドバー表示され、ブロックの種類が表示されますので、「カスタムHTML」を選択してください。
もしブロックが多くて見つけられない場合は、ブロックの検索欄でHTMLなどで検索してみてください。




ブロックの選択が完了すると下記のカスタムHTMLブロックが挿入されますので、青枠内が黒地に白抜き文字で「HTML」になっていることを確認したうえで、赤枠内にバナー用の文字列を記入してください。

バナー用文字列が貼り付けることができたら、青枠内のプレビュー部分をクリックし、プレビューが黒地に白抜き文字になると、文字列がバナーへ変換されます。

以上で完成しますので、お試しくださいませ。


なお、一度このブロック選択を行うと、ブロック追加時の候補に「カスタムHTML」が追加されますので、以降はより簡単にバナー追加が可能となります。



目次へ戻る


スマートフォンからのバナー掲載方法

WordPressのトップページから、ブログの投稿欄の追加をクリックして、新規記事を書くページに移動してください。


記事投降画面を開くとタイトル入力欄の下に、「文章を入力、または /でブロックを選択」と書かれた部分をクリックしてください。


そうするどのようなブロックを追加するかのメニューが表示されますので、赤枠内の「すべて表示」をクリックして下さい。

新しいメニューが表示され、ブロックの種類が一覧で表示されますので、「カスタムHTML」を選択してください。
もしブロックが多くて見つけられない場合は、ブロックの検索欄でHTMLなどで検索してみてください。


ブロックの選択が完了すると下記のカスタムHTMLブロックが挿入されますので、青枠内が黒地に白抜き文字で「HTML」になっていることを確認したうえで、赤枠内にバナー用の文字列を記入してください。


バナー用文字列が貼り付けることができたら、青枠内のプレビュー部分をクリックし、プレビューが黒地に白抜き文字になると、文字列がバナーへ変換されます。

以上で完成しますので、お試しくださいませ。


なお、一度このブロック選択を行うと、ブロック追加時の候補に「カスタムHTML」が追加されますので、以降はより簡単にバナー追加が可能となります。



目次へ戻る


3. その他の掲載方法

 PCからのバナー掲載方法

 スマートフォンからのバナー掲載方法


PCからサイドバーへのバナー掲載方法

WordPressトップページの一番下にあります、①のWordPress管理画面を表示をクリックします。


管理ページに移動しましたら、左の欄にあります、概観の中の②ウィジェットをクリックしてください。
ウィジェットに移動しましたら、③のテキストをクリックします。


④のウィジェットを追加をクリックしてください。


ウィジェットを追加をクリックしますと、タイトルと内容を書ける欄が出てくるので、⑤のように内容の枠にコピーしたバナーhtmlを貼り付けます。
貼り付けられましたら、適当なタイトルを入れ、⑥の保存をクリックしてください。


以上で完成しますので、お試しくださいませ。


その他の掲載方法へ戻る

目次へ戻る


スマートフォンからサイドバーへのバナー掲載方法

WordPressトップページの一番下にあります、①のWordPress管理画面を表示をタップします。


管理ページに移動しましたら、左の欄にあります、概観の中の②ウィジェットをクリックしてください。


ウィジェットに移動しましたら、③のテキストをクリックします。


④のウィジェットを追加をクリックしてください。


ウィジェットを追加をクリックしますと、タイトルと内容を書ける欄が出てくるので、⑤のように内容の枠にコピーしたバナーhtmlを貼り付けます。
貼り付けられましたら、適当なタイトルを入れ、⑥の保存をクリックしてください。


以上で完成しますので、お試しくださいませ。




その他の掲載方法へ戻る

目次へ戻る