目次をトップページ上部(メッセージボード)に、作成する方法【新管理画面対応】 | 超初心者のためのアメブロ作成講座

超初心者のためのアメブロ作成講座

これからブログを始めてみようという人のために

アメブロの基本操作をわかりやすく説明します☆

私のブログのトップページで使っているような

画面上部の、目次メニュー(インデックス)を

(メッセージボードに)作成する方法を紹介します☆


1.トップページメニュー

 

マイページ→「ブログを書く」をクリックすると、

 

「メッセージボード」という項目を開きます。


超初心者のためのアメブロ作成講座-ブログを書く→メッセージボード

 

このメッセージボード編集画面に入力した内容が、

 

ブログのトップページ上部に、表示されるようになります☆

(全角・半角とも上限10,000文字まで入力可能)

 


超初心者のためのアメブロ作成講座-「公開」をクリック

 

 

必要な項目を入力の上、「公開」ボタンをクリックすれば、

 

ブログページトップの部分に、反映されます☆

(トップページのみで、個別記事には表示されません)

 

 

(メッセージボードを全ページに表示させる方法は、こちら☆)

 

 

【アメブロ向上企画書-CSSでカスタマイズ、オリジナルなスキンに挑戦!-】
全ページにメッセージボード設置しちゃおう

 

初期設定では、ブログ記事の編集画面同様、

 

「タグの非表示」が、選択されています。

 


超初心者のためのアメブロ作成講座-タグの非表示

 

 

ここに、文章などを入力し、

 

リンクをかける文字をドラッグして、選択します。

4.タグの非表示-文字選択

 

右上にある「URL」書いてあるボタン

 

(リンクの追加)を、クリックします。

5.リンクの追加

 

URLの欄に、リンクをかけるURLを入力します。

 

(カテゴリや個別ページのURLなど)

 

 

【参考】

 

 

個別ページ・テキストリンクのURL確認方法



6.リンクの追加URLペースト

 

リンクl先の表示方法は、初期設定の

 

「新しいウィンドウ」(別窓表示)のままでOK☆

 

「リンク」ボタンをクリックすれば、完了です!

7.「HTMLタグを表示」編集画面

 

 

ちなみに「HTMLタグを表示」の方の編集画面には、

 

バナーのURLを、そのまま貼り付けたりもできます。

 

▼バナー関連記事
バナーが貼り付けられる位置

 

ブログにバナーを貼り付ける方法

バナーのHTMLタグについて

バナーのHTMLタグ

8.プレビュー確認

 

「タグの非表示」を選択すれば、

 

どんな感じで表示されるのか、確認できます。

 

編集が終わったら、「保存」ボタンをクリック。

9.「保存」をクリック

 

 

これで、編集内容がブログのトップページに反映します。

 

 

私は、このスペースに自分のブログのバナーや

 

カテゴリ(テーマ)別のインデックスを入れています。

 

ブログってゆーのは、記事数が増えれば増えるほど、

 

過去の記事がうもれていくので、

他の記事も読みやすいように整理しておくと、

訪問してくれた人が、見やすいと思います^^

 

 

記事数が多いブログの全記事一覧インデックスは、

 

 

記事の1つとして作った方が、ベターだと思います☆

(記事数が、増えれば、カテゴリ別の目次を作成しても◎)

 

 

 

■参考■

 

 

 

スタッフブログ

メッセージボードの拡大と未来日時で表示されている記事形式の終了について

 


【関連記事】

サイドバー「フリースペース」の編集方法

太字・斜体・下線・打消線で、文字を装飾する方法

文字の色を変える方法(1)基本色12色

文字の色を変える方法(2)216色の中間色バリエーション

超カンタンに目次作成&文字色・太さ変更

目次作成で、ページビューが増える!

同じテーマの最新記事が3つ表示される新機能のメリット

テキストリンクをかける方法(アメブロ編)

テキストリンクのかけ方【新しい記事編集ボタン使用】

ブログ記事は長尺でつながっている(トップページのURL)

個別ページ・テキストリンクのURL確認方法


 

しもまゆのメルマガ

まぐまぐ『ブログ×SNS活用術

 

無料メール講座【月間10万PV超ブログ作成の秘訣7ステップ】

 

 

超初心者のためのアメブロ作成講座

 

ブログにバナーを貼り付ける方法

目次【アメブロ関連記事一覧】

初心者向けブログ関連本・書籍一覧

「超初心者のためのアメブロ作成講座」トップページ