Ver.3.1

エントリー

登録・変更マニュアル

はじめに

4

ログイン
ログインするには？
「ユーザーIDまたはパスワードが違います。」と表示されたら？
パスワードを忘れてしまったら？

5
5
6
6

エントリーについて
a-blog cmsのエントリーとは？
ユニットとは？
なぜユニットを組み合わせてエントリーを作るの？

7
7
7
8

エントリーの作成
最も簡単なエントリーの登録
カテゴリーとタグの設定
カテゴリー
タグ
登録の方法
カテゴリー
タグ
カテゴリーリスト、タグリストの表示
エントリーにコンテンツ（ユニット）を追加する
画像とテキストを配置（レイアウト）する
基本の状態
画像を左側に配置
回り込みをさせたくない場合エントリーを変更・複製・削除する
エントリーの公開・非公開・下書きについてエントリーを公開（非公開）にする

9
9
10
10
10
10
10
11
11
12
13
13
14
15
16
17
18

エントリーの更新
エントリー変更画面からの更新
ダイレクト編集機能を使った更新
ダイレクト編集機能とは？
ダイレクト編集機能を使う前の準備
ダイレクト編集機能を有効にする
エントリー詳細ダイレクト編集OFF
ユニット情報の操作ユニットの変更
ユニットの追加
ユニットの複製ユニットの並び替えユニットの削除

18
19
20
20
20
20
21
21
21
21
22
22
22
22

22

ダイレクト追加
いろいろな情報の入力方法
文章を入力する
文章にリンクを設定する
文章に強調部分を設定する
見出しを入力する
リストを入力するテーブル（表組）を入力する
入力の基本
セル内でカンマを使用する場合「th」の設定
右寄せ
左寄せ
中央揃え
改行の禁止
セルの結合
ソースコードを入力する
引用文を入力する
HTMLを直接入力する
マークダウン記法による入力
WYSIWYG（ウィジウィグ）による入力
WYSIWYG（ウィジウィグ）とは
WYSIWYGユニットの利用方法
各アイコンの説明
WYSIWYGユニットで表組（テーブル）を入力・編集する表を挿入するには表のセルを複数選択するには
表のセル・行を追加・削除するには絵文字を入力する
画像を入力する
画像の選択
サイズの選択
回転、拡大禁止、削除
キャプション、リンク、代替テキスト
PDFなどのファイルを添付する
ファイルの選択
キャプション
アップロードが許可されているファイル拡張子
Googleマップで地図を表示する
テーブルユニットを使ってテーブル（表組）を入力する
テーブルユニットとはテーブルユニットの利用方法
各アイコンの説明
行および列の追加・削除
Ver.20240521 p2

24
24
24
25
26
27
28
28
28
28
29
29
30
30
31
32
33
33
34
36
36
36
36
39
39
39
40
40
40
41
41
41
41
42
42
42
42
43
44
44
44
44
46

エントリー登録に便利な機能
日付と時刻について
任意のファイル名を指定する
公開日時、掲載期限を設定する
タイトルにリンク先を設定する「続きを読む」リンクを使った表示
ユニットの順番を入れ替える
SEOに便利な機能
タイトル
キーワード
概要文
検索エンジン
サイトマップ
RSS

47
47
48
49
50
51
52
53
53
53
53
53
54
54

メディア管理メディア管理とはエントリー内でメディアファイルを使用する

54
55
55

バージョン管理a-blog cms のバージョン管理機能とはエントリーの作成
エントリーの保存方法によって変わるバージョン管理
そのままバージョンを残して未来バージョンとしてバージョンの確認と管理バージョン管理パネルの役割
バージョンの確認と公開バージョンの変更バージョンの削除
公開バージョンの変更
作業領域からバージョンを作成

56
57
57
58
58
58
58
59
59
60
60
60
60
61

プレビュー機能
エントリーのプレビュー機能とはプレビュー機能で行えること
ページ全体をスクリーンショットで撮る
確認用リンクを発行してプレビュー状態を他の人に共有する

61
62
63
64
65

Ver.20240521 p3

はじめに
この文書は、a-blog cmsを使用して情報を登録・更新する方のためのマニュアルです。説明に使用している機能や画面は、a-blog cms Ver. 3.1と、同梱されている公式テーマ（Site・Blog）を使用しています。公式テーマ以外のカスタマイズされたテーマを利用されている場合や、カスタマイズされたa-blog cmsをご利用の場合には、説明や画面が一致しない場合があります。ご了承ください。

Ver.20240521 p4

ログイン
ログインするには？
a-blog cmsでエントリー（記事）を追加・更新するためには、a-blog cmsへのログインが必要です。 ログインする場所は、以下になります。
http://a-blog cmsの設置場所/login/
ユーザーID/メールアドレス、パスワードの各欄に、管理者が発行した情報を入力し、[管理ログイ
ン]ボタンでログイン完了です。

Ver.20240521 p5

「ユーザーIDまたはパスワードが違います。」と表示されたら？
[管理ログイン]ボタンをクリックした時にユーザーIDまたはパスワードが違います。と表示された
場合は、以下のような問題が考えられます。
●

メールアドレス、パスワードに全角が混ざっていないか？ログイン情報は半角英数字で入力する必要があります。例）全角＝ＡＢＣＤＥ 半角＝ABCDE●

スペースが入っていないか？特に情報をコピー＆ペースト（貼付け）した際に起こりやすい問題です。

●

問題が解消しない場合は、管理者に確認してください。

パスワードを忘れてしまったら？
パスワードを忘れてしまった場合は、パスワードを再発行しましょう。CMSにユーザー登録済みのメールアドレスを入力すると、再設定方法を案内するメールが送られます。メールの内容に従って新しいパスワードを登録してください。

Ver.20240521 p6

エントリーについて
a-blog cmsのエントリーとは？
a-blog cmsのエントリー（記事）は、タイトルや投稿日時などのエントリーに対する情報と、内容となるユニットで構成されています。

