Connect-CMS マニュアル - https://connect-cms.jp

Connect-CMS マニュアル
https://connect-cms.jp
Connect-CMSのバージョン：1.19.0
2024年06月14日

管理者編
基本機能版マニュアル
全機能の掲載されたマニュアルは以下のConnectCMSマニュアルサイトよりダウンロードしてください。
https://manual.connect-cms.jp/

Connect-CMS マニュアル は株式会社オープンソース・ワークショップと協力者ページの人々によって記載されました。

Page 1 / 99

Connect-CMS マニュアル - https://connect-cms.jp

Connect-CMS マニュアル目次
表紙 ...................................................................................................................................................... 1
概要 ...................................................................................................................................................... 4
設計 ...................................................................................................................................................... 5
ページ ............................................................................................................................................... 6
ページとフレーム............................................................................................................................. 7
フレームとバケツ............................................................................................................................. 8
フレームとプラグイン ...................................................................................................................... 9
権限 ................................................................................................................................................. 10
権限の種類 .................................................................................................................................... 11
プラグインの権限設定 .................................................................................................................... 12
共通機能 ............................................................................................................................................ 13
ログイン関係 ................................................................................................................................... 14
ログイン ....................................................................................................................................... 15
パスワード リセット ...................................................................................................................... 17
ログイン・ロック .......................................................................................................................... 19
管理機能 ......................................................................................................................................... 20
管理機能 ....................................................................................................................................... 21
プラグイン追加 ............................................................................................................................. 22
フレーム ......................................................................................................................................... 23
フレーム操作ボタン ....................................................................................................................... 24
フレーム設定系メニュー ................................................................................................................. 25
フレーム編集 ................................................................................................................................ 27
フレームデザイン .......................................................................................................................... 29
フレーム削除 ................................................................................................................................ 34
メール設定 .................................................................................................................................... 35
WYSIWYG ....................................................................................................................................... 38
WYSIWYGエディタ ........................................................................................................................ 39
文字の装飾 .................................................................................................................................... 40
書式（段落） ................................................................................................................................ 41
文字色・背景色 ............................................................................................................................. 42
表の挿入・編集 ............................................................................................................................. 43
罫線 ............................................................................................................................................. 49
リスト .......................................................................................................................................... 50
インデント関係 ............................................................................................................................. 51
リンク .......................................................................................................................................... 53
画像の挿入・編集 .......................................................................................................................... 54
ファイルアップロード .................................................................................................................... 55
メディア ....................................................................................................................................... 56
プレビュー .................................................................................................................................... 58
HTMLソース ................................................................................................................................. 59
翻訳 ............................................................................................................................................. 60

Page 2 / 99

Connect-CMS マニュアル - https://connect-cms.jp

PDFアップロード .......................................................................................................................... 62
AI顔認識 ....................................................................................................................................... 64
エラー .......................................................................................................................................... 67

パスワード付きページ ..................................................................................................................... 68
パスワード設定 ............................................................................................................................. 69
ページ閲覧 .................................................................................................................................... 70

管理者 ................................................................................................................................................ 72
ページ管理 ...................................................................................................................................... 73
ページ一覧 .................................................................................................................................... 74
ページ編集 .................................................................................................................................... 75
CSVインポート ............................................................................................................................. 77
サイト管理 ...................................................................................................................................... 80
サイト基本設定 ............................................................................................................................. 81
meta情報 ...................................................................................................................................... 84
レイアウト設定 ............................................................................................................................. 85
カテゴリ設定 ................................................................................................................................ 86
多言語設定 .................................................................................................................................... 87
エラーページ設定 .......................................................................................................................... 88
アクセス解析設定 .......................................................................................................................... 89
Favicon 設定 ................................................................................................................................. 90
WYSIWYG 設定 ............................................................................................................................. 91
サイト設計書 ................................................................................................................................ 92
ユーザ管理 ...................................................................................................................................... 93
ユーザ一覧 .................................................................................................................................... 94
アップロードファイル管理 .............................................................................................................. 96
アップロードファイル一覧.............................................................................................................. 97
協力者 ................................................................................................................................................ 98
お問い合わせ ..................................................................................................................................... 99

Page 3 / 99

Connect-CMS マニュアル - https://connect-cms.jp

概要【Connect-CMS 情報源】
Connect-CMS公式サイト
https://connect-cms.jp/
フォーラム掲示板や基本的な情報はこちらを参照してください。
【バージョン】
Connect-CMSのバージョン：1.19.0【ライセンス】
Connect-CMS のライセンス
ソフトウェアとしての Connect-CMS は MIT ライセンスで公開しています。
https://github.com/opensource-workshop/connect-cms/blob/master/LICENSE
ドキュメントのライセンス
Connect-CMS マニュアルは GFDL ライセンスで公開しています。
【ライセンス本文】
Copyright (C) 2022 YEAR OpenSource-WorkShop Co.,Ltd.
Permission is granted to copy, distribute and/or modify this document
under the terms of the GNU Free Documentation License, Version 1.3
or any later version published by the Free Software Foundation;with no Invariant Sections.
Front-Cover Texts is "The Connect-CMS manual was written by Open Source Workshop Co., Ltd. and the people on theback cover."Back-Cover Texts is written by people.
A copy of the license is included in the section entitled "GNUFree Documentation License".

【GFDL不変セクション】
このマニュアルを出版や印刷する場合には、表紙テキストはGFDLライセンスに従い、マニュアルの外装に印刷されることを要求します。
裏表紙としての協力者ページの人々はGFDLライセンスに従い、マニュアルの中に印刷されることを要求します。

【表紙テキスト】"Connect-CMS マニュアル は株式会社オープンソース・ワークショップと裏表紙の人々によって記載されました。"

Page 4 / 99

Connect-CMS マニュアル - https://connect-cms.jp【設計】
Connect-CMS の【設計】カテゴリについて説明します。
カテゴリの中には、プラグイン（大項目）があり、プラグインの中に、それぞれの機能（小項目）があります。
設計カテゴリのプラグイン一覧です。

