Top Page > スポンサー広告 > 記事一つ一つに目次を付けて、構成をわかりやすく(その2)ブログのカスタマイズについて > 記事一つ一つに目次を付けて、構成をわかりやすく(その2)

スポンサーサイト

このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

記事一つ一つに目次を付けて、構成をわかりやすく(その2)

このエントリーをはてなブックマークに追加
本棚 整頓

ブログカスタマイズについての記事です。

過去に目次を付けるときにエクセルから編集して貼り付けるという記事を書きました。
記事一つ一つに目次を付けて分かりやすく

その時に、エクセルから貼り付けずに目次を付けれるようにしたかった

と書いていたので、やり方を調べFC2ブログの編集画面で目次を付けられるようになりました。

そのやり方を書いていきたいと思います。

目次.
○目次を作成することの目的
○どういう風に編集をしているのか?
○実際に作ってみよう
○おわりに




○目次を作成することの目的

目次を付ける目的は、前回記事の最後に書いてあるので見ていただければ嬉しいです。

それも面倒かもしれませんので、簡単に箇条書きにします。

・目次をみることで記事のおおよその内容がわかる
・自分の欲しい情報があるかを確認できる
・読んでくれている方が最短で情報を探し、ほかの情報を探すお手伝いができる(時間短縮)


この3点が重要なところだと思います。

なので、目次を入れることにしております。

○どういう風に編集しているのか?

どういう風にして編集しているのかですが、

この編集画面で作っています。

表を作りたい場所や目次を作成したい場所で( t a b l e)というタグを使います。

この( t a b l e )タグは表を作成するためのタグです。

表を作成するタグを使って目次を作成しております。

○実際に作ってみよう

それではこれから例を交えて書いていきます。

( t a b l e )~( / t a b l e )の中で囲んだものが表に変換されます。

(例)
t a b l e b o r d e r = " 1 " ) ( c a p t i o n )目 次 . ( / c a p t i o n
( t b o d y ) ( t h ) ○ ○ ○ ( / t h ) ( / t b o d y )
( t b o d y ) ( t h ) ○ ○ ○ ( / t h ) ( / t b o d y )
( t b o d y ) ( t h ) ○ ○ ○ ( / t h ) ( / t b o d y )
( t b o d y ) ( t h ) ○ ○ ○ ( / t h ) ( / t b o d y )
( t b o d y ) ( t h ) ○ ○ ○ ( / t h ) ( / t b o d y )
/ t a b l e

※実際に使用するときは()を<>に変えてください。
それと改行を入れているので改行を消して、見やすいように文字一つ一つに半角スペースを入れているので
それも消して○を文字に変換してください。


(例)のように t a b l e タグ(赤文字表記)で囲んでいるところが表になっております。

そのほかの要素についてですが( c a p t i o n )~( / c a p t i o n )で囲んでいるところ(青文字表記)は

表のタイトルになります。私は目次を書くことが目的なので、最初の( t a b l e )の次に入れています。

表の縦の行を増やすために( t h ) ~ ( / t h)という要素(緑文字表記)を入れています。

なので目次を入れる場合は、

( t a b l e )( / t a b l e )で表を作る準備をし、( c a p t i o n )( / c a p t i o n )で表のタイトルを入れます。
※b o r d e r は表の罫線を作るためのもので、""内に1か0を入れます。0だと罫線は表示されません。

( t b o d y )( / t b o d y )は必要ないと思っていたのですがこれがないと一列になってしまいますので、

原因を追究してわかり次第報告いたします。

※( t b o d y )( / t b o d y )を入れる場合
○ ○ ○
○ ○ ○
○ ○ ○
○ ○ ○
○ ○ ○

※( t b o d y )( / t b o d y )入れない場合
○ ○ ○○ ○ ○○ ○ ○○ ○ ○○ ○ ○


( t h ) ( / t h )は行を増やすために入れています。

この( t h )( / t h )も入れておかないと※入れない場合と同じパターンになってしまいます。

ちなみに t a b l e タグの前に c e n t e r タグを入れると真中によります。
※( c e n t e r )( t a b l e b o r d e r ) ~ ( / t a b l e ) ( / c e n t e r )

以上がFC2ブログ編集内で目次を入れる方法でした。

○おわりに

これだけ手間がかかるならエクセルで作って貼り付けた方が早いと思います。

しかし、別の方法などもあれば良いと思いますので、

引き続き勉強して、訂正するところや理屈がわかったところ(この記事でいう t b o d y 当たりの問題など)

をまた記事にしていきたいと思います。

最後まで読んでいただき、またご覧いただきありがとうございました。

今後ともお役にたてる記事を書いていければと思いますのでよろしくお願いいたします。



人気ブログランキングへ
にほんブログ村 美容ブログ 男磨きへ
にほんブログ村
関連記事
スポンサーサイト

コメント

コメントの投稿

非公開コメント

Top Page > スポンサー広告 > 記事一つ一つに目次を付けて、構成をわかりやすく(その2)ブログのカスタマイズについて > 記事一つ一つに目次を付けて、構成をわかりやすく(その2)

検索フォーム

ブロとも申請フォーム

月別アーカイブ

プロフィール

清潔感,身だしなみ

Author:gottz0703
ご訪問していただきありがとうございます。
夢をかなえたい元サラリーマンのGottzと申します。
ここでは、これまでに自分がコンプレックスを持っていたこと、
今もコンプレックスを持っていること(薄毛)をはじめ、
流行っているダイエット方法や商品の紹介をしていきます。
色々な悩みを抱えている人の励みになればと思いますので、
どうかよろしくお願いいたします。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。