ユニットとは？
a-blog cms の特徴として、ユニット毎の情報登録があります。ユニットとは、主にHTMLのブロッ
ク要素単位で入力欄を用意して、テキストを登録したり画像・ファイル（メディア）を登録したりするためのものです。
ユニットには、基本的なエントリーを作るのに必要なテキストのユニット、画像・ファイル（メディア）のユニットをはじめ、テーブル、地図、モジュールを指定するユニットがあります。これらを駆使することで、正しい文書構造を保ったまま、複雑なレイアウトのエントリーも作成できます。
また、これらの情報がユニット単位で管理されていることで、順番の入れ替えなども簡単に行えます。

Ver.20240521 p7

なぜユニットを組み合わせてエントリーを作るの？
ウェブサイトを表示するための言語「HTML」ではHTML要素（HTMLタグ）を使って見出し、段落、表など、表示する情報の役割を設定していきます。同じ文章でも「本文」なのか「見出し」なのかで意味合い、重要度は変わってきます。見た目だけではなく、このような情報の役割を設定する事
で、構造化された文章となり、検索サイトのロボットなどが見てもどのような情報なのかがわかる
ようになります。
a-blog cmsでは、HTMLの要素や構造を自由かつわかりやすく作成できるように、ユニットを組み合わせてエントリーを作成するように考えられています。

Ver.20240521 p8

エントリーの作成
最も簡単なエントリーの登録
a-blog cmsでは、1つのエントリーはタイトルとユニットと呼ばれる情報で構成されます。a-blog
cmsの最も簡単なエントリーの登録は、最低限、タイトルと本文があれば可能です。エントリー作
成の画面では、タイトルの他、画像とテキストの入力欄があります。これらの入力欄に必要な内容を入力し、[作成]ボタンで登録完了となります。
タイトル以外の情報やユニットの使い方、レイアウトについては別途説明しますが、エントリーの登録については基本的に「1. タイトルの入力」「2. ユニット（表示する内容）の入力」「3. [作成]ボタン」の3段階で完了します。

Ver.20240521 p9

カテゴリーとタグの設定
a-blog cmsでは、エントリーにカテゴリーとタグを設定できます。いずれも設定する事無くエント
リーを作成できますが、カテゴリー、タグを設定することでエントリーをわかりやすく分類できます。それぞれ以下のような特徴があります。

カテゴリー
分類を階層化するもので親カテゴリー、子カテゴリーのような形で作成できます。カテゴリーの一覧で表示するなどの使い方ができます。

タグ
エントリーに関するキーワードとして、階層関係を持たず並列で複数付与できる情報です。複数のタグからの絞り込み表示などの使い方ができます。また、タグクラウドと呼ばれるタグの一覧表
示では、登録件数の多いタグを大きく見せるなどの視覚的な差別化もできます。

登録の方法
カテゴリー
カテゴリーの設定自体が既にされている場合は、エントリーの登録または変更画面でプルダウン
メニューから選択できます。

新たにカテゴリーを追加する場合は、プルダウンメニュー右の [追加] ボタンで表示されるパネル
から追加します。各項目の内容は以下の通りです。
●

カテゴリー名：エントリーやカテゴリーリストに表示される名前です。日本語、英数字が使用できます。

Ver.20240521 p10

●

コードネーム：URL欄に使用される名前です。英数字が使用できます。

●

親カテゴリー：カテゴリーを階層化する場合に、親（上位）になるカテゴリーを選択します。

●

スコープ：下層のブログでもこのカテゴリーを使用する場合にチェックします。

タグエントリーの登録または変更画面で、タグ入力欄にキーワードとなるテキストを入力し、『タグ「〇〇」作成』をクリックして新規タグを作成します。
過去使用したことのあるタグは、入力欄をクリックしてキーワードを絞り込んで呼び出しできます。
タグ候補ウィンドウに表示された各タグ名をクリックすると、このエントリーにそのタグが付与されます。

カテゴリーリスト、タグリストの表示
Blog テーマでは、サブカラム部分にカテゴリーリストおよびタグリストが表示されます。タグのリス
トはタグクラウドと呼ばれる表示となっており、登録されているエントリーが多いタグほど大きく表示されます。なお、カテゴリー、タグが存在しない場合は表示されません。

Ver.20240521 p11

エントリーにコンテンツ（ユニット）を追加する
a-blog cmsの初期状態では、新しくエントリーを作成する画面には「画像・ファイルユニット」と「テキストユニット」が表示されています。
しかし、複数の画像を使いたい時や、見出しと本文など複数のユニットが必要になる場合もあります。
このような時には、エントリー作成画面の下部にあるユニット追加ボタンから必要なユニットを追加できます。

Ver.20240521 p12

画像とテキストを配置（レイアウト）する
a-blog cmsでは、画像とテキストを別のユニットとして登録します。こうすることで、画像とテキストを自由にレイアウトできます。

基本の状態
画像と文章をそれぞれのユニットに配置します。エントリー幅と同じサイズの画像を中央に配置
し、その下にテキストが表示されます。

▲入力画面

▲公開画面

Ver.20240521 p13

画像を左側に配置
画像を左側に配置して、右側にテキストを表示させるレイアウトのために、画像のサイズを中（エントリー幅の半分）にし、画像の配置を左にします。
画像は左側に表示され、テキストは回り込みされ、左右にレイアウトされた状態で表示されます。
配置の左右を変更する事で画像を右側に配置することもできます。

▲入力画面

▲公開画面

Ver.20240521 p14

回り込みをさせたくない場合
画像の左右配置を行っていると、望まない形の回り込みになる場合があります。

これは、テキストの配置がすべて [おまかせ] となっているため、画像に対して回り込みをしてしまっているのが原因です。

回り込みをしたくないユニットの配置を [全体] にすることで、そのユニットはエントリー全幅を使った表示となり、回り込みが解除されます。

Ver.20240521 p15

エントリーを変更・複製・削除する
ログインした状態でエントリーを表示した場合、エントリー下部にエントリー編集のためのボタンが表示されます。各ボタンの効果は以下の通りです。

変更