プラグイン
プラグイン名ページ
権限

プラグイン概要
Connect-CMSのページ、フレーム、バケツ、プラグインの関係
Connect-CMSの権限

Page 5 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ】
Connect-CMS の【ページ】プラグインについて説明します。
Connect-CMSのページ、フレーム、バケツ、プラグインの関係

機能一覧
機能名
機能概要
ページとフレーム Connect-CMS のページについて説明します。
フレームとバケツ Connect-CMS のフレームとバケツの関係について説明します。
フレームとプラグ Connect-CMS のフレームとプラグインの関係について説明します。
インPage 6 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページとフレーム】
Connect-CMS のページについて説明します。
以下にページとフレームの例を示します。

Connect-CMS では、メニューに出てくる単位のものをページと呼んでいます。
ページは、一つまたは複数のフレームで構成されます。
以下の図の緑の枠がページです。
以下の図の青の枠がフレームです。
【ページとフレーム】

Page 7 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレームとバケツ】
Connect-CMS のフレームとバケツの関係について説明します。
以下にフレームとバケツの例を示します。

Connect-CMS では、フレームに表示するバケツを指定します。
フレームは、一つのバケツに紐づけされます。
以下の図の青の枠がフレームです。
以下の図の赤の枠がバケツです。
【フレームとバケツ】

Page 8 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレームとプラグイン】
Connect-CMS のフレームとプラグインの関係について説明します。
以下にフレームとプラグインの例を示します。

Connect-CMS では、フレームにプラグインが紐づいています。
以下の図の赤の枠がプラグインです。
以下の図の青の枠がフレームです。
【フレームとプラグイン】

Page 9 / 99

Connect-CMS マニュアル - https://connect-cms.jp【権限】
Connect-CMS の【権限】プラグインについて説明します。
Connect-CMSの権限

機能一覧
機能名
権限の種類

機能概要
権限とは、管理機能やプラグインの配置ができる権限や記事の投稿ができる権限などのように、各操作を許可するものを指します。
プラグインの権限 各プラグインでは、モデレータと編集者に記事投稿と承認有無を設定でき設定ます。

Page 10 / 99

Connect-CMS マニュアル - https://connect-cms.jp【権限の種類】
権限とは、管理機能やプラグインの配置ができる権限や記事の投稿ができる権限などのように、各操作を許可するものを指します。

ここでは、Connect-CMS の権限について説明します。
Connect-CMS の権限には、コンテンツ権限と管理権限の2種類があります。
以下、それぞれの役割について、説明します。
コンテンツ権限フレームの操作や記事に対する権限です。
権限名
できること
コンテンツ管理者 以下、すべての権限を含めた記事の管理者権限
プラグイン管理者 ページにプラグインを配置し、プラグインの設定画面を操作できる権限
モデレータ
記事の投稿が可能。他者の記事の変更も可能。
承認者
記事の承認が可能
編集者
記事の投稿が可能
ゲスト
ユーザIDはあるが、権限は付与していない状態。
記事に関しては操作できない。
投稿はさせないが、「メンバーシップページ」や「ログインユーザ全員参加」ページを参照させたい場合などに使用します。
管理権限
管理画面の操作権限です。
権限名
システム管理者
サイト管理者
ページ管理者
ユーザ管理者できること
管理機能をすべて操作できる権限
サイト管理を中心にWebサイトの設定を行うメニューが操作できる権限
ページ管理が操作できる権限
ユーザ管理が操作できる権限

Page 11 / 99

Connect-CMS マニュアル - https://connect-cms.jp【プラグインの権限設定】
各プラグインでは、モデレータと編集者に記事投稿と承認有無を設定できます。
プラグインによっては権限設定のないものや、承認機能がないものもあります。
【画像：1】

Page 12 / 99

Connect-CMS マニュアル - https://connect-cms.jp【共通機能】
Connect-CMS の【共通機能】カテゴリについて説明します。
カテゴリの中には、プラグイン（大項目）があり、プラグインの中に、それぞれの機能（小項目）があります。
共通機能カテゴリのプラグイン一覧です。

プラグイン
プラグイン名ログイン関係

プラグイン概要
ログイン・ログアウトなどログインに関係する操作方法について説明します。
管理機能
プラグイン追加や管理者メニューなど、サイト管理機能への入り口です。
フレーム
フレームに関する操作ができます。
ここでは、各プラグインに共通的なフレーム操作を説明します。
プラグイン毎に固有の設定はプラグインの説明に記載します。
WYSIWYGWYSIWYG機能で記事を編集できます。
パスワード付きペ パスワード付きページを作成できます。
ージPage 13 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ログイン関係】
Connect-CMS の【ログイン関係】プラグインについて説明します。
ログイン・ログアウトなどログインに関係する操作方法について説明します。

機能一覧
機能名
機能概要
ログイン
ログインの方法を紹介します。
パスワード
パスワード リセットの方法を紹介します。
リセット
ログイン・ロック 一定回数ログインが失敗した場合にロックします。

Page 14 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ログイン】
ログインの方法を紹介します。

【ログイン前】

画面の右上にログインリンクがあります。
設定でログインリンクを消している場合があります。その場合は管理者にログイン用のURLを確認してください。

【ログインID、パスワードの入力】

ログインID、パスワードを入力してログインします。
「ログイン状態を維持する」にチェックを入れてログインすることで、ブラウザを閉じてもログイン状態を維持することができます。

【ログインボタンのクリック】

Page 15 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ログイン後】ログインできると、画面右上にログインユーザ名が表示されます。

Page 16 / 99

Connect-CMS マニュアル - https://connect-cms.jp【パスワード リセット】
パスワード リセットの方法を紹介します。

【ログイン画面】

