テンプレートとむの4コマ漫画大作戦とむです。いつもご覧いただきありがとうございます。漫画の更新が滞っておりすみません。前回は「ワークフロー」についてお話しさせていただきました。第7回目の内容は「テンプレート」です。テンプレートを作る理由テンプレートを作る理由は以下の2つです。イメージ固定化はデザインテンプレート(全記事の共通部分)更新効率化はhtmlテンプレートの作成を行う事で実現可能です。ダッシュボードからの設定方法は割愛させて頂きます。当ブログでは下の画像をタイトルとしてヘッダに使っています。ヘッダ画像にはタイトル、キャッチコピー、人物を入れています。読み手への第一印象を与える非常に重要な部分となります。ヘッダ画像の下には以下のグローバルナビゲーションを付けています。「はじめから読む」「過去の記事一覧へ」の2つの導線を確保しています。モバイルでスクロールしなくて済むように数は増やしていません。記事の上部には書き出し文として以下のコードを使用しています。毎回表示される冒頭の挨拶をhtmlで記述しています。青い背景の部分のソースコードが該当部分です。漫画は<img>タグの部分。ファイル名に"_original"を追加すると等倍サイズで表示されます。記事は<h4>タグで小見出し、<p>タグに3行の文章で構成します。読み手に負担を与えてしまわないよう適度な文章量を心がけます。<p>タグにCSSで下のマージンを60px開けるように指定しています。ブラウザーでは下の画像のように表示されます。記事の下部には書き終わりとして以下のコードを使用しています。挨拶、過去記事やランキングサイトへのリンク、読者登録ボタンです。上記を一括管理できる方法があればもっと効率的ですが現在勉強中です。結果的にメッセージの軸が出来上がり話に一貫性が生まれます。以上、テンプレートについて説明させて頂きました。ここまでお読みいただきありがとうございました。次回からもどうぞよろしくお願いします。※スマホ、タブレットの方は2回タップしないと反応しない場合がございます。このブログを応援してくださる方へもし宜しければ下記の読者になるボタンより登録をお願いします。応援のため下記のバナーをクリックして頂けると励みになります。下記のスターもクリックして頂けると励みになります。※投稿時間の下にある星マークのボタンです。(1)ブログランキング下記のバナーをクリックして頂けると励みになります。アーカイブはてなブログをはじめよう!ts106さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。