レスポンシブWebデザイン デザイン
バイクを気軽にレンタル予約できるサイトです。
Author Archives: admin
Buenos 美濃直営工房
動画（YouTube）を入れる
難易度：★☆☆☆☆
バージョン：5.6.3.1
【操作概略】
- ログイン
- 編集したいページを表示
- 画面左上「編集」ボタンをクリック
- 「（YouTubeを追加したいエリア）●●に追加」をクリック
（例：Headerに追加したいときは「Headerに追加」をクリック）
プルダウンメニューの「ブロックを追加」をクリック（参照：画像1） - 「ブロックを追加」ボックスが出現、「YouTubeビデオ」をクリック（参照：画像2）
- 「YouTubeビデオを追加」ボックスが出現、タイトル、YouTubeURL、幅、高さ、ビデオプレイヤーをそれぞれ選択、入力して右下の「新規」ボタンをクリック（参照：画像3）
- YouTubeが該当ブロックに挿入されるのを確認（参照：画像4）
- 画面左上の「編集中」のボタンにカーソルを合わせると開くポップアップ右端にある青い「この編集を公開」というボタンをクリックすると、更新内容が公開されます（参照：画像5）
テキストに内部リンクをはる
難易度：★☆☆☆☆
バージョン：5.6.3.1
【操作概略】
- ログイン
- 編集したいページを表示。
- 画面左上「編集」ボタンをクリック。
- 編集したいブロックをクリック、プルダウンメニューの「編集」をクリック。
- エディタが出現、その中でリンクをはりたい文字列を選択。（参照：画像1）
- リンクをはりたい文字列を選択した状態で「ページへのリンクを挿入」をクリック。（参照：画像2）
- 「ページを選択」画面が出現、その中でリンクさせたいページをクリックして選択。画面がエディタに戻ります。（参照：画像3）
- エディタ右下の「保存」ボタンをクリック。（参照：画像4）
- 画面左上の「編集中」のボタンにカーソルを合わせると開くポップアップ右端にある青い「この編集を公開」というボタンをクリックすると、更新内容が公開されます。（参照：画像5）
更新が完了したら、目的のページにリンクがはれているかどうか、ご自身で確認してみてください。
【参照】
画像1 エディタの中で、リンクをはりたい文字列をクリックして選択。
画像3 「ページを選択」画面が出現、その中でリンクさせたいページをクリックして選択。
画像5 「この編集を公開」というボタンをクリックすると、更新内容が公開されます。
ブロックを編集、公開する
難易度：★☆☆☆☆
バージョン：5.5.2.1
【操作概略】
- ログイン
- 編集したいページへ移動
- 編集したいページで、画面左上の「編集」をクリック もしくは、「編集」にポインタを置くと出てくる「編集モード」をクリック（参照：画像1）
※バージョンによっては、「編集モード」をクリックするだけの場合もあります - ページが編集モードになり、赤枠で囲われている各ブロックを編集できる状態になります
ここで、編集したいブロックをクリック、出てくるプルダウンメニューの「編集」をクリック（参照：画像2） - エディタが出現し、編集できる状態になります
Wordやブログのような間隔で編集できます（参照：画像3） - 編集を終えたら、エディタ右下の「保存」をクリック、画面左上の「編集モード終了」をクリック、「この編集を公開」をクリックすると、更新内容が公開されます（参照：画像4）
備考
- ボタンの名前やクリックした時の挙動は、concrete5のバージョンによって若干異なります。
【参照】
画像1 編集したいページで、画面左上の「編集」をクリック。もしくは、「編集」にポインタを置くと出てくる「編集モード」をクリック。
画像2 編集したいブロックをクリック、出てくるプルダウンメニューの「編集」をクリック
画像3 エディタが出現し、編集できる状態になります。Wordやブログのような感覚で編集できます。
画像4 編集を終えたら、エディタ右下の「保存」をクリック、画面左上の「編集モード終了」をクリック、「この編集を公開」をクリックすると、編集した内容が公開されます。
concrete5にログインする
画像にファイルのリンクをはる
難易度：★☆☆☆☆
バージョン：5.5.2.1
例えば、ダウンロードしてもらいたいPDFファイルがあるとき。
PDFファイルのアイコン等の画像にそのファイルへのリンクをはっておくことで、アイコンをクリックしたらそのファイルをダウンロードできるようにする、といったことができます。
【操作概略】
- ログイン
- 編集したいページを表示
- 画面左上の「編集」ボタンをクリック
- 編集したいブロックをクリック、プルダウンメニューの「編集」をクリック
- エディタが出現、その中でリンクをはりたい画像をクリックして選択
その状態で、「ファイルを追加」をクリック（参照：画像1） - ファイル マネージャーが出現、リンクさせたいファイルをクリック、プルダウンメニューの「選択」をクリック（参照：画像2）
※ファイルがまだファイルマネージャーに無ければ、この時点でアップロード、選択 - エディタの「保存」をクリック、画面左上の「編集モード終了」をクリック、「この編集を公開」をクリックすると、更新内容が公開されます（参照：画像3）
更新が完了したら、適切なファイルがダウンロードできるかどうか、ご自身で確認してみてください。
【応用】
テキストにも、同様の方法でファイルへのリンクをはることができます。
5の「リンクをはりたい画像をクリックして選択」の画像のかわりに、リンクをはりたいテキストを選択すれば、上記と同じ操作で選択したテキストにファイルのリンクを設定することができます。
【参照】
画像1 エディタの中で、リンクをはりたい画像をクリックして選択。
ページを古いバージョンに戻した上で編集する
難易度：★☆☆☆☆
バージョン：5.5.2.1
最新のバージョンはもう使わないので、旧バージョンに戻した上で、そこで編集していこう。
というときの操作について。
【操作概略】
- ログイン
- 編集したいページを表示
一般ユーザーには、古いバージョンを見せています。
ここでは、【見出し1】が「hoge」なのが古いバージョン。
最新のバージョンでは、【見出し1】が「青葉区青葉台の Esthetic Salon CORAL について」になっていて、編集権限のあるユーザには、ログイン時、最新バージョンが表示されます。
- 画面左上の「編集」にカーソルを重ね、「バージョン」をクリック
- 編集権限のあるユーザーに表示されるのは、その時点で最も新しいバージョン。
一般ユーザーに表示されるのは、ボールドのバージョン。
- 最新のバージョンはもう使わないので、旧バージョンに戻した上で、そこで編集していこう。
というときには、最新バージョンを削除します。
使わないバージョンにチェックを入れて、削除をクリック、右上の「×」をクリック。
- 画面を更新（win: F5/mac: command+R）すると、編集者にも旧バージョンが表示され、旧バージョンに編集を加えていけます。
最新のバージョンで「青葉区青葉台の Esthetic Salon CORAL について」になっていた【見出し1】が、旧バージョンに戻ったことで「hoge」になりました。
※かつての最新バージョンでの編集内容は丸ごと破棄されるので要注意。
参考
ページのバージョンを変更する（管理画面）
難易度：★☆☆☆☆
バージョン：5.5.2.1
【操作概略】
- ログイン
- 管理画面 > フルサイトマップへ移動（参照：画像1）
- サイトマップ上で、バージョンを変更したいページをクリック、出てくるプルダウンメニューの「バージョン」をクリック（参照：画像2）
- 戻したいバージョンにチェックを入れて、「承認」をクリック（参照：画像3）
- 一つ前のバージョンがボールドで表示されました。（参照：画像4）
サイトの管理者・編集者がログインした状態のときに表示されるのは最新のバージョン、サイトの閲覧者が見られるのはボールドで表示されているバージョンです。
参考
注意
- バージョンを過去のものに戻して、そこで編集を加行うと、過去のものに戻す前の編集内容は失われます。
【参照】
画像2 バージョンを変更したいページをクリック、プルダウンメニューの「バージョン」をクリック
画像3 表示させたいバージョンにチェックを入れて、「承認」をクリック
ページのバージョンを変更する（フロントページ）
難易度：★☆☆☆☆
バージョン：5.5.2.1
concrete5は、ページを更新する度にその履歴が「バージョン」として残っていきます。 間違えてしまったときなど、以前の状態に戻したい場合に便利です。
ここでは、「hoge」だった【見出し1】（参照：画像1）を、「青葉区青葉台のEsthetic Salon CORALについて」に修正した（参照：画像2）けれども、 やっぱり「hoge」に戻したい。 ということで、バージョンを変更して元に戻す、ということをやってみます。
【操作概略】
- ログイン
- 編集したいページを表示
- 画面左上の「編集」にカーソルを重ね、「バージョン」をクリック（参照：画像3）
- 「ページバージョン」画面に遷移するので、戻したいバージョンにチェックを入れて、「承認」をクリック
ここでは、一つ前のバージョンにチェックを入れます（参照：画像4） - 一つ前のバージョンがボールドで表示されました（参照：画像5）
- サイトの管理者・編集者がログインした状態のとき、表示されるのは最新のバージョンです（参照：画像6）が、サイトの閲覧者が見られるのは、ボールドで表示されているバージョンです（参照：画像7）
注意
- バージョンを過去のものに戻して、そこで編集を加行うと、過去のものに戻す前の編集内容は失われます。
参考
【参照】
画像2 【見出し1】を「青葉区青葉台のEsthetic Salon CORALについて」にしました。が、これをやっぱり「hoge」に戻したい。
画像4 戻したいバージョンにチェックを入れて、「承認」をクリック
画像6 サイトの管理者・編集者がログインした状態のとき、表示されるのは最新のバージョン
画像7 サイトの閲覧者が見られるのは、「ページバージョン」画面でボールドで表示されているバージョン