パスワードを忘れた場合はこのリンクをクリックします。
「パスワードを忘れた場合」のリンクがない場合は管理者が設定で消している可能性があります。
その場合は管理者にパスワードを忘れた場合の対応方法について確認してください。

【パスワードリセット】

登録しているユーザのメールアドレスを入力して、「パスワードのリセットリンクを送信する。」をクリックします。

【パスワードリセット・確認メール】

パスワードを忘れた場合はパスワードリセット機能を使って、登録してあるメールア
ドレス宛にリセットリンクを送ることができます。
メールアドレスを設定していない場合は、管理者に連絡してパスワードを変更してもPage 17 / 99

Connect-CMS マニュアル - https://connect-cms.jp

らってください。
パスワードリセットでは、メールをクリックし、画面を表示した後、対象のメールア
ドレスと新パスワードを入力してパスワード変更が完了します。
ウイルスチェックソフトなどがURLを疑似クリックする動作をした場合でも、意図しない承認が行われることがないため、安心です。

【リセット】

パスワード変更するユーザのeメールと新しいパスワードを入力してパスワードリセットをクリックします。

Page 18 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ログイン・ロック】
一定回数ログインが失敗した場合にロックします。

【ロックされた状態】

ログインに5回
失敗した場合に、該当のIPアドレスを最初の失敗から60秒ロックします。

Page 19 / 99

Connect-CMS マニュアル - https://connect-cms.jp【管理機能】
Connect-CMS の【管理機能】プラグインについて説明します。
プラグイン追加や管理者メニューなど、サイト管理機能への入り口です。

機能一覧
機能名
管理機能
プラグイン追加

機能概要
管理機能メニューを開きます。
プラグイン追加の方法を紹介します。

Page 20 / 99

Connect-CMS マニュアル - https://connect-cms.jp【管理機能】
管理機能メニューを開きます。

【ログイン状態】

権限のあるユーザでログインしている場合、管理機能のリンクが表示されます。

【管理機能へのリンク】権限がある項目が表示されます。
プレビューモードは編集用のリンクなどが消えて、ゲストが見ている状態の画面を確認することができます。

Page 21 / 99

Connect-CMS マニュアル - https://connect-cms.jp【プラグイン追加】
プラグイン追加の方法を紹介します。
プラグインの追加方法は、各プラグインで共通です。
【プラグイン追加】【ヘッダーに追加】【固定記事をクリック】【プラグインの追加完了】

Page 22 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレーム】
Connect-CMS の【フレーム】プラグインについて説明します。
フレームに関する操作ができます。
ここでは、各プラグインに共通的なフレーム操作を説明します。
プラグイン毎に固有の設定はプラグインの説明に記載します。

機能一覧
機能名
機能概要
フレーム操作ボタ フレームを操作するためにいくつかのボタンがあります。
ン
フレーム設定系メ フレームの設定メニュー全般を説明します。
ニューフレーム編集フレームに関する設定を変更できます。
フレームデザイン フレームデザインを変更できます。
フレーム削除
フレームを削除できます。
メール設定
プラグインのメール送信条件を設定します。

Page 23 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレーム操作ボタン】
フレームを操作するためにいくつかのボタンがあります。
順番変更やフレーム編集へのリンクがあります。
【権限のある状態のフレーム】

権限のあるユーザでログインしている場合、フレームヘッダーの右側に、フレームを操作するリンクが表示されます。
フレームの操作に関係するアイコンを以下で説明します。
アイコン

説明
このフレームに対するページ内リンクです。ページ内の特定の場所を示したい
時にこのアイコンのリンク先のURLを使用してください。
エリア内でのフレームの順番をひとつ上げます。フレームを横に並べているときは、左に移動します。
エリア内でのフレームの順番をひとつ下げます。フレームを横に並べているときは、右に移動します。
プラグインの設定画面を開きます。

Page 24 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレーム設定系メニュー】
フレームの設定メニュー全般を説明します。
設定系のメニューは、プラグイン、表示エリアや設定幅、ブラウザ幅によって表示方法が異なります。
ここでは設定系メニューの表示方法を説明します。
【フレーム設定系メニュー（PC及び幅の広いフレームの場合）-1】【フレーム設定系メニュー（PC及び幅の広いフレームの場合）-2】

ここでは、例として新着情報プラグインの設定系メニューを示します。
設定系メニューはフレームヘッダーの下にプラグインで設定可能なメニューが並びまPage 25 / 99

Connect-CMS マニュアル - https://connect-cms.jp

す。
設定できる内容は、プラグインによって異なります。

【フレーム設定系メニュー（スマートフォン及び左・右エリアや幅を狭く表示している場合のフレームの場合）】

フレームヘッダーの下にハンバーガーアイコンが表示され、それをクリックすると、設定系のメニューが表示されます。

Page 26 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレーム編集】
フレームに関する設定を変更できます。
下に各項目の説明を記載します。
【フレーム編集】

各項目の説明は以下を参照してください。
項目
説明
フレームタイトル フレームのヘッダー内に表示されるフレームのタイトルです。
フレームデザイン 複数のフレームデザインを選択できます。
詳しくは「フレームデザイン」のマニュアルページを参照してください。
フレーム幅
フレームの幅を指定できます。この機能を使ってフレームを横並びにすることもできます。
詳しくは「フレーム幅」のマニュアルページを参照してください。
テンプレート
プラグインによっては、複数のテンプレートを選択できます。
データのレイアウトを定義したものがテンプレートです。
フレーム表示設定
フレームをブラウ ヘッダーやフッターをブラウザ幅いっぱいまで広げたい場合に使用します
ザ幅100％にする 。
詳しくは「ブラウザ幅100％にする」。
のマニュアルページを参照してください。
初期状態を非表示 タブプラグインと組み合わせて使用します。
とする。
公開設定
フレームの公開設定を「公開」「非公開」「限定公開」から選べます。限
定公開の場合は、「公開日時From」と「公開日時To」を指定することが
できます。
対象ページ
メインエリア以外のヘッダー、フッター、左、右の共通エリアに配置した

