ブログ収益化への道（その５）
関連記事まとめページです → ブログ収益化への道
今は、２０２０年８月１０日（月）です。
ブログ始めて２７日目になります。
まだ、「AdSenseを申し込む」ボタンは出ていません。
記事数は昨日までで１４件です。
HTMLサイトマップページの作成に便利なウィジェットと日本語化対応
いろいろなブログを見て回ると、「サイトマップ」というページを用意しているところを見かけました。
引用元：ふじろっく
ページを開いてみると、投稿された記事がすべて一覧表示されていてラベルによる絞り込みや、投稿日順に昇順・降順に並べ替えられたりとすごく便利だったので、早速ブログに作ってみることにしました。
今回参考にさせて頂いたのは、ふじろっくさんのページです。
HTMLサイトマップページを作るにあたり、とても便利なウィジェットを活用します。
それが、こちら↓ です。（感謝）
How to Add an HTML Sitemap Page in Blogger
Want to create a sitemap page with links to all the pages on your Blogger site? Learn how to easily add an HTML sitemap page in Blogger in this guide
https://www.mybloggerlab.com/2016/08/how-to-add-html-sitemap-page-in-blogger.html
Sitemap widget powered by My Blogger Lab
この便利なウィジェットを日本語化してくださったふじろっくさんのページを参考にして作っていきます。（感謝）
HTMLサイトマップページを作る
ブログ編集項目の「ページ」から「＋新しいページ」ボタンを押して新しいページを作りましょう。
ページのタイトル名を入力します。
「ビュー切り替えボタン」を押して、「HTMLビュー」に切り替えましょう。
ブログ編集画面をそのままにしておきます。
次に、ふじろっくさんの日本語化ページへアクセスしてください。
ここをクリック → ふじろっくさんの日本語化ページ
ページの一番したにある「HTML」のコードを全てコピーしましょう。
先ほどブログの新しいページを作った編集画面に戻ります。
「HTMLビュー」の入力欄にコピーしたコードを貼りつけます。
「プレビュー」で見てみましょう。
表示できました！
ブランドカラーに合わせる
リスト項目の背景色をブランドカラーに合わせようと思います。
「HTMLビュー」を開いて、「Ctrl + F」を押して検索ウィンドウを開き、
「toc-header-col3」を入力してリターンします。
検索で見つかったCSSの「background」にブランドカラーのカラーコードを入力します。
「プレビュー」で確認してみましょう。
サイトマップページの説明とかも、ふじろっくさんのページを真似て追加してみました。
ほぼそのまま、、
完成しました！
審査に影響するかはわかりませんが、とても便利なページができました！
投稿
0 件のコメント:
コメントを投稿