TOP > 新しい記事を書こう! > title − 続きを読むやプレビューを使う
続きを読むやプレビューを使う
今回からは[新しい記事を書く]画面のその他の機能を紹介していきます。まず始めに「続きを読む」の設定 ・ 「プレビュー」 ・ 「リアルタイムプレビュー」の説明をします。
多くのブログはこの見本画像の様に「続きを読む」や「Read more」となっていると思います。
「続きを読む」のリンクをクリックすると記事の続きが表示されて読む事ができるようになりますよね!記事が長い時はこの「続きを読む」を使った方がブログ全体の見た目が良いし、1ページに表示する記事の数を複数設定しても見にくくならないから非常に便利ですよね。
テキスト入力欄の下にある[プレビュー]・[保存]のボタンのさらに下に「※詳細な設定/追記を設定する」という文字があります。この文字をマウスでクリックして下さい。
するとこの様に「続きを読む」の設定が現れます。上のテキスト入力欄の[本文]と全く同じものが現れてこちらのテキスト入力欄は[追記]となっていますよね。
この「追記」のテキスト入力欄に文章を書くと自動的に「続きを読む」の所に書いて記事を保存すると自動的に「追記」になります。そしてもちろん「追記」に書いた文章は「続きを読む」のリンクをクリックされて始めて表示されます。
テキスト入力欄のすぐ下にあるリアルタイムプレビューを紹介します。
「リアルタイムプレビュー」を押して文字を入力するとこの見本画像の様にテキスト入力欄の下に記事のプレビューが表示されます。実際にやってもらうとわかりやすいと思いますが、文字を入力したらすぐにプレビューにも反映されてリアルタイムで記事の出来栄えを確認することができます。プレビュー のチェックをはずすとリアルタイムプレビューは一度終わってまたチェックを入れると始まります。
テキスト入力欄のすぐ下にある↑・↓の矢印を紹介します。
「↓」の矢印をクリックするとテキスト入力欄を広げる事ができます。クリックしたらクリックしただけ大きくする事ができます。長い文章を書いた時などに後から確認する場合に使うと全体が見れて確認しやすかったりします。
「↑」の矢印をクリックすると大きくしたテキスト入力欄を戻す事ができます。こちらもクリックしただけ戻っていきます。
保存ホタンの横にあるプレビューを紹介します。
プレビューボタンをクリックすると[新しく記事を書く]バーの上に記事のプレビューが表示されます。
こちらはリアルタイムでは表示されずに入力した所までのプレビューが見れます。全て記事を書き終えてから保存ボタンを押す前に最後の確認のために使うと良いいかと思います。
※「リアルタイムプレビュー」と「プレビュー」で気をつけて欲しいことが1つあります。プレビューはあくまでも記事の見え方の目安の確認だから本当の表示のされ方と違うという事です。記事の横幅の長さが違ったり、プレビューに反映されるものとされないものがあります。だから一生懸命プレビューで確認しながら記事を作っても、最後に保存をしてブログで確認してみたら実際は違うかも知れないという事を覚えておいて下さい。
「続きを読む」の設定

「続きを読む」のリンクをクリックすると記事の続きが表示されて読む事ができるようになりますよね!記事が長い時はこの「続きを読む」を使った方がブログ全体の見た目が良いし、1ページに表示する記事の数を複数設定しても見にくくならないから非常に便利ですよね。


この「追記」のテキスト入力欄に文章を書くと自動的に「続きを読む」の所に書いて記事を保存すると自動的に「追記」になります。そしてもちろん「追記」に書いた文章は「続きを読む」のリンクをクリックされて始めて表示されます。
リアルタイムプレビューを使う

↑・↓を使う
「↓」の矢印をクリックするとテキスト入力欄を広げる事ができます。クリックしたらクリックしただけ大きくする事ができます。長い文章を書いた時などに後から確認する場合に使うと全体が見れて確認しやすかったりします。
「↑」の矢印をクリックすると大きくしたテキスト入力欄を戻す事ができます。こちらもクリックしただけ戻っていきます。
プレビューを使う


こちらはリアルタイムでは表示されずに入力した所までのプレビューが見れます。全て記事を書き終えてから保存ボタンを押す前に最後の確認のために使うと良いいかと思います。
※「リアルタイムプレビュー」と「プレビュー」で気をつけて欲しいことが1つあります。プレビューはあくまでも記事の見え方の目安の確認だから本当の表示のされ方と違うという事です。記事の横幅の長さが違ったり、プレビューに反映されるものとされないものがあります。だから一生懸命プレビューで確認しながら記事を作っても、最後に保存をしてブログで確認してみたら実際は違うかも知れないという事を覚えておいて下さい。
- 前の記事へ : 写真・画像の使い方
- 次の記事へ : wysiwygテキストエディターの使い方
コメント
- こんにちは
- いつも・参考にさせて頂いています♪
続きを読むの不具合ですが、
「追記」欄に「続きを読む」が表示されません??どーしてでしょうか??
1.プレビューで「続きを読む」というリンクが表示されず、
そのまま追記で入力したテキストが続けて一体となって表示される状態です。
2.このまま保存を押してブログを確認してもプレビューと同じ状態になり、
「続きを読む」のリンクがない状態で追記分もそのまま表示された状態です。
説明不足で申し訳ありませんが・宜しくお願い致します。
- 「続きを読む」の言葉を換える
- いつも参考にさせてもらってます。
「続きを読む」の言葉をたとえば「続きはこちら→」とかに換えたいんですが、
どうしたらよいのでしょうか。
- satoさんへ
- 「続きを読む」が表示されないのは、HTML編集の中の
<!--more_link-->
<a href="<%topentry_link>#more">続きを読む</a>
<!--/more_link-->
が削除されていると表示されないです。
このタグを<%topentry_body>の後ろあたりに入れてみてください。
- sakuraさんへ
- 「続きを読む」の言葉を変える方法は
http://rgrg.blog61.fc2.com/blog-entry-148.html
「続きを読むを変えたい!」
こちらをご覧になってください。
この記事のトラックバックURL
http://rgrg.blog61.fc2.com/tb.php/672-153bb5e5









