2016/10/01
23:50
[記事のタイトル]
ここに記事の本文。これはサンプルなので、テンプレートをダウンロードしたら「一覧画面レイアウト」の「上部表示テキスト」は全部消して空っぽにしてください。
リアルタイム形式ですが、ノートっぽいものを目指したので記事は1ページに1つしか表示されない設定にしています。
一つ一つの記事の文章量が少ない方は、一覧画面レイアウトを編集し左上部分を上部表示に移して日付ではなくブログ自体のタイトルや簡易説明を、一覧部分に日付を移して上部表示の最後にノート本文罫線の開始タグ、下部表示の冒頭に閉じタグを記述して1ページに複数の記事を表示させてもいいかと思います。
最後の「plus alpha」は追記画面へのリンクです。
→ plus alpha --- ↓追記サンプル ---[ plus alpha ]
ここに追記文。
このテンプレートは同じIDで投稿したページ用テンプレートの「ノート」とお揃いなので、CSSをいじれば罫線の種類を変えることができます。詳しくはページテンプレまたは詳しい方であればここのCSSを見ればわかります。
--- ↓フォーム・ボタンサンプル ---
コメント画面は初期状態なのでご自分でカスタマイズしてみてください。フォームの装飾CSSを仕込みましたのでただ独自タグを貼っていくだけでもフォームやボタン類が上記のような見てくれになると思います。
/ / /
!!罫線部分に画像を入れたりコメントなどのフォームを置くと、そこから下はテキストと罫線とがズレてしまうと思いますので配置に注意してください。
改変使用可。配布元表記不要。各罫線画像は自作、同じく配布元明記不要にて再配布可能。自作発言とテンプレート自体の再配布のみご遠慮ください。
PC(Google Chrome)とAndroidでのみ確認。その他の環境でのレイアウト・動作の保証はできません。検索避け入りです。
2016/10/06:スマホ閲覧時、本文とページ送り・戻し部分との間に空きがなくバランスが悪かったので余白を追加しました。
気になる方や自力でタグ改変できない方のみ再ダウンロードして下さい。
作成
http://nanos.jp/defoamer/