このエントリーの変更画面へ移動します。

複製

このエントリーを複製します。複製されたエントリーは非公開となり、タイトルは「（複製元のエントリーのタイトル名）＋のコピー」になりま
す。

フォーム

動的フォームを挿入します。この項目は、「機能設定」で「動的フォーム」を有効にしているとボタンが表示されます。

削除

このエントリーを削除します。削除したエントリーは管理ページ内の「ごみ箱」へ移動します。

公開（または非公開）

このエントリーの表示状態を変更します。エントリーが非公開の場
合は[公開]ボタンが表示され、公開の場合は[非公開]ボタンが表示されます。

Ver.20240521 p16

エントリーの公開・非公開・下書きについてエントリーのステータス（公開状況）には、以下の3つがあります。

下書き

非公開の状態でエントリーが保存されます。この場合、エントリーを公開したときに、[日付]が「エントリーを公開状態にしたときの日付」に更新されます。

公開

エントリーが公開状態になります。一般ユーザーの閲覧時に表示さ
れます。

非公開

エントリーが非公開状態になります。一般ユーザーの閲覧時には表示されません。ログイン時のみ表示されます。

ゴミ箱

エントリーがゴミ箱に入った状態になります。ログインしていても閲覧ページには反映されず、管理画面の「ゴミ箱」のページのみで内容を確認できます。

Ver.20240521 p17

エントリーを公開（非公開）にする[公開]／[非公開]ボタンで設定する
エントリーのステータスが下書き・非公開の場合は、エントリーの下の[編集]項
目に[公開]ボタンがあります。[公開]ボタンをクリックして記事を公開できます。逆にエントリーが公開されている場合は、[非公開]ボタンをクリックして記事を非公
開にできます。

[エントリー作成]画面で設定する[編集]項目の[変更]ボタンをクリックして[エントリー作
成]画面に移動します。[ステータス]の項目を変更することで、公開・非公開・下書きの状態を変更することができます。

Ver.20240521 p18

エントリーの更新
エントリー変更画面からの更新
ログインした状態でエントリーを表示した場合、エントリー下部にエントリー編集のためのボタンが表示されます。
[変更]ボタンから、エントリー変更画面へ移動します。エントリー変更画面は、新規エントリー登録と同様の画面構成で、各ユニットに全ての情報が入った状態となります。変更が必要な部分を書き換えたら、画面下部の[保存]ボタンで変更が反映されます。

Ver.20240521 p19

ダイレクト編集機能を使った更新
ユニット数が多い場合や、後述するユニットのレイアウトが複雑に行われている場合には、エント
リー変更画面からの更新がわかりにくくなってしまうことがあります。
このような場合には、ダイレクト編集機能が有効です。

ダイレクト編集機能とは？
通常、エントリーの内容を変更するためには[変更]ボタンから[エントリー作成]画面へ移動し、各ユニット内の情報を変更する必要があります。この[エントリー作成]画面へ移動せず、エントリーの詳細表示の画面のまま、各ユニットの内容のみ変更するための機能がダイレクト編集機能です。既存のテキストや画像などの内容変更を行う際に、より少ない手順で変更ができること、レイアウトを維持したままで編集ができるのでテキストなどの変更したい部分がわかりやすいのが特徴です。

ダイレクト編集機能を使う前の準備
ダイレクト編集機能を使用するためには、このページの内容を行う前に、管理ページのコンフィグ
管理＞編集設定でダイレクト編集機能を有効にする必要があります。

ダイレクト編集機能を有効にする
編集設定でダイレクト編集機能を有効にすると、ログインした状態のエントリー表示には、ダイレクト編集のボタンが表示されます。エントリーの一覧表示時にはダイレクト編集機能は使用できません。

ダイレクト編集機能が無効になっている場合(ボタンのラベルが「ダイレクト編集ON」)は、ボタンをクリックして有効にしてください。

Ver.20240521 p20

ダイレクト編集が有効な場合は、ユニットの上にカーソルが乗るとダイレクト編集のボタンが表示され、ユニットが着色されます。

エントリー詳細ダイレクト編集がONの場合にタイトルをクリックすると、通常は編集画面で変更する項目について画面遷移をせずにポップアップで呼び出しができます。このポップアップ画面で変更した内容
は、ポップアップ画面内の保存ボタンを押した時点で反映されます。

ダイレクト編集OFF
画面上部の「ダイレクト編集OFFにする」ボタンでダイレクト編集を終了します。必要な編集が終わったらここでダイレクト編集を終了（無効化）します。

ユニット情報の操作
ダイレクト編集機能が有効な状態では、マウス
ポインターをエントリーに重ねると、ユニット単位
で背景色が表示されます。この時、ユニットの上部にダイレクト編集のための機能ボタン群が表示されます。

Ver.20240521 p21

ユニットの変更
変更アイコンをクリックすると、そのユニットの編集画面が表示されます。必要に応じて変更し、ユニットを更新ボタンで更新が反映されます。

ユニットの追加
追加アイコンをクリックすると、このユニットの下にユニット追加ボタン群が表示されます。それぞれのユニット追加ボタンで、該当ユニットの入力画面がポップアップで表示されます。

ユニットの複製
複製アイコンをクリックすると、このユニットの下に同じユニットが追加されます。この複製機能は即時反映されます。

ユニットの並び替え
並び替えアイコンをクリックすると、ユニットの周
りにラインが引かれ、ユニットの順番をドラッグ＆ドロップでいれかえることができます。また、各ユニット右上にはそのユニットの配置情報（おまかせ、全体など）が表示されます。
この機能で行った並び替えは、ユニット右上の「ソートOFF」をクリックした時点で反映されます。

ユニットの削除
削除アイコンをクリックすると、このユニットを削除します。アイコンクリック時には確認画面が表示されますが、確認画面でOKを選択した場合にはユニットは即時削除されます。

Ver.20240521 p22

ダイレクト追加
ダイレクト編集がONの場合、ユニットの追加ボタンを押した時点で仮のコンテンツが登録されます。テキスト、画像、ファイル、地図、YouTube、画像URLの各ボタンに対応した仮コンテンツが登録されますので、適宜変更してご利用ください。

