大人のための『夢を叶える学校』

「夢は叶えるもの!」険しい道でも突き進めば、その先に必ず光が見える。実現した経緯や飲食店経営・起業の仕方などをはじめ、昨今話題の『副業』のカテゴリーについての最新情報も発信しています。

ブログのサイドバーを充実させよう【はてなブログ活用法】

(✿✪‿✪。)ノコンチャ♡

前回に続き、基本機能を使ったブログのカスタマイズをしていきます。

今回は『サイドバー』について解説します。

サイドバーでは、

プロフィールやブログ内の記事情報などを表示できます。

f:id:success-life:20210920160459j:plain

カスタマイズ②

 

モジュールの追加

カスタマイズのメニューから【サイドバー】をクリックします。

f:id:success-life:20210920162503p:plain

サイドバー①

デフォルトで表示されている項目は、

  • プロフィール
  • 検索
  • リンク
  • 最新記事
  • 月別アーカイブ

設定方法はまた後で解説していきます。

 

はじめに、

モジュールの追加についてお話していきます。

【+モジュールを追加】をクリックします。

f:id:success-life:20210920191636p:plain

サイドバー②

 

モジュール追加画面が表示されます。

その中から追加したいモジュールを選びます。

【カテゴリー】を選択してみましょう。

f:id:success-life:20210920163443p:plain

カテゴリー
タイトル

タイトルを入力します。

並び替え順

記事が追加された順、記事数の多い順などから選べます。

表示件数

全て表示するか、表示する件数を指定できます。

 

設定が完了したら【適用】をクリックします。

 

プロフィール

それでは、

デフォルトの項目について解説していきましょう。

メニューの『プロフィール』の【編集】をクリックします。

f:id:success-life:20210920193916p:plain

プロフィール①
タイトル

タイトル名称を変更できます。

プロフィール画像

表示させたい画像を設定できます。

はてなID

はてなIDの表示設定ができます。

 

f:id:success-life:20210920194015p:plain

プロフィール②

 

自己紹介

任意で入力できます。

最終更新

最終更新時期の表示設定ができます。

読書になるボタン

『読者になる』のボタン表示の設定ができます。

フォローボタン

Twitter フォローボタンを設定できます。

 

f:id:success-life:20210920194417p:plain

プロフィール③

 

設定が完了したら【適用】ボタンをクリックします。

 

リンク

メニューの『リンク』の【編集】をクリックします。

ここでは、外部サイトへのリンクを設定できます。

デフォルトで『はてなブログ』のリンクが設定されています。

f:id:success-life:20210920200641p:plain

リンク①

 

タイトルと URL を入力して、

【適用】ボタンをクリックします。

f:id:success-life:20210920200752p:plain

リンク②

 

最新記事

メニューの『最新記事』の【編集】をクリックします。

f:id:success-life:20210920203721p:plain

最新記事①
表示件数

表示させる件数を設定できます。

カテゴリー

特定のカテゴリーを指定できます。

記事ごとに

記事のサムネイル画像を表示させたい場合は、

『サムネイル画像を表示する』にチェックを入れます。

サイズはデフォルトで 100×100 px です。

 

f:id:success-life:20210920204336p:plain

最新記事②

設定が完了したら【適用】ボタンをクリックします。

 

さいごに

基本操作でできる設定項目は、

設定したらプレビューで確認しながら進めましょう。

 

あっ、忘れてましたが・・・

カスタマイズの設定が完了したら、

必ず上部の【変更を保存する】をクリックしましょう。

 

今回は解説しませんでしたが、

『 </> HTML 』というモジュールが追加できます。

これは、

任意のテキストや情報、広告や外部ブログパーツなど、

自由に表示できるようになっています。

 

HTML

『 HTML 』とは、

Hyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、

もっとも基本的なマークアップ言語です。

 

HTML については、

次回わかりやすく解説していこうと考えています。

 

ここまでの基本設定だけでも、

充分「ブログ生活」を満喫できると思います。

でも、

「ここの部分をこうしたい・・・」「コレいらないな~」とか、

自分のブログをカスタマイズしたい場合は、

次回からの記事に期待してください。

 

次回からスタートするのは、

 HTML・CSS を使ったカスタマイズについてです。

 

 

ではまたお会いしましょう。