4
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

concrete5.7 ブロックタイプ早見表

Last updated at Posted at 2016-02-19

はじめに

concrete5.7 には、ページを作るのに必要なブロックタイプが標準でいくつも用意されています。何ができるのか、一覧でまとめてみました。細かい説明は、concrete5 japan さんのサイトをを見てください。
http://concrete5-japan.org/help/5-7/using-concrete5-7/in-page-editing/block-areas/add-block/

足りないブロックは、ダウンロードしたり、PHP の知識があれば、自分で作ることも可能です。

ブロックタイプ

画面の見た目は、elemental テーマを適用した場合です。
見た目はテーマを入れ替えたり、スタイルシートや、concrete5 のデザイン機能を利用して変更することが可能です。
カスタマイズ項目も豊富に設定されているので、見た目や機能を好みに合わせて変えることも用意されている機能の範囲で可能です。

*** 基本 ***

◆ 記事

記事アイコン.jpg
WYSIWYG(ウィジウィグ)形式での文章編集が可能です。入力した内容がそのまま表示されます。

記事.jpg
編集画面

◆ HTML

HTMLアイコン.jpg
HTMLの編集が可能です。css / javascript の編集も可能です。

html.jpg
編集画面(HTML を直接記入できます。)

◆ 画像

画像アイコン.jpg
ファイルマネージャーに登録されている画像の表示が可能です。

◆ ファイル

ファイル.jpg
ファイルマネージャーに登録されているファイルへのリンクを表示して、ダウンロードを可能にします。

ファイル.jpg
表示画面(ファイルへのリンクが表示されます。)

◆ 水平線

水平線アイコン.jpg
<hr> が出力され、水平線が表示されます。

◆ 特色

特色アイコン.jpg
アイコン、タイトル、文章を表示することができます。タイトルにはリンク先を設定可能です。

特色.jpg
表示画面

*** ナビゲーション(ページの遷移を行うような機能です) ***

◆ オートナビ

オートナビアイコン.jpg
サイトマップのツリー構造に従って、ページ一覧を階層構造で表示します。

オートナビ.jpg
表示画面

◆ ページタイトル

ページタイトルアイコン.jpg
ページ作成時に登録したページタイトルを表示します。

ページタイトル.jpg
表示画面(ページタイトルが HOME の場合)

◆ FAQ

FAQアイコン.jpg
質問と回答のセットを一覧で表示します。

FAQ.jpg
表示画面(左側にナビゲーションを出すこともできます。)

◆ ページリスト

ページリストアイコン.jpg
サイトマップの特定の階層以下を、階層構造を持たない形式で表示します。

ページリスト.jpg
表示画面(オートナビとは異なり階層化はされませんが、ページに設定されている説明なども一覧で出せます)

◆ 「次へ」「前へ」ナビ

次前アイコン.jpg
前後ページへの移動ができるナビゲーションが表示されます。特定階層のサイトマップ順、日付順で前後に移動することが可能です。

次前.jpg
表示画面

◆ 日付ナビ

日付ナビアイコン.jpg
登録されているページの年月が表示されます。ページリストと組み合わせると、ブログの年月別のアーカイブのような機能が作成可能です。

日付ナビ.jpg
表示画面

◆ タグ

タグアイコン.jpg
ページにタグを付けて検索できるようにします。タグの表示も可能です。

タグ.jpg
表示画面

◆ トピックスリスト

トピックリストアイコン.jpg
※調べてみましたが、使い道がよくわかりませんでした。調査を継続します。

◆ RSS表示

RSSアイコン.jpg
外部サイトのRSSを取得して表示します。

◆ 言語切り替え

言語切り替えアイコン.jpg
※短く説明できないので、説明をパスします。

*** フォーム ***

◆ フォーム

フォームアイコン.jpg
問い合わせフォームなど任意の入力項目をもったフォームを作成可能です。フォームに入力された情報は、管理画面のレポートから照会可能です。

フォーム.jpg
表示画面(フォームの項目は、自由に設定できます)

◆ 検索

検索アイコン.jpg
サイト内検索機能を設置可能です。

検索.jpg
表示画面

◆ 外部フォーム

外部フォームアイコン.jpg
※短く説明できないので、説明をパスします。
※具体的な作り方は、「concrete5.7 外部フォーム(最少)を作ってみる。」を参照ください。

*** ソーシャルネットワーキング ***

◆ アンケート

アンケートアイコン.jpg
質問に対する回答を選択してもらうフォームを設置可能です。会員でないと回答できないアンケートにすることも可能です。

アンケート.jpg
表示画面

アンケート2.jpg
表示画面(アンケート回答済みの場合)

◆ コメント欄

コメント欄アイコン.jpg
コメント欄を設置可能です、
スレッド機能を有効にするとコメントに返信が可能です。
レーティング登録なども可能です。

コメント.jpg
表示画面

◆ ソーシャルリンク

ソーシャルリンクアイコン.jpg
SNS へのリンクボタンを表示します。

ソーシャルリンク.jpg
表示画面

◆ 紹介

紹介アイコン.jpg
社真、名前、役職、会社名、URL、コメントを登録して表示可能です。スタッフ紹介などに利用可能です。

紹介.jpg
表示画面

◆ このページをシェア

このページをシェアアイコン.jpg
SNS へページをシェアしてもらうためのボタンを表示します。

ソーシャルリンク.jpg
表示画面

*** マルチメディア ***

◆ ページ属性表示

ページ属性表示アイコン.jpg
ページに設定されている属性が表示可能です。

ページ属性.jpg
表示画面(ページ作成日を例として表示しています。)

◆ 画像スライダ

画像スライダーアイコン.jpg
複数枚の画像をファイルマネージャーから選択して、スライド表示させることが可能です。

画像スライダー.jpg
表示画面

◆ ビデオプレイヤー

ビデオプレイヤーアイコン.jpg
MP4、OGG、WEBM 形式の動画を再生できます。

ビデオプレイヤー.jpg
表示画面(ビデオプレイヤー用のツールバーが表示されます)

◆ YouTubeビデオ

YouTubeビデオアイコン.jpg
YouTube のビデオを埋め込むことが可能です。

YouTubeビデオ.jpg

◆ Googleマップ

GoogleMapアイコン.jpg
Google マップを埋め込むことが可能です。

4
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?