Ver.20240521 p23

いろいろな情報の入力方法
エントリーには、各種ユニットを使用して様々な情報を入力できます。ここでは、入力する情報
や、入力方法ごとの利用方法について説明します。

文章を入力する
最も基本的な文章＝本文を入力する場合には、テキストユニットの「本文」を使用します。1つのフォームは1つの段落として登録されます。複数の段落で構成される文章の場合は、複数のテキ
ストユニットを使用しましょう。

文章にリンクを設定する
テキストユニットで入力している文章にリンクを設定する場合には「リンク挿入」を使用します。入
力された文章を選択し「リンク挿入」をクリックすることで、リンク先を登録するウィンドウが表示されます。リンク先を設定すると、選択された文章にリンクをするHTMLタグが追加されます。

Ver.20240521 p24

文章に強調部分を設定する
文章の一部を強調したい場合には「強調」または「重要」を使用します。文章にリンクを設定したのと同様に、 入力された文章を選択し「強調」または「重要」 をクリックすることで選択された文章に強調を示すHTMLタグが追加されます。強調はem要素、重要はstrong要素が追加されます。
（入力画面）

Ver.20240521 p25

見出しを入力する
文章の見出しを入力する場合には、テキストユニットの「見出し大（〜小）」（使用しているテーマ
によっては「見出し2（〜5）」）を使用します。文章の先頭に内容の要約としての見出しをつけることで、長い文章も読みやすくなります。
「見出し2（〜5）」と表記している見出しでは、数字が小さいものが大見出しとなり、エントリーのタイトルを「見出し1」としているため、ユニットとして使用できるのは「見出し2」からとなります。
（入力画面）（表示例）

Ver.20240521 p26

リストを入力する
項目を並べてリスト表示する場合には、テキストユニットの「リスト」または「番号付きリスト」を使用します。リストは通常の黒い丸マーカーの「リスト」と、1項目ごとに番号が付与される「番号リスト」があります。用途に合わせてご利用ください。

（入力画面）

Ver.20240521 p27

テーブル（表組）を入力する
テーブル（表組）を入力する場合は、テキストユニットの「テーブル」を使用します。ここで使用する
記法はa-blog cms専用のものとなっています。「テーブル」ユニットでは、HTMLを使わずに簡易記法で表組を入力することができます。

入力の基本
本文の1行がテーブルの1行（<tr>）となり、行の中で「,（カンマ）」を入れる事によりセル（<td>）を区切ることができます。改行をすると新たな1行（<tr>）が追加されます。セル内でカンマを使用する場合はカンマのあるセルを半角ダブルクォーテーション（「"」）で囲みます。
例）テーブル書式での表記
aaaaa,bbbbb,ccccc
ddddd,eeeee,fffff
例）ブラウザでの表示
aaaaa

bbbbb

ccccc

ddddd

eeeee

fffff

セル内でカンマを使用する場合
カンマのあるセルを半角ダブルクォーテーション（「"」）で囲みます。
例）テーブル書式での表記“aaaaa,bbbbb”,ccccc
例）ブラウザでの表示
aaaaa,bbbbb

ccccc「th」の設定「th（表ヘッダ＝見出し）」として設定したいセルの先頭に「#」を入力します。

Ver.20240521 p28

例）テーブル書式での表記#aaaaa,bbbbb,ccccc#ddddd,eeeee,fffff
例）ブラウザでの表示
aaaaa

bbbbb

ccccc

ddddd

eeeee

fffff

右寄せ
右寄せとして設定したいセルの右端に「|（バーティカルバー）」を入力します。
例）テーブル書式での表記
aaaaaaaaaa|,bbbbb|,cccccccccccccc|
ddddd|,eeeeeeeeeeee|,fffff|

例）ブラウザでの表示
aaaaaaaaaa

bbbbb

cccccccccccc
cc

ddddd

eeeeeeeeeeee

左寄せ
左寄せとして設定したいセルの左端に「|（バーティカルバー）」を入力します。
例）テーブル書式での表記|aaaaaaaaaa,|bbbbb,|cccccccccccccc

Ver.20240521 p29

fffff

|ddddd,|eeeeeeeeeeee,|fffff
例）ブラウザでの表示
aaaaaaaaaa

bbbbb

cccccccccccc
c

ddddd

eeeeeeeeeeee

fffff

中央揃え
中央揃えとして設定したいセルの両方の端に「|（バーティカルバー）」を入力します。
例）テーブル書式での表記|aaaaaaaaaa|,|bbbbb|,|cccccccccccccc||ddddd|,|eeeeeeeeeeee|,|fffff|
例）ブラウザでの表示
aaaaaaaaaa

bbbbb

cccccccccccc
c

ddddd

eeeeeeeeeeee

改行の禁止
改行を禁止したいセルの両方の端に「 [ ] 」を入力します。
例）テーブル書式での表記[cccccdddddeeeeefffff],aaaaabbbbb
ggggg,hhhhh例）ブラウザでの表示
cccccdddddeeeeefffff

aaaaabbbbb

Ver.20240521 p30

fffff

ggggg

hhhhh

セルの結合
水平方向、垂直方向にセルを結合します。

水平方向の結合（colspan）
例）テーブル書式での表記>2あああ,いいいううう,えええ,おおお例）ブラウザでの表示
あああ

ううう

いいい

えええ

おおお

垂直方向の結合（rowspan）
例）テーブル書式での表記^2あああ,いいいううう,えええ,おおお例）ブラウザでの表示
あああ

いいい

ううう

えええ

おおお

Ver.20240521 p31

ソースコードを入力するプログラムのソースコードなどを表示したい場合、HTMLなどとして解釈されたくないという要望があります。このような場合には、テキストユニットの「ソース」を使用します。ソースとして入力されたテキストは、”<“ や “>”などもすべてそのまま表示されます。
（入力画面）（表示例）

Ver.20240521 p32

引用文を入力する別サイトや、文献・著書などからの引用文については、専用のテキストユニット「引用」を使用することで、構造上正しく記述でき、blog テーマを使用していれば見た目にもわかりやすくなります。
（入力画面）（表示例）

HTMLを直接入力する
a-blog cmsでは様々な入力方法について対応していますが、独自の表現をするためにHTML文を使用したい場合があります。このような場合には、テキストユニットの「自由入力」を使用します。ここで入力されたHTML文は、ブラウザを介して各要素の内容に合わせて表示されます。
（入力画面）

Ver.20240521 p33

マークダウン記法による入力
マークダウン記法とは a-blog cms は、マークダウン記法と呼ばれる簡易記法に対応しています。テキストユニットの [マークダウン] を使用することで、入力された内容は自動的にHTMLに変換されます。通常の本文入力では段落ごとに入力欄が分かれますが、マークダウン入力の場合は１つの入力欄で複数の段落を入力することができます。
（入力画面）

内容

要素

記述方法

記述サンプル

見出し

h1

行頭に#

# 見出し1

行末の{}内に記述# 見出し1 {#sample}

IDを付与
改行

br

行末に2つ以上の半角スペース

行末に2つ以上の半角スペー
スを入れると 改行されます。

引用

blockquote

行頭に>> 文章などを引用するときに> 使用します。

引用記述中の入れ子
行頭に>>> 文章などを引用するときに> 使用します。
>> 入れ子構造にもできます。
> # 見出しや> * リスト項目を追加できます。
> * 引用のマークダウン表記です

引用の入れ子強調em

テキストを*または_で
囲む

*強調*
_強調_

重要

strong

テキストを**または__で囲む**強調**__強調__

整形済みテキストpre

全ての行に4つ以上の半角スペースかタブでインデント//これは整形されたコードブ
ロックです。
http://example.com/

ソースコードcode

