ブログ編集マニュアル

ここでは、ブログ編集の方法を記載します。はじめは基本的な操作に限定して説明します。少しずつ操作に慣れて行ってください。

皆さんの操作ミスがサイト全体に影響することはありませんので、ご心配なく。

ブログを書くのに利用しているプログラムはEasyblogというものです。名前を覚える必要はありませんが、最初にどんなものかを説明します。

ウェブサイトの右上にある三本線のアイコン（ハンバーガーメニュー）をクリックします。
ログインフォームが現れますので、ご自身のIDとパスワードを入れます。
1. さらにシークレットキーを入力します。シークレットキーは２段階認証用の６桁の数字です。皆さんのスマホにGoogle Authenticatorというアプリをインストールして取得します。お持ちでない場合には、インストールをお手伝いします。
  - 二段階認証は、ハッカーからの攻撃に対して、とても強力な防御壁となります。
  具体的な動作は、講習時にお見せします。

ログイン後に表示される編集用リンク群を利用してブログ記事に対する操作を行います。
それぞれのリンクと動作の関係は以下の通りです。

New Post

新しいブログ記事を追加する場合に選択します。

ご自身が書いた既存の記事を編集したり、削除したりする場合に選択します。

利用しません。ブログの通知機能に関する設定を行います。

ブログに関する操作が終わったら、必ずログアウトする習慣をつけて下さい。なお、15分間以上の時間、何も操作しないと、システムの方で強制的にログアウトします。そうすると、改めてログイン操作が必要になりますので、ご注意ください。

新たに記事を作成する場合にはNew Postを選びます。

冒頭部分の「ブログのタイトルを入力してください」を打ち替えてタイトルを付けます。
タイトル直下のPermalinkをの隣にあるEditボタンを押して内容を変更します。記事のURLとなる部分です。操作しないと、システムが日付と時間を基準に勝手に命名しますが、分かりやすい名前を付ける方が親切です。半角英数字だけ、しかもスペース、スラッシュなどの特殊文字を含まないのが望ましいです。半角ハイフンは大丈夫です。y20210602kaなど、施設＋日付＋作者を組み合わせた命名法が良いのではと思います。
Enter text here... とある部分が文章を入力することが可能なテキストボックスになっています。テキストボックスは、本文を入れるための器です。見出しを入れる器は別にあり、ヘッダーボックスと呼ばれます。

Easyblogでは、記事は様々な特定機能を持つブロックを組み合わせて作成します。ブロックは、上部にあるInsert Blockをクリックすると表示されます。ブロックには以下のようなものがあります。

見出しを作成するのに利用します。見出しは重要度に応じてH1からH6まで６段階用意されています。H1は記事トップのタイトルで利用されます。HTMLの約束ごとでページ内のH1は１つだけという決まりがあるので、H1は使いません。重要度に応じてH2やH3などを指定してください。

普通の記事内容は、このテキストブロック内に記述します。以下のことが可能です。

記事内にタブ切り替え表示が可能なエリアを作成するブロックです。

記事内のスペースを縦に分割し、複数の列を作るためのブロックです。それぞれの列には、ブロックを配置することが可能です。

表を配置するためのブロックです。

Enter your text here ...

では、ブロックの追加方法を順を追ってみて行きましょう。

右側に並んだブロックから自分が追加したいと思うものを選びます。
すると… 画面左側のプレビューが変化して、点線で囲まれた四角い枠がいくつも出現します。

この画面を理解することが、Easyblog でサクサクと記事を作成するための肝になりますので、ここは良く読んで理解してください。四角形の１つ１つは、新しいブロックを挿入する候補地を示しています。

この候補地の中から、自分がブロックを配置したいと思う場所をクリックして選択します。

選択が終わった瞬間に画面が描き変わって、自分が選択した場所にブロックが配置され、残りの候補地は画面から消滅します。

候補地となるのは、既に配置されたブロックの上下左右です。テキストブロックに対しての左右配置は、文字が追加ブロックを回り込むように配置されるフロートという手法が使われます。

文字と画像を完全に分けて左右に並べて表示したいような場合には、先にコラムブロックを配置して、領域を２列に分割しておいてから、イメージブロックとテキストブロックを、それぞれ違う列に配置する音で実現します。