Page 27 / 99

Connect-CMS マニュアル - https://connect-cms.jp

場合にのみ使用できます。

Page 28 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレームデザイン】
フレームデザインを変更できます。
フレームデザインは意味を持つ8つのパターンから選択できます。
各デザインは、設定しているテーマによって、配色などが変わる可能性があります。
【フレームデザインの選択肢】

以下に、初期テーマの場合の各フレームデザインを示します。

【none】

Page 29 / 99

Connect-CMS マニュアル - https://connect-cms.jp

none の場合は通常、タイトルも空にして使用することが多くあります。

【default】

初期状態でのフレームデザインです。

【primary】

Page 30 / 99

Connect-CMS マニュアル - https://connect-cms.jp【secondary】【success】

Page 31 / 99

Connect-CMS マニュアル - https://connect-cms.jp【info】【warning】

Page 32 / 99

Connect-CMS マニュアル - https://connect-cms.jp【danger】

Page 33 / 99

Connect-CMS マニュアル - https://connect-cms.jp【フレーム削除】
フレームを削除できます。
ここでは、画面上のフレームを削除できます。フレームが削除されても、バケツの中のデータは削除されません。
フレームとバケツの関係は、マニュアルの「設計」から、「構造」および「ページ」の各説明を参照してください。
【フレーム削除】

フレームを削除できます。

Page 34 / 99

Connect-CMS マニュアル - https://connect-cms.jp【メール設定】プラグインのメール送信条件を設定します。
送信タイミングや送信先、件名、本文などを設定します。
設定できる送信通知はプラグインによって異なります。
ここでは、掲示板プラグインを例にして説明します。
【送信タイミング設定】

タイミング毎にメールの送信を設定できます。

【投稿通知】

Page 35 / 99

Connect-CMS マニュアル - https://connect-cms.jp

投稿通知の設定です。

【関連記事通知】

関連記事の投稿通知の設定です。

【承認通知】

承認通知の設定です。

Page 36 / 99

Connect-CMS マニュアル - https://connect-cms.jp【承認済み通知】

承認済み通知の設定です。

Page 37 / 99

Connect-CMS マニュアル - https://connect-cms.jp【WYSIWYG】
Connect-CMS の【WYSIWYG】プラグインについて説明します。
WYSIWYG機能で記事を編集できます。

機能一覧
機能名
機能概要
WYSIWYGエディ WYSIWYGエディタによる記事の編集が可能です。
タ
文字の装飾
太字や下線などの文字の装飾ができます。編集内容を戻すアンドゥも使えます。
書式（段落）
文字の書式やリンクのPDFアイコンなどの設定ができます。
文字色・背景色
文字の書式やリンクのPDFアイコンなどの設定ができます。
表の挿入・編集表の挿入や設定ができます。
罫線
文章にHTMLの罫線を追加できます。
リスト
文章にHTMLのリスト（箇条書き）を追加できます。
インデント関係
文章を右寄せやインデントできます。
リンク
文字や画像にリンクを設定できます。
画像の挿入・編集 画像をアップロードできます。アップロード時に自動サイズ変更が可能です。
ファイルアップロ ファイルをアップロードできます。
ード
メディア
動画や音声ファイルをアップロードできます。
プレビュー
WYSIWYGで記述中の内容をプレビュー表示できます。
HTMLソース
WYSIWYGで記述中の内容のHTMLを表示したり、HTMLで編集できます。
翻訳
文章を他の言語に翻訳できます。
PDFアップロード PDFをアップロードして、自動的にサムネイルを作成します。
AI顔認識
アップロードした写真から顔を判定して、自動的にモザイク処理を施します。
エラー
WYSIWYGでのエラーについて。

Page 38 / 99

Connect-CMS マニュアル - https://connect-cms.jp【WYSIWYGエディタ】
WYSIWYGエディタによる記事の編集が可能です。
文字の装飾や表の作成、画像・ファイルの挿入など、記事を編集できるWYSIWYGエディタを説明します。
【WYSIWYGエディタ】

各ボタンの機能は、それぞれのページで確認してください。

Page 39 / 99

Connect-CMS マニュアル - https://connect-cms.jp【文字の装飾】
太字や下線などの文字の装飾ができます。編集内容を戻すアンドゥも使えます。

【文字の装飾】

文字の装飾に関係する機能を以下で説明します。
アイコン

説明
編集した内容を元に戻す「アンドゥ」機能です。保存すると戻すことはできません。
「アンドゥ」したものをやり直す「リドゥ」機能です。
文字を太字にできます。
文字を斜体にできます。日本語フォントの場合は斜体にならない場合があります。
文字に下線を設定できます。
文字に取り消し線を設定できます。
文字を下付き設定にできます。
文字を上付き設定にできます。
設定した書式をクリアできます。

Page 40 / 99

Connect-CMS マニュアル - https://connect-cms.jp【書式（段落）】文字の書式やリンクのPDFアイコンなどの設定ができます。

【書式（段落）】文字の書式やリンクのPDFアイコンなどの設定ができます。

Page 41 / 99

Connect-CMS マニュアル - https://connect-cms.jp【文字色・背景色】
文字の書式やリンクのPDFアイコンなどの設定ができます。

【文字色】

文字に色を付けることができます。

【背景色】

文字の背景に色を付けることができます。

Page 42 / 99

Connect-CMS マニュアル - https://connect-cms.jp【表の挿入・編集】表の挿入や設定ができます。
※ セルの幅指定など一部機能について、スマホでの自動幅調整を優先しているために機能しな
いものがあります。
【表メニュー】

表に関するいくつかのメニューがあります。

【表作成】

Page 43 / 99

Connect-CMS マニュアル - https://connect-cms.jp

表メニューから表を作成できます。

【セルメニュー】

セルに関するメニューです。