テキストを`で囲む`この部分がcode要素で囲まれます`

Ver.20240521 p34

区切り線

hr

3つ以上の*または-

画像

img

![画像１](http://www.a-blogcms.jp/
themes/www/images/siteLogo.gif "画像 １")

画像のリンクa,img[![test](http://www.a-blogcms.jp/themes/www/images/siteLogo.gif)](http://www.appleple.com/)

リンクa[example](http://example.com/ "Title部分は任意で")リスト

ul, li

行頭に *または-* Sample1* Sample2* Sample3* Sample4* Sample5

番号付きリストol, li

行頭に数字.

1. Sample1
2. Sample2
3. Sample3
4. Sample4
5. Sample5

定義リスト

dl, dt, dd

用語部分の行頭に :定義する用語: 用語の説明A: 用語の説明B: 用語の説明C

Ver.20240521 p35---

WYSIWYG（ウィジウィグ）による入力
WYSIWYG（ウィジウィグ）とは
WYSIWYGとは、「What You See Is What You Get」の略で、「ウィジウィグ」と読みます。a-blog
cmsでは、エントリーの入力方法のうちのひとつに、このWYSIWYGを採用しています。入力画面上で表示されている通りに表示することができます。

WYSIWYGユニットの利用方法
まず、テキストユニットの「WYSIWYG」を選択します。選択した時点で、入力部分がWYSIWYG
ユニット専用のツール等を備えた画面に切り替わります。ツールアイコンを利用して、様々な装飾ができます。

段落と改行
WYSIWYGで retrun/enter キーを押下すると段落の閉じタグが挿入され、新しい段落にカーソルが移ります。段落を分けずに単に改行したい場合には shiftキーを押下しながらretrun/enter キーを押下してください。

Ver.20240521 p36

各アイコンの説明

1

HTML表示HTMLのソースを表示

2

元に戻す

1ステップ前の状態にする

3

やり直す

1ステップ後の状態にする

4

フォーマット

段落・引用・見出し1〜4 からフォーマットを選択

5

フォントサイズ

5段階のサイズとカスタムサイズ

6

行間

4段階の行間7

太字

文字を太字に

8

斜体

文字を斜体に

9

取り消し線

文字に取り消し線をつける

10

文字色

文字の色を選択する

11

背景色

背景色を選択する

12

リンク

リンクの作成・削除

13

左揃え

文字を左揃えにする

14

中央揃え

文字を中央揃えにする

15

右揃え

文字を右揃えにする

16

順序なしリスト

通常のリスト17

順序ありリスト番号付きリスト18

横罫線

区切りの横罫線

19

表を挿入

行数と列数を指定して表を挿入

20

セルの背景色表のセルに背景色をつける

21

表の枠線色

表の枠線に色をつける

22

フォーマットの削除

フォーマットを削除する

23

全画面表示

WYSIWYGエディタを全画面表示する

Ver.20240521 p37

絵文字を入力する
絵文字を入力する場合は、テキストユニットの絵文字機能を使用します。（絵文字機能を使用するためには、カスタマイズが必要です。ウェブサイトを制作したウェブ制作会社にUTF-8の絵文字を利用するの記事をお知らせして、カスタマイズの相談をしてください。）

顔アイコンをクリックすると、絵文字の一覧が表示されます

顔アイコンをクリックすると、絵文字の一覧が表示されます

Ver.20240521 p38

画像・ファイル（メディア）を挿入する「画像・ファイル（メディア）ユニット」を使用して画像やファイルを挿入することができます。まず、ユニットの追加で画像・ファイルユニットを選択します。
※ Site 等の公式テーマではメディアユニットは「画像・ファイル」というボタンになっていますがカスタマイズ方法によっては異なる名前のボタンになっている場合もあります。

既にメディア管理に登録されている画像やファイルを挿入する場合は「メディアから選択」ボタン
をクリックしてください。お使いのPCから新しくメディアをアップロードするには、アップロードボタン
をクリックするか、ファイルをドロップします。選択あるいはアップロードしたメディアのタイプによって右側の入力欄は変化します。

Ver.20240521 p39

メディアユニット - 画像の場合

サイズ
画像の表示サイズを選択します。たとえば Siteテーマではあらかじめ大中小の3サイズが設定されています。大（横820px）はエントリー幅全幅、中（横400px）はエントリー幅の半分、小 （横260px）はエントリー幅の3分の1のサイズに縮小表示されます。

キャプション
必要であれば画像の下に表示される文字列を入力します。

代替テキスト
画像のALT属性に入る文字列を入力します。

リンク先URL
画像をクリックしたときに拡大画像ではなく特定のURLにリンクしたい場合に入力します。

画像リンク
チェックを入れて無効にするとクリックしても拡大画像を表示しません。

メイン画像
一覧においてメイン画像として表示したい画像の場合はチェックしておきます。通常はエントリーに最初に登録したメディア画像にチェックが入った状態になっています。

Ver.20240521 p40

メディアユニット - ファイルの場合挿入されるメディアがファイルの場合は、右側の入力欄はサイズ、キャプション、代替テキストになります。PDFファイルの場合はこれに加えて「アイコンで表示する」チェックボックスがあります。
初期状態ではPDFの表紙が表示されます。チェックを入れると他のファイルと同様、アイコンで表示されます。

編集画面側：PDFの場合は「アイコンで表示する」チェックボックスがあります。

表示画面側：「アイコンで表示する」にチェックしたPDFファイルは
他の拡張子のファイルと同様、アイコンで表示されます。

Ver.20240521 p41

アップロードが許可されているファイル拡張子
初期状態では以下のファイル拡張子についてアップロードが 許可されています。
ドキュメントtxt, doc, pdf, ppt, xls, csv
アーカイブlzh, zip, rar, gca, sit
ムービー
3gp, 3g2, asf, avi, dat, fli, flc, flv, mkv, mpg, mov, mp4, ogg, qt, rm, ram, rmvb, str, swf, ts, viv,
vob, wmv, amc
オーディオ
aac, ac3, amr, mmf, mp2, mp3, mp4, mpc, ogg, ra, wav, wma

メディア管理いったんアップロードされたメディアはメディア管理に登録されています。これによって、画像やファイルを使い回すことができます。メディアにタグを設定しておくと、後から画像やファイルを探しやすくなります。

Ver.20240521 p42

テーブルユニットを使ってテーブル（表組）を入力する
テーブルユニットとは
a-blog cmsでは、独自の記法によるテキストで入力するテーブル記法と、ExcelやGoogleスプ
レッドシートのように表組の中にデータを入力するテーブルユニットがあります。テーブルユニット
はセルの結合やデータの整列がテーブル記法よりわかりやすくなっています。
使用しているテーマでテーブルユニットが使用できない場合は、サイト管理者側で設定が必要になります。a-blog cms ドキュメント - コンフィグ - エントリーの「編集設定」の項目をご確認ください。

テーブルユニットの利用方法

まず、ユニットの追加でテーブルユニットを選択します。選択した時点で、入力部分がテーブルユ
ニット専用のツール等を備えた画面に切り替わります。セル内にデータを入力し、ツールアイコンを利用することで、様々な装飾ができます。

Ver.20240521 p43

各アイコンの説明

番号

機能

機能の説明

1

ソースとシートの切り替え

入力画面の表示内容をHTMLに切り替えます

2

セルの結合

縦方向・横方向にセルを結合します。複数のセルを選択して使用します。

3

セルの分割

結合済みのセルを分割します。

4

元に戻す

入力画面上で行った動作を取り消し、1つ前の状態に戻します。

5

td化

選択したセルをtd(TableData)に指定します。

6

th化

選択したセルをth(TableHeader)に指定します。

7

左寄せ

セル内のデータを左寄せにします。

8

中央寄せ

セル内のデータを中央寄せにします。

9

右寄せ

セル内のデータを右寄せにします。

10

セル内データの表示修正

プルダウンメニューで「折り返し無し」「太字」「上寄せ」「縦方向中央寄せ」「下寄せ」を選択してセル内データの表示を修正します。1つのセルに対しては
選択肢の1つしか反映されません。

11

テーブル内データの表示修正

デフォルトではプルダウンメニューで「スクロールするテーブル」が選択できるようになっています。1つのテーブルに対しては選択肢の1つしか反映されません。

Ver.20240521 p44

行および列の追加・削除
各行および列の左端・上端には三角マークがあり、これをクリックすることで行および列の追加と削除ができます。

Ver.20240521 p45

Googleマップで地図を表示する
a-blog cmsでは、地図を表示するための機能として Googleマップを利用できます。この場合は専用のユニット 「地図」を使用します。
入力画面では、マップ上のピン移動、住所・スポット名に よる位置検索、緯度経度による位置の指定、ズームレベルの 変更、吹き出し内の表示内容、エントリー上の表示サイズ の設定ができます。
（入力画面）

Google マップを使うためには API Key が必須です。API Key をCMS側に設定する必要があります。サイト管理者側でAPI Keyの取得・設定を行ってください。

Ver.20240521 p46

画像ユニット、ファイルユニットについて
a-blog cms での画像やファイルの挿入は新しいバージョンでは画像・ファイル（メディア）ユニットが使われていることがほとんどです。しかし、旧バージョンとの互換性のために画像ユニット、ファ
イルユニットが使われていることもあるので、この2種類のユニットについての説明も参考までに残しておきます。

画像ユニット
写真、画像の入力には専用のユニット「画像」を使用します。PC内の画像をアップロードするとともに、画像のサイズや方向などの設定ができます。

画像の選択
PC内の画像ファイルからアップロードする画像を選択します。選択するとボタン右側に該当ファイ
ル名が表示されます。

サイズの選択
画像の表示サイズを選択します。たとえばBlog テーマではあらかじめ大中小の3サイズが設定されています。大（横640px）はエントリー幅全幅、中（横310px）はエントリー幅の半分、小 （横200px）はエントリー幅の3分の1のサイズに縮小表示されます。 また、選択した画像のサイズを変更しない場合は [そのまま] を選択します。

Ver.20240521 p47

回転、拡大禁止、削除
初期状態は [編集しない] となっていますが、プルダウンメニューから時計回り（反時計回り）で90°回転、拡大表示させない、削除をそれぞれ選択できます。

キャプション、リンク、代替テキスト●

キャプション：画像の下に表示される説明文です。

●

リンク：画像をクリックした場合のリンク先を設定できます。

●

代替テキスト：画像が表示できない場合に代替テキストとして表示される文章です。

ファイルユニット

PDF、Office系ファイルなどの添付には専用のユニット「ファイル」を使用します。a-blog cmsでは、PC内のファイルをアップロードするとともに、キャプションの設定ができます。

ファイルの選択
PC内に保存しているファイルからアップロードするファイルを選択します。選択するとボタン右側に該当ファイル名が表示されます。

キャプション
キャプション：画像の下に表示される説明文です。

アップロードが許可されているファイル拡張子
画像・ファイル（メディア）ユニットの場合と同様です。

Ver.20240521 p48

エントリー登録に便利な機能
日付と時刻についてエントリーの日付と時刻は、新しくエントリーを作成した時のものが適用されます。 ただし、エントリーの公開ステータスを「下書き」として保存すると、次にステータスを「公開」にした時に日時が更新されます。
複数回に分けてエントリーを作成する場合などに、公開で きる段階になるまで「下書き」ステータ
スにしておくことで、エントリーの公開時の日時を摘要させることができます。
また、時刻部分をクリックすると現在の時刻が反映されます。エントリーを入力するのに時間がかかってしまった場合などに、保存前に時刻部分をクリックする事で最新の時刻にできます。

Ver.20240521 p49

任意のファイル名を指定する
通常、何も設定せずにエントリーを作成した場合、そのエントリーを表示するためのファイル名はファイル名接頭辞 （初期状態ではentry-）＋連番＋ファイル名拡張子（初期状態では.html）となります。
任意のファイル名を指定する場合には、 [エントリー作成] 画面または [エントリー変更] 画面の[詳細設定] 内のファイル名に記述します。
なお、ファイル名接頭辞、ファイル名拡張子の変更やファイル名の自動生成についての設定は[管理ページ] > [コンフィグ] > [編集設定] から変更できます。

Ver.20240521 p50

公開日時、掲載期限を設定する
通常、登録したエントリーは[公開] [非公開] などで任意にステータス（公開状況）を設定しますが、公開日時、公開期限を設定する事で、自動的に指定の日時でステータス（公開状況）を変更できます。
公開日時（公開期限）を設定した場合、公開日時以前（公開期限以後）は、ステータスが[公開] とされていても一般の閲覧者には表示されなくなります。
なお、a-blog cmsのキャッシュ機能をオンにしている場合、公開日時（公開期限）を設定してあってもキャッシュとしてエントリーが表示されてしまう場合があります。このような場合にはキャッシュの有効期間を短くする、cron を利用して定期的に自動でキャッシュをクリアするなどの対応が必要になります。

Ver.20240521 p51

タイトルにリンク先を設定する
サイト内のお知らせとして、エントリータイトルをリスト表 示するような場合、内容によってはタイト
ルのリストからエントリー詳細ページへ移動させる必要が無いという要望が あります。
例えば「製品情報ページを更新しました！」というお知らせエントリーは、お知らせエントリーの詳細ページを表示させるよりも、対象のページへ誘導したいという場合があります。
このような場合は、[詳細設定] 内の [リンク先URL] にリンク先を入力します。こうすることで、エントリーリスト (Entry_List)モジュールでタイトルのリストを表示した場合に、タイトルテキストからのリンク先をエントリー詳細ページではなく任意のURLにできます。
ただし、エントリーの内容を変更しようとした場合にも、 タイトルテキストからエントリー詳細ページへは移動できなくなりますので、管理ページ内のエントリー管理から変更 する必要があります。ご注意ください。

Ver.20240521 p52

「続きを読む」リンクを使った表示
1つのエントリーが長くなった場合の読みやすさを考慮して、一覧表示時には任意の場所で「続きを読む」としてエントリー詳細ページへのリンクを作成できます。

「続きを読む」リンクを表示する場合には、[エントリー作成] 画面または [エントリー変更] 画面
で、ユニット追加ボタンの上の「以下のユニットが一覧表示時に「続きを読む」になります」と書かれたブロックを、「続きを読む」 リンクで分けたいユニットの間にドラッグ＆ドロップで移動させてください。

Ver.20240521 p53

ユニットの順番を入れ替える
a-blog cmsではエントリー内に要素ごとにユニットを配置していきますが、これらユニットの順番
は簡単に入れ替えることができます。 各ユニットの順番は、ドラッグ＆ドロップまたはユニット入力欄左上の番号をプルダウンメニューから変更できます。 各ユニットの上部の濃いグレーの部
分でドラッグ＆ドロップできますので、任意の場所に入れ替えができます。 また、ユニット数が多くなった、移動距離が大きい場合など、ドラッグ＆ドロップがしにくい場合には、各ユニット左上の番号が書かれたプルダウンメニューから選択する事でも ユニットの順番が変更できます。

Ver.20240521 p54

SEOに便利な機能
a-blog cmsでは、エントリーごとにSEO(検索エンジン対策)のための情報を設定できます。 エント
リーの編集画面の「SEO設定」から個別のエントリーに対して「タイトル」「キーワード」「概要文」「検索エンジンへの登録の有無」「sitemap.xmlへの表示の有無」 「RSSファイルへの表示の有無」が設定できます。

タイトル
エントリーの情報にある「タイトル」とは別に、タイトルとして使用する文字列を設定できます。テキ
スト入力欄では文字数のカウントをしており、タイトル見出し下に表示され ます。

キーワード
このエントリー固有にmetaタグのキーワード(keyword)となる文字列を設定できます。複数のキーワードを設定する場合には、カンマでキーワードを区切って入力します。

概要文
このエントリー固有にmetaタグの概要文(description)となる文字列を設定できます。テキスト入
力欄では文字数のカウントをしており、概要文見出し下に表示されます。

Ver.20240521 p55

検索エンジン「検索エンジンに表示しない」をチェックすることで、このエントリーには <meta name="robots"
content="noindex"> が表示され、検索エンジンに対してインデックス(登録)しないという意思を表示します。 意図的に検索エンジンに登録させたくない場合に使用します。

サイトマップ「サイトマップに表示しない」をチェックすることで、このエントリーは a-blog cms が出力する
sitemap.xml に表示されなくなります。サイトマップファイルに表示させないこ とにより、検索エンジンに対して表示するサイトの構造から外すことができます。

RSS「RSSに表示しない」をチェックすることで、このエントリーは a-blog cms が出力する rss2.xml に表示されなくなります。RSS配信の必要がないエントリーに使用します。

Ver.20240521 p56

メディア一覧では、エントリーで使用したいファイルを選択し、「挿入」ボタンを押すとエントリー作
成画面に反映されます。また、メディア一覧の「アップロード」タブでは、メ ディアファイルの追加もできます。

Ver.20240521 p57

バージョン管理
a-blog cms のバージョン管理機能とはバージョン管理機能とは、エントリーの変更をする際、上書きとは別にその時その時の内容を保存して、必要な時に保存した内容に切り替えを行える仕組みにな ります。
エントリーの過去の変更履歴の保存や、同一URLで未来に表示したい内容を先行して作成しておく時に便利に使えます。
この機能を利用するには、管理者による利用設定が必要です。管理者にご相談の上ご利用ください。

エントリーの作成

エントリーの新規作成を行った場合は、作業領域というバージョンで保存され、そのバージョンが公開されています。

バージョン管理が必要ではない場合バージョン管理が必要でないエントリーの場合や、今公開されているバージョンをそのまま上書きしたい場合は特に必要な動作はなく、バージョンを意識する必要もありません。いったん作成したエントリーの編集画面に戻ると下部に上のようなフォームが表示されています。保存ボタンをクリックすれば、今公開されているバージョンがそのまま上書きされるだけです。

Ver.20240521 p58

今の状態を旧バージョンとして残しながら新規バージョンを作成したい場合

今の状態を旧バージョンとして残しながら新規バージョンを作成したい場合には、バージョン名を入力し、「新規バージョンとして」を選択して保存します。

編集画面の上部に上のように表示されています。「公開バージョン」は表側の画面に公開されているバージョンを指します。「表示中のバージョン名」は編集側の画面に今表示されているバー
ジョンを指します。「表示中のバージョン名」は公開中のバージョンと異なっている場合のみ表示されます。試しに「バージョン管理」ボタンをクリックしてみると上のように、公開バージョンは（新規作成時の）「作業領域（バージョンID1）」であることが分かります。この画面から「確認」をクリックすると各バージョンの表側の表示のされ方を確認することができます。「編集」をクリックするとそのバージョンの編集画面に行くことができます。
編集したいバージョン、ここでは「2023-12-14 修正」の編集画面に戻り、編集を行います。そのま
ま保存していけば、表示中のバージョンをどんどん上書きしていくことができます。公開して良い状態になったら、いよいよバージョンを手動または予約で公開します。

Ver.20240521 p59

バージョンを手動で公開する
まずは編集画面上部の「バージョン管理」ボタンをクリックします。

公開したいバージョンの「確認」ボタンをクリックします。

確認画面ではプルダウンを使ってさまざまな端末での表示を確認することもできます。右上の「このバージョンを公開」ボタンをクリックすれば、該当のバージョンを公開することができます。

Ver.20240521 p60

バージョンの公開を予約する
特定の日時にバージョンの公開を予約する、つまり既存のエントリーの更新を予約することもできます。
その場合はまず作成した該当バージョンの編集画面の「詳細設定」を開き、公開日時に公開を予約したい日時を入れて保存します。

あとは手動でバージョンを公開する場合と同様です。「バージョン管理」をクリックして、公開日時が正しいことを確認して「確認」ボタンをクリックします。

最後に「このバージョンを公開予約」ボタンをクリックします。これで、予約した日時にバージョンが公開されます。

Ver.20240521 p61

プレビュー機能
エントリーのプレビュー機能とは

a-blog cms では、エントリーを各端末のデバイス幅での表示確認ができるプレビュー機能を用意しています。プレビュー機能を利用することで、公開前のエントリーも表示確認がが可能です。
この機能はエントリーの詳細ページで表示される「プレビュー」ボタンから利用できます。

Ver.20240521 p62

プレビュー機能で行えること

プレビュー機能で行えることは上部のバーで行えます。
●

主に行えることは下記になります。

●

各端末の幅に表示切り替え●

実際の幅、高さの確認●

縮小率の切り替え●

回転（縦向き・横向きの切り替え）●

ページ全体のスクリーンショットを撮影●

確認用リンクの発行（プロフェッショナルまたはエンタープライズライセンスのみ利用可
能）Ver.20240521 p63

ページ全体をスクリーンショットで撮るプレビュー機能には、プレビュー表示しているページ全体をスクリーンショットを撮影できる機能があります。
この機能を使ってスクリーンショットを撮ることで、各デバイスの幅での表示を画像で比較したり、ログインが困難な他の人に画像を共有して内容の確認をお願いすることが可能です。
プレビュー画面のカメラのアイコンをクリックして、ページ全体のスクリーンショットを撮影します。

プレビューする端末をPCに設定し、スクリーンショットを撮影すると、下記のような画像を生成します。

Ver.20240521 p64

確認用リンクを発行してプレビュー状態を他の人に共有する
確認用リンクを発行してプレビュー状態を他の人に共有する機能を用意しています。上部のバーのリンク共有のアイコンをクリックします。

確認用リンクを共有された相手は、非ログイン状態の方でもページを確認できます。共有リンクの有効期間のデフォルトの設定は48時間です。有効期間は管理者による変更が可能です。期間を変更したい場合は管理者にご相談ください。
確認用リンクを取得したら、表示されたURLをコピーして確認を取りたい相手に共有してください。

Ver.20240521 p65