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を貼り付けます。
貼り付けられましたら、適当なタイトルを入れ、⑥の保存をクリックしてください。
以上で完成しますので、お試しくださいませ。