【セルの詳細設定（一般）】

セルタイプなどを設定できます。

Page 44 / 99

Connect-CMS マニュアル - https://connect-cms.jp【セルの詳細設定（詳細設定）】

セルの枠線などを設定できます。

【行メニュー】

行に関するメニューです。

Page 45 / 99

Connect-CMS マニュアル - https://connect-cms.jp【行の詳細設定（一般）】

行タイプなどを設定できます。

【行の詳細設定（詳細設定）】

行の枠線などを設定できます。

Page 46 / 99

Connect-CMS マニュアル - https://connect-cms.jp【列メニュー】

列に関するメニューです。

【表の詳細設定を開きます。】

ここから表全体の詳細設定画面を開きます。

Page 47 / 99

Connect-CMS マニュアル - https://connect-cms.jp【表の詳細設定（一般）】

配置やクラスを設定できます。

【表の詳細設定（詳細設定）】

表の枠線などを設定できます。

Page 48 / 99

Connect-CMS マニュアル - https://connect-cms.jp【罫線】
文章にHTMLの罫線を追加できます。

【罫線】

文章にHTMLの罫線を追加できます。

Page 49 / 99

Connect-CMS マニュアル - https://connect-cms.jp【リスト】
文章にHTMLのリスト（箇条書き）を追加できます。

【箇条書き（UL）】

文章にHTMLの箇条書きを追加できます。

【番号付き箇条書き（OL）】

文章にHTMLの番号付き箇条書きを追加できます。

Page 50 / 99

Connect-CMS マニュアル - https://connect-cms.jp【インデント関係】
文章を右寄せやインデントできます。
このグループの一通りのアイコンの説明は下に示します。
【ブロッククオート】

標準のデザインでは、通常の文字より大きめになります。

【中央寄せ】

文字を中央寄せにします。

Page 51 / 99

Connect-CMS マニュアル - https://connect-cms.jp

アイコン

説明
ブロッククオート。標準のデザインでは文字が少し大きくなります。
左揃え
中央揃え
右揃え
両端揃え
インデントを減らす
インデントを増やす

Page 52 / 99

Connect-CMS マニュアル - https://connect-cms.jp【リンク】
文字や画像にリンクを設定できます。

【リンク】

リンク先URLやリンクの開き方を設定できます。

Page 53 / 99

Connect-CMS マニュアル - https://connect-cms.jp【画像の挿入・編集】
画像をアップロードできます。アップロード時に自動サイズ変更が可能です。

【画像の挿入・編集】

画像をアップロードできます。アップロード時に自動サイズ変更が可能です。

Page 54 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ファイルアップロード】
ファイルをアップロードできます。
アップロードしたファイルには自動的にリンクが設定されます。
【ファイルアップロード】

5ファイルまで一気にアップロードできます。

Page 55 / 99

Connect-CMS マニュアル - https://connect-cms.jp【メディア】
動画や音声ファイルをアップロードできます。
アップロードしたファイルには自動的にプレーヤーが設定されます。
【メディアアップロード】

動画や音声を指定してアップロードできます。

【埋め込み】

Youtubeなどの埋め込みコードを登録する画面です。

Page 56 / 99

Connect-CMS マニュアル - https://connect-cms.jp【詳細設定】

動画の場合のポスター画像を登録する画面です。

Page 57 / 99

Connect-CMS マニュアル - https://connect-cms.jp【プレビュー】
WYSIWYGで記述中の内容をプレビュー表示できます。

【プレビュー】

Page 58 / 99

Connect-CMS マニュアル - https://connect-cms.jp【HTMLソース】
WYSIWYGで記述中の内容のHTMLを表示したり、HTMLで編集できます。

【HTMLソース】

Page 59 / 99

Connect-CMS マニュアル - https://connect-cms.jp【翻訳】
文章を他の言語に翻訳できます。
翻訳を使用するには、外部サービス設定が必要です。
記載した文章を選択してからボタンをクリックすると、選択したものが初期値で入力されます。
【翻訳】2022-02-23時点では、英語、スペイン語、フランス語、ドイツ語、ポルトガル語、中国語（簡体字）、中国語（繁体字）、韓国語、タガログ語、ベトナム語があります。
翻訳言語は必要に応じて追加します。

Page 60 / 99

Connect-CMS マニュアル - https://connect-cms.jp【翻訳結果】

選択した内容が翻訳されて、元のテキストの下に追記されます。

Page 61 / 99

Connect-CMS マニュアル - https://connect-cms.jp【PDFアップロード】
PDFをアップロードして、自動的にサムネイルを作成します。
PDFアップロードを使用するには、外部サービス設定が必要です。
アップロードしたPDFから、サムネイルを自動で生成し、サムネイルからもリンクします。サ
ムネイルの大きさやサムネイルを生成するページ数も指定できます。
【PDFアップロード】

パスワード付PDFの場合は、パスワードも入力してください。

【PDFアップロード後】

Page 62 / 99

Connect-CMS マニュアル - https://connect-cms.jp

サムネイルを作成するページ数も指定できます。ここでは、全2ページで全て作成した例です。

【表示画面】

PDFファイルへのファイル名でのリンク、サムネイルからのリンクが表示されます。

Page 63 / 99

Connect-CMS マニュアル - https://connect-cms.jp【AI顔認識】
アップロードした写真から顔を判定して、自動的にモザイク処理を施します。
AI顔認識を使用するには、外部サービス設定が必要です。
モザイクの粗さも指定できます。
【AI顔認識（AI顔認識処理前の画像）】

人と犬の正面からの画像です。

【AI顔認識のダイアログ】

Page 64 / 99

Connect-CMS マニュアル - https://connect-cms.jp

AI顔認識用のダイアログ画面です。画像のサイズ変更もこの時、同時に実施できます。

【AI顔認識（AI顔認識処理後の画像）】

人の顔のみ判定して、顔をモザイク処理しています。

【AI顔認識（横顔のAI顔認識処理前の画像）】

横顔も判定できます。

Page 65 / 99

Connect-CMS マニュアル - https://connect-cms.jp【AI顔認識（横顔のAI顔認識処理後の画像）】

横顔の判定、処理結果です。

Page 66 / 99

Connect-CMS マニュアル - https://connect-cms.jp【エラー】
WYSIWYGでのエラーについて。
WYSIWYGで表示されるエラーのうち、画面だけではわかりにくいものなどを説明します。

WYSIWYG のバイト数エラー

WYSIWYG でバイト数エラーが出る場合、そんなに文字が入っていないのに？
と感じることがあります。
これには、以下の2つの理由があります。
1. WYSIWYG のサイズ制限は、文字数ではなく、バイト数で行っています。
半角英数字や記号は1文字につき1バイト、日本語などは1文字につき3バイト、絵文字などは1文字につき4バイトを使用します。
2. WYSIWYG で入力したものは、HTML に変換されます。
WYSIWYG のソースコードボタン <> をクリックすると、入力内容がHTMLに変換されていることを確認できます。
バイト数の制限は、このHTML 変換後の内容で行います。
アドバイス
文字の装飾などを繰り返していると、余計なHTML が付加されることがあります。
一度、書式をクリアボタンで、装飾を外し、必要な装飾を付けなおすことで、HTMLで使用する文字の量が減ることがあります。
Word やExcel から表や文章を貼り付けた場合、Word やExcel の持つ装飾がHTMLとしてたくさん挿入されることがあります。
この場合も、一度、書式をクリアボタンで、装飾を外し、必要な装飾を付けなおすことで、HTML で使用する文字の量が減ることがあります。

Page 67 / 99

Connect-CMS マニュアル - https://connect-cms.jp【パスワード付きページ】
Connect-CMS の【パスワード付きページ】プラグインについて説明します。
パスワード付きページを作成できます。

機能一覧
機能名
パスワード設定
ページ閲覧

機能概要
パスワードはページ管理のページ編集で入力することができます。
パスワード付きページを閲覧します。

Page 68 / 99

Connect-CMS マニュアル - https://connect-cms.jp【パスワード設定】
パスワードはページ管理のページ編集で入力することができます。

【パスワード設定】

Page 69 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ閲覧】
パスワード付きページを閲覧します。

【パスワード要求】

パスワード付きページを開くと、パスワードが要求されます。

【パスワード入力】

Page 70 / 99

Connect-CMS マニュアル - https://connect-cms.jp【パスワード付きページの閲覧】パスワード付きページを閲覧できます。

Page 71 / 99

Connect-CMS マニュアル - https://connect-cms.jp【管理者】
Connect-CMS の【管理者】カテゴリについて説明します。
カテゴリの中には、プラグイン（大項目）があり、プラグインの中に、それぞれの機能（小項目）があります。
管理者カテゴリのプラグイン一覧です。

プラグイン
プラグイン名
ページ管理
サイト管理

プラグイン概要
ページの作成や設定など、ページに関する機能が集まった管理機能です。
サイトの基本設定など、サイト全体に関する機能が集まった管理機能です。
ユーザ管理
ユーザの一覧や追加など、ユーザに関する機能が集まった管理機能です。
アップロードファ アップロードファイルに関する機能が集まった管理機能です。
イル管理

Page 72 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ管理】
Connect-CMS の【ページ管理】プラグインについて説明します。
ページの作成や設定など、ページに関する機能が集まった管理機能です。

機能一覧
機能名
ページ一覧
ページ編集
CSVインポート

機能概要
ページの一覧が表示されます。
ページに関する設定などが俯瞰できる画面です。
ページの登録や編集を行う画面です。
CSVファイルをアップロードして、ページの登録ができます。

Page 73 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ一覧】
ページの一覧が表示されます。
ページに関する設定などが俯瞰できる画面です。
ページの内容を編集するときは、ページ名の左にある編集ボタンをクリックしてください。
【ページ一覧】

現在のページの一覧を確認できます。
ページ内容の編集は「ページ編集」を参照してください。
上矢印と下矢印で同じ階層内のページ移動ができます。
階層の移動は「ページ階層移動」を参照してください。
ページ名が表示されます。大なり記号は階層を表しています。
目のアイコンはメニューの初期設定で表示するかどうかを表します。
クリックすることで、状態を変更できます。
固定リンクは設定した内容が表示されます。ページにリンクされています。
シリンダー鍵マークはパスワード付きページを表します。
南京錠マークはメンバーシップページとログインユーザ全員参加ページを表します。
ページ権限設定はメンバーシップページにたいする権限が設定さえているかどうかを表します。
その他、ページ編集で設定したいくつかの内容の状態がアイコンで表示されます。

Page 74 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ編集】
ページの登録や編集を行う画面です。

ページに関する各項目を設定してページの作成ができます。
IPアドレス制限は、学内や社内などの特定のIPアドレスから参照されている時だけ、表示を許可したい。という使い方です。IPアドレス制限した場合は、URLを直接指定しても、制限が有効になり指定したIPアドレス以外からは参照できません。
ページを削除した場合でも、コンテンツは削除されていません。コンテンツを削除したい場合は、各コンテンツの設定画面にて削除を行ってください。
【ページ編集1】

ページ名を指定してください。
URLを表す固定リンクを指定してください。
限定公開設定を使うことで、ページを非公開にすることができます。メンバーシップ
ページは指定したユーザのみ、ログインユーザ全員参加はログインしていれば見ることができます。
パスワードを指定すると、ページの閲覧の際にパスワードが必要になります。

Page 75 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ページ編集2】

テーマとレイアウトはページ毎に設定することもできます。
メニュー表示の設定は下記に反映されます。
スマホのメニュー表示
メニュープラグインのページ表示条件で「ページ管理の条件」を選択した場
合のメニュー表示
IPアドレス制限は、このページを閲覧する際の閲覧元のIPアドレスを制限します。その他、様々な設定が可能です。

Page 76 / 99

Connect-CMS マニュアル - https://connect-cms.jp【CSVインポート】
CSVファイルをアップロードして、ページの登録ができます。
画面のCSVフォーマットをコピーして使用してください。
【ページ一覧】

初期配置にチェックすると、インポートした各ページに固定記事プラグインがひとつ配置されます。

CSVファイル項目説明
項目名
page_namepermanent_link
background_color

必須
必須
必須
必須

説明
ページ名
固定リンク

背景色
・HTMLで指定できる色キーワード（例：red, blue）やRGB色（例：#000000, #111）等を設定できます。
・空の場合、NULL と入力します。
header_color

必須
ヘッダーバーの背景色
・HTMLで指定できる色キーワード（例：red, blue）やRGB

Page 77 / 99

Connect-CMS マニュアル - https://connect-cms.jp

theme

必須

layout必須

色（例：#000000,#111）等を設定できます。
・空の場合、NULL と入力します。
テーマ
・Connect-CMSのpublic\themes ディレクトリ
配下のテーマ名を入力します。（例：Defaults/Blue）
標準のテ
ーマ名は、
githubのpublic\themes
ディレクトリ
で確認できます。
・設定なしの場合、NULL と入
力します。

レイアウト
NULL : 未設定
0|0|0|0 : メインのみ
0|0|0|1 : フッター
0|0|1|0 : 右
0|0|1|1 : 右、フッター
0|1|0|0 : 左
0|1|0|1 : 左、フッター
0|1|1|0 : 左、右
0|1|1|1 : 左、右、フッター
1|0|0|0 : ヘッダー
1|0|0|1 : ヘッダー、フッター
1|0|1|0 : ヘッダー、右1|0|1|1 :ヘッダー、右、フッター
1|1|0|0 : ヘッダー、左
1|1|0|1 :ヘッダー、左、フッター
1|1|1|0 : ヘッダー、左、右
1|1|1|1 :ヘッダー、左、右、フッター
base_display_flag

必須
メニュー表示1 : 表示する
0 : 表示しない※1 インポートすると、「公開設定」は 公開 で登録します。

Page 78 / 99

Connect-CMS マニュアル - https://connect-cms.jp

CSVファイル例"page_name","permanent_link","background_color","header_color","theme","layout","base_d
isplay_flag""アップロード","/upload","NULL","NULL","NULL","NULL","1""アップロード2","/upload/2","NULL","NULL","NULL","NULL","1"※ 文字コードは Shift_JIS

Page 79 / 99

Connect-CMS マニュアル - https://connect-cms.jp【サイト管理】
Connect-CMS の【サイト管理】プラグインについて説明します。
サイトの基本設定など、サイト全体に関する機能が集まった管理機能です。

機能一覧
機能名
機能概要
サイト基本設定
サイト名や基本のテーマなど、サイト全体の設定を行う画面です。
meta情報
画面出力時のMETAタグの設定を行う画面です。
レイアウト設定
画面幅をブラウザいっぱいまで広げたい場合などに使用します。
カテゴリ設定サイトのカテゴリを設定できます。
多言語設定
多言語対応サイトを作成するときに使用します。
エラーページ設定 404（該当ページなし）や403（該当ページに権限なし）の際に表示する
エラーページを指定できます。また、No Image画像を差し替えられます。
アクセス解析設定 GoogleAnalytics のトラッキングコードを埋め込むための画面です。
Favicon 設定
Favicon を設定できます。
WYSIWYG 設定
WYSIWYG の設定を変更できます。
サイト設計書
サイト設計書の出力ができます。

Page 80 / 99

Connect-CMS マニュアル - https://connect-cms.jp【サイト基本設定】
サイト名や基本のテーマなど、サイト全体の設定を行う画面です。
各項目の説明は画面の項目ごとのコメントを参照してください。
【画面1】

サイト名や適用するテーマなど、サイトに関する基本的なことを設定します。
追加テーマを指定した際は基本テーマの後で追加テーマのCSSが反映されます。

【画面1】

Page 81 / 99

Connect-CMS マニュアル - https://connect-cms.jp

ヘッダーバーの文字色や各エリアに付加するクラス名を指定できます。
クラス名はテーマでオリジナルのCSSを作成する場合に参照するセレクタとなります
。

【画面1】

ヘッダーバーの表示、固定、ログインリンクの表示などが設定できます。

【画面1】

パスワードリセットの使用可否、ログイン後に移動するページ、マイページの使用可否が設定できます。

Page 82 / 99

Connect-CMS マニュアル - https://connect-cms.jp

画像の保存機能を無効化する設定もできます。
スマートフォン表示の際のハンバーガーメニューの表示は、全ページを表示するデフ
ォルトか今いるフォルダの仮想のみ展開するオープンカレントツリーを選ぶことができます。

Page 83 / 99

Connect-CMS マニュアル - https://connect-cms.jp【meta情報】
画面出力時のMETAタグの設定を行う画面です。
出力されるHTMLのHEAD部分の内容になります。
【meta情報】

HEADのdescriptionに出力される値を設定できます。

Page 84 / 99

Connect-CMS マニュアル - https://connect-cms.jp【レイアウト設定】
画面幅をブラウザいっぱいまで広げたい場合などに使用します。
タブレットを意識した授業用サイトでは、全てのエリアを100％、トップページのヘッダー部分を幅100％でデザインしたい場合は、ヘッダーエリアのみ100％などと設定します。
【レイアウト設定】

ブラウザ幅100％で表示するエリアをヘッダー、センター、フッターからそれぞれ選ぶことができます。

Page 85 / 99

Connect-CMS マニュアル - https://connect-cms.jp【カテゴリ設定】
サイトのカテゴリを設定できます。
サイト全体カテゴリとして登録して、各プラグインで使用することで、統一感のあるカテゴリ
設計ができるようになります。
【カテゴリ設定】

ここでは、対象がALLの共通カテゴリ―を設定できます。

Page 86 / 99

Connect-CMS マニュアル - https://connect-cms.jp【多言語設定】多言語対応サイトを作成するときに使用します。
他言語設定することで、メニューが各言語ごとに表示されるようになり、他言語対応サイトとなります。
【他言語設定】URLは各言語のページの最初に付く値を設定します。

Page 87 / 99

Connect-CMS マニュアル - https://connect-cms.jp【エラーページ設定】
404（該当ページなし）や403（該当ページに権限なし）の際に表示するエラーページを指定できます。また、No Image画像を差し替えられます。
指定したエラーページは、通常のページと同じように作成します。また、メニュー表示はOFFにしておきます。
【エラーページ設定】

ここで指定した表示ページはこの指定内容の固定リンクをページ管理で作成しておく必要があります。

Page 88 / 99

Connect-CMS マニュアル - https://connect-cms.jp【アクセス解析設定】
GoogleAnalytics のトラッキングコードを埋め込むための画面です。
ここで設定したトラッキングコードは、各画面で自動的に使用されます。
【アクセス解析設定】

複数のトラッキングコードの指定なども可能です。

Page 89 / 99

Connect-CMS マニュアル - https://connect-cms.jp【Favicon 設定】
Favicon を設定できます。
サイトで使用するFavicon 画像をアップロードします。
【ファビコン設定】.ico形式のファイルをアップロードしてください。

Page 90 / 99

Connect-CMS マニュアル - https://connect-cms.jp【WYSIWYG 設定】
WYSIWYG の設定を変更できます。
文字サイズの変更をWYSIWYG で使用するかどうかを設定できます。自由度は増しますが、サイトの統一感を保持しにくい場合もあります。
画像アップロード時に初期に選択させる画像サイズもここで設定できます。
【WYSIWYG設定】

初期に選択させる画像サイズは1200px、800px、400px、200pxから選ぶことができます。

Page 91 / 99

Connect-CMS マニュアル - https://connect-cms.jp【サイト設計書】
サイト設計書の出力ができます。
ページやフレームの設定をPDFの設計書で出力できます。
【サイト設計書】

追加の出力内容で、サイト設計書に反映させる項目を増やせます。
最終ページには問合せ先や連絡先を提示するページがあり、最終ページの内容の各項
目に登録してあるものが反映されます。

Page 92 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ユーザ管理】
Connect-CMS の【ユーザ管理】プラグインについて説明します。
ユーザの一覧や追加など、ユーザに関する機能が集まった管理機能です。

機能一覧
機能名
ユーザ一覧

機能概要
サイトに登録されているユーザを一覧で確認できます。

【追加情報】
ダウンロードで出力される値には、コードのまま出力される項目があります。
コードのまま出力される項目と内容は以下の通りです。
項目名
権限

状態

コード
role_article_adminrole_arrangement
role_article
role_approval
role_reporter
admin_systemadmin_site
admin_page
admin_user
0
1
2
3

内容
コンテンツ権限-コンテンツ管理者
コンテンツ権限-プラグイン管理者
コンテンツ権限-モデレータ
コンテンツ権限-承認者
コンテンツ権限-編集者
管理権限-システム管理者
管理権限-サイト管理者
管理権限-ページ管理者
管理権限-ユーザ管理者
利用可能
利用不可
仮登録
仮削除

Page 93 / 99

Connect-CMS マニュアル - https://connect-cms.jp【ユーザ一覧】
サイトに登録されているユーザを一覧で確認できます。
絞り込み条件で権限やグループで絞り込むこともできます。
【ユーザ一覧】

ユーザの一覧が表示されます。
「グループ」列の編集ボタンから、「グループ参加」画面に飛べます。
「最終ログイン日時」列の履歴リンクから、「ログイン履歴」画面に飛べます【絞り込み画面】

Page 94 / 99

Connect-CMS マニュアル - https://connect-cms.jp【絞り込み画面２】

様々な条件でユーザを絞り込むことができます。
絞り込んだ内容でダウンロードすることができます。

Page 95 / 99

Connect-CMS マニュアル - https://connect-cms.jp【アップロードファイル管理】
Connect-CMS の【アップロードファイル管理】プラグインについて説明します。
アップロードファイルに関する機能が集まった管理機能です。

機能一覧
機能名
機能概要
アップロードファ アップロードファイルを一覧で確認できます。
イル一覧

Page 96 / 99

Connect-CMS マニュアル - https://connect-cms.jp【アップロードファイル一覧】
アップロードファイルを一覧で確認できます。
アップロードファイルのサイズなどの情報が確認できます。
【アップロードファイル一覧】

アップロードファイルを一覧表示できます。

Page 97 / 99

Connect-CMS マニュアル - https://connect-cms.jp

協力者
Connect-CMS マニュアル協力者で掲載を希望する方を掲載します。
掲載を希望されない協力者の方もいらっしゃいます。
掲載の有無にかかわらず、ここにすべての協力者の方に感謝を申し上げます。

株式会社オープンソース・ワークショップ（ https://opensource-workshop.jp/ ）永原 篤（ twitter/github @nagasheep ）堀口 正行（ github @horitada ）井上 雅人（ github @masaton0216 ）牟田口 満（ twitter/github @akagane99 ）石垣 佑樹（ github @gakigaki ）Page 98 / 99

Connect-CMS マニュアル - https://connect-cms.jp

お問い合わせ発行日 2024年06月14日

株式会社オープンソース・ワークショップ
URL：https://opensource-workshop.jp/
Mail：info@opensource-workshop.jp
住所：〒104-0053 東京都中央区晴海三丁目13番 1-4807号
TEL：03-5534-8088
FAX：03-5534-8188

Page 99 / 99

Powered by TCPDF (www.tcpdf.org)