AdaptivethmeのAT Memento

Premium Drupal Themesの会員向け有料のデザインテンプレートです。

AT Mono

AdaptiveThemes社の有料デザインテンプレートです。

Leafletモジュール

Leaflet はWeb地図のためのJavaScriptライブラリです。　概要は　Wikipediaにて　

Drupal と　Leafletを使って複数のロケーション情報を地図上でマッピングする手順。

この手順は、Youtubeの「Getting started with Leaflet - Drupal」 を参考にしました。

インストール環境

Drupal 7.41　Views 7.x-3.11　Geofiled 7,x-2.3　　geoPHP 7.x-1.7　　Libraries 7.x-2.2   Geocoder 7.x-1.2 　Leaflet 7.x-1.3  Leaflet Library 0.7.7  Entity API 7.x-1.6 

必要なモジュールやPHPライブラリの設定

Geofieldモジュールのダウンロードとインストール　ここから　

geoPHPモジュールのダウンロードとインストール　ここから　このモジュールのほかに、geoPHPライブラリー(GitHubのgeoPHPサイトからダウンロード)もインストールします。　ここから　sites/all/libraries の下に、geoPHP ディレクトリとして保存します。

Libraries API モジュールのインストール。ダウンロードは　ここから　。

Geocoder モジュールのダウンロードとインストール　ここから　。

デモデータの作成手順

コンテンツタイプの新規作成、ロケーション情報（名前、本文説明、住所フィールド）などを追加します。

たとえば、コンテンツタイプ名　Location　にする。 address　と accommodation のフィールド追加します。

addressフィールドはTXTで作成します。　geofieldフィールドは、geofieldタイプ、Geocode from another fieldのウィジェットを選択します。

作成したロケーションのコンテンツタイプを新規追加する前に、タクソノミーを使って、ロケーションタイプ（ホテル、サウナ、など）を設定します。

geofieldのウィジェットは以下の設定で保存します。geocoderは地図のXY座標を取得する方法で、以下の場合は、Google Mapsから取得する設定です。

作成したロケーションのコンテンツタイプを新規追加する前に、タクソノミーを使って、ロケーションタイプ（ホテル、サウナ、など）を設定します。

タクソノミーのボキャブラリーに、type of accommodation を追加し、そのタームに、Campsite、Hotel、Saunaなどを登録します。

先程のロケーションのコンテンツタイプに、type of accommodationのフィールドを追加します。ターム参照、選択リストを選定。

選択リストのボキャブラリーは、type of accommodation を選択します。

ロケーションタイプのコンテンツを新規作成し、 addressには、日本語で住所を記入します。　accommodation も選択します。

作成したロケーションのページには、入力した住所の実際のXY座標（GoogleMaps経由）が表示されます。

同じように複数のロケーションを追加します。

Viewsの設定（Leafletで登録したロケーションのコンテンツを表示）

Leafletモジュールのインストール　ここから　 Leafletライブラリのインストール　ここから　　ダウンロードしたら、sites/all/libraries の下に、leaflet ディレクトリとして保存します。

Viewsモジュールのインストール　ここから　　Entity APIモジュールのインストール　ここから　

Viewsの作成　コンテンツタイプはロケーションを選択、Display formatは Leaflet Mapを選択、 items to display は　0　を選択（制限なし）、user a pger はなし、Create a menu link をチェックします。

Viewsの設定画面で、フィールドの追加　geofiled

フォーマットの環境設定でコンテンツを設定します。　ただし、Description Content は次のBodyフィールドを追加したあとに有効になります。

地図上のバルーンアイコンをクリックして、その場所の説明を表示するBodyフィールドを追加します。　フォーマットは切り詰め、文字の長さを100に設定しました。

フォーマットの環境設定でコンテンツを設定します。 Description Content は、コンテンツ：Body　を選択します。　上記2番目の図を参照して下さい。

以上の設定で地図上に登録したロケーションの情報が下記のように表示されます。

実際のテスト環境の画面

さらに、タクソノミーで設定した、type of accommondation のHotel.、Sauna、などのカテゴリごとに表示させるためには、Viewsのフィルター機能などを使って拡張可能です。

Location Map モジュール

• Google Map との連携で便利なモジュール Location Map　https://www.drupal.org/project/locationmap

管理画面で地図情報を定義

表示は、xxxxxx/locationmap  で表示

実際に表示された場合

別の表示形式

Route Plannerモジュール

• Google Map との連携で便利なモジュールRoute Planner

https://www.drupal.org/project/routeplanner

設定はブロックで行う

住所フィールド

マップ表示

実際の例　東京駅から横浜駅までをルート計測

Simple Google Maps モジュール

• Drupal 8 版があるGoogle Map との連携で便利なモジュールSimple Google Maps　https://www.drupal.org/project/simple_gmap

コンテンツタイプのフィールドに設定でき、Viewsなどとの連携も可能

表示でテキストをGoogle Mapと連携

実際に表示された場合

Chaos tool suite (ctools)

ダウンロード

http://drupal.org/project/ctools

FAQ

Drupal 7 (7.18) とCtools 7.x-1.2 で ctools/css ディレクトリの書き込み権限エラーが起こる場合

以下のディレクトリのパーミッションを755もしくは775に設定、もしくはオーナー：グループの設定変更

cssディレクトリがない場合は新規作成

drupalroot/sites/default/files/ctools
drupalroot/sites/default/files/ctools/css

詳細は　ここから >> http://drupal.org/node/447064

Drupal 7 の拡張モジュールやコアを更新した際に、 sites/defaults/files/ctools/css が存在しない場合

sites/defaults/files/ctools/　に　css ディレクトリを作成し、パーミッションを755もしくは775に設定、オーナー権限を変更する

Featuresモジュール

Nodeblockモジュール

データのエクスポート・インポートに最適なモジュール Feeds

＊定義は標準サンプルの定義をコピーして編集します。

ノードもしくはユーザを複製して新規作成します。

基本設定（画面ハードコピーはCSVファイルでノードにインポートする場合）

フェッチャーの選択（ファイルアップロード、HTTPフェッチャー）

ファイルのアップロードの場合

パーサーの選択

CSVの場合

プロセッサーの選択

ノードプロセッサーの場合（コンテンツタイプ、Article）

Update exsiting ノードの種類について

• Do not update exsiting ノード　既存のノードデータを更新しない場合（ノードの追加）
• Replace exsiting ノード　ノード（コンテンツタイプ）をすべて入れ替える場合
• Update exsiting ノード　既存のノードデータを変更し更新する場合（同じタイトルとのページなどで）

マッピング

GUIDについて

ノードプロセッサーのマッピング定義について。SOURCE（CSVファイルなど）の一つの項目の要素ごとに、Drupal（ターゲット）の中でどのコンテンツのデータになるかを定義します。

少なくとも一つの定義をユニークなターゲットにして下さい。　　ユニークなターゲットとは、ターゲットの値が一度だけ発生する可能性があることを意味します。

たとえば、URL付きの一つの項目だけが存在することができるように。

※GUIDはFeedsモジュールで使用するためのフィールドのようです。FeedsモジュールをインポートするとGUIDフィールドも作成され、select a target で選択できます。コピーするような場合に使うもので、普通は使用しなくても大丈夫のようですが、とりあえず使ってみます。

参考資料

Support unique targets in mappers　https://www.drupal.org/node/661606

How do you create the GUID required by Feeds?　　https://www.drupal.org/node/1230824

The site builder's guide to Feeds　　https://www.drupal.org/node/622698

feeds not update exist node and only add them　　http://drupal.stackexchange.com/questions/95410/feeds-not-update-exist-n...

The site builder's guide to Feeds  https://www.drupal.org/node/622698

Creating / editing Importers　　https://www.drupal.org/node/638804

CSVファイルインポートのチュートリアル動画　https://vimeo.com/8180911　

FeedsモジュールのCSVファイルについての説明　　Feeds glossary　　https://www.drupal.org/node/622710#csv

インポートのページへクリック

ノードインポート画面

CSVファイルを「参照」からアップロードして、インポートします。

Profile

概要

登録ユーザーの情報、追加の情報などを公表させることができます。

スクリーンショット

インストール

環境

Drupal 7

ダウンロード　

Drupal7のコアモジュールに含まれております

インストール手順

　　Drupa7の場合

sites/all/modiules のディレクトリに　profile_unlock　というディレクトリを作成

そのディレクトリの下に　profile_unlock.info ファイルを作成、内容は以下のように

name = Profile Unlock
description = Unlock the core Profile module.
core = 7.x
files[] = profile_unlock.module

さらに　profile_unlock.module　というファイルを作成、内容は以下のように

<?php
function profile_unlock_system_info_alter(&$info, $file, $type) {
  if ($type == 'module' && $file->name == 'profile') {
    $info['hidden'] = FALSE;　 }
}
?>

その後、アドミン　－＞　モジュール　で　profile 　と　profile_unlock を実行

アドミン　－＞　環境設定　－＞　ユーザー、プロファイルで設定します。

環境設定

特にありません

Profileの使い方

備考

お役立ち情報

インストール関連のマニュアル（英語）

チュートリアルビデオ

★VoIP Drupal について

概要： Drupalのページで電話をかけたりするVoIP機能を活用したテレフォニーアプリケーションを構築できるフレームワークです。

スクリーンショット：

導入：

１）インストール

環境　Drupal 6　　　　　　　　　　　　　　必要なモジュールなど

ダウンロード　drupal.org/project/voipdrupal

２）基本設定　

３）備考

４）役立つ情報

マニュアル（英文）　drupal.org/node/1078710

EntityをDurpalコアで使うためのEntity APIモジュール

Metatags

概要

ページにメタタグを自由に設定できます。　自動的、手動、どちらも可能です。 2011年5月12日現在、このプロジェクトは、まだ、開発中です。

スクリーンショット

環境

Drupa 7

インストール

ダウンロード　drupal.org/project/metatags

環境設定

特にありません

備考

2011年5月の時点ではDrupal7用のMeta Tagモジュールがないので、メタタグを設定したい場合は、一つの方法として、自分でデザインテンプレートのHTML（html.tpl.phpなどのファイル）のheadタグに、Meta TAGコードを書き込むようにすることもできます。

<meta name="keywords" content="     " />
<meta name="description" content="   " />
<meta name="abstract" content="      " />

お役立ち情報

Nodewords

概要

ページにメタタグを自由に設定できます。　自動的、手動、どちらも可能です。

スクリーンショット

環境

Drupal 6  のみ　Drupa 7　バージョンは　Metatags モジュールになります

インストール

ダウンロード　drupal.org/project/nodewords

nodewords 6.x2.0-alpha1 のインストール　（これ以前のバージョンはDrupal 6のバージョンにより不安定になることがあります）

ダウンロード後、　sites/all/modules にて圧縮ファイルを解凍し、ディレクトリのパーミッションを再設定します。　その後、管理画面　> サイトの構築 > モジュール > Meta tags の　Nodewaords,  Nodewords- basic meta tags,  Nodewords - extra meta tags,  Nodewords -site verification meta tags を選択、保存します　

アドミン > ユーザーの管理 > 権限　でロールを設定、確認します。

アドミン > コンテンツの管理 > メタタグ　で全般、デフォルト、その他のカスタム設定などを行います。

使用方法は、各コンテンツ作成時に、メタタグの設定項目が表示されます。　おもな設定できるメタタグとしては、

要約　　Canonical URL　　著作権　　説明　　キーワード　　Revisit after　　Robots　　Dublin Core contributor　　Dublin Core creator　　Dublin Core date　　Dublin Core title　　Location coordinates(latitude,longitude)　　PICS labels　

環境設定

特にありません

備考

お役立ち情報

Filed Group

フィールドをグループ化して、表示させる機能など ここから

モジュールのダウンロード https://www.drupal.org/project/field_group

参考になるチュートリアル動画 https://www.youtube.com/watch?v=5GU_tb4K-f4

設定・使い方

インストール後、コンテンツタイプのフィールド追加でグループを追加します。

たとえば、パソコンというグループを作り、その下に、デスクトップ、ノート、サーバーのフィールドがあるとします。

１）フィールドのグループを追加します。選択できるウィジェットは、Fieldsetがデフォルトですが、以下のフィールドタイプを選べます。

• Fieldsets
• Horizontal tabs
• Vertical tabs
• Accordions
• Divs
• Multipage steps: Note: This is only client side and removed in drupal 8 version.
• HTML5 elements
• Html elements

パソコンのグループをHorizontal tab ウィジェットで作成

次にデスクトップのフィールドを追加します。フィールドタイプは、目的に合わせる選択しますが、たとえばテキストとします。

パソコングループの下にデスクトップを移動させます。

実際のコンテンツ作成画面では、以下のようになります。

グループパソコンの親のフィールドタイプを変更することで、グループの表示が変更になります。

もし必要であれば、ノートやサーバーのフィールドを作成します。 

次にコンピュータという新しいグループを作成し、ウィジェットはHorizontal tabs group を選択します。

次に、パソコンのグループと同じ階層で共用機器というグループを作成し、フィールドタイプはHorizontal tabに設定します。　その後、パソコンと同じ階層にして、サーバーを共用機器の下に移動させます。

以下のように入力グループごとのタブが設定されます。

もしフィールドグループの表示スタイル（フィールドタイプ）を変更する場合は、対応するグループをすべて同じ表示スタイル（フィールドタイプ）にします。たとえば、Accodion group とAccodion item とかで統一する。

実際の表示

Acquia Drupal モジュール　Site Mapについて

メモ：

sate_mapモジュールをインストールして、日本語モードでも、英語のメッセージが出る場合、暫定的な対応としてその英語メッセージを表示しないCSS設定にすることもかのうです。

たとえば、　タグの下に descriptiion の説明が表示される　Use tags to group articles on similar topics into categories.　という文字が日本語に自動翻訳できない場合は、

sites/all/modules/site_map/site_map.theme.cssファイルで

#site-map .description {

 /* margin-bottom: 0.5em; */ 

display: none;

}

とすることで非表示になります。

サイトマップの表示CSS設定を変更する場合：

Drupal 7 の場合、sitemapモジュールをインストール後、標準のCSS設定では、文字などが大きくなってしまう場合は、サイトマップモジュールの環境設定 (admin ->　環境設定　-> Sitemap)　を開いて、CSS Settings の項目で　「Do not include site map CSS file」　に✔をします。　その後、site map message のテキストフィールドにCSSファイルを設定することで、サイトマップページのCSS設定が有効になります。

たとえば、

<p>
<style type="text/css">
#site-map .description { margin-bottom: 0.5em; }
#site-map .site-map-box { margin-bottom: 1em; margin-top:3.5em; }
#site-map .site-map-box ul { padding-left: 1.5em; }
#site-map .site-map-box ul ul { margin: 0; }
/* Styles when RSS icons are displayed on the left. */
#site-map .site-map-rss-left ul { padding-left: 0; }
#site-map .site-map-rss-left li { list-style-type: none; list-style-image: none; background-image: none; margin: 0; padding: 0; }
#site-map .site-map-rss-left ul li li { padding-left: 1.5em; }
/*  */
#site-map h2.title { font-size:1.5em; color:#30393d; }
#site-map .placeholder { font-style:normal; } </style>
</p>

もし、標準のsite_map CSS ファイルに設定する場合は：

#site-map .description {
  margin-bottom: 0.5em;
}

#site-map .site-map-box {
  /* margin-bottom: 1em; */
}

#site-map .site-map-box ul｛
margin: 1em 0;
}

#site-map .site-map-box ul ul {

     margin: 0;
     padding: 0.5em 0 1em;
}

#site-map .site-map-box li{
     font-weight: bold;
     list-style-type: square;
     list-style-position: inside;
     /* margin-left: 1em; */
     margin-left: 2em;
}

#site-map .site-map-box ul li{
      font-weight: normal;
     /*  list-style-type: decimal;  */
      list-style-type: square;
      list-style-position: outside;
      /* margin: 0 0 0.2em 3em; */
      margin: 0 0 0.2em 2em;
}

#site-map .site-map-box ul ul li{
    list-style-type: disc;
}

#site-map .site-map-box ul ul ul li{
    list-style-type: circle;
}

上記ＣＳＳ設定を　sites/all/modules/site_map/site_map.theme.css　に設定します。

モジュール名　Views Slideshow

概要

すばらしいViews機能を使ったスライドショーモジュールです。

スクリーンショット

Viewの管理画面

インストール

環境

Drupal 6　 Drupal 7

ダウンロード　

http://drupal.org/project/views_slideshow

インストール手順

Drupa7の場合  環境　Drupal 7.14  Views 7.x-3.3  Views Slideshow 7.x-3.0

1) コンテンツタイプの作成

Viewを追加で「表示」「of type」「sorted by」でターゲットのデータを定義

ページの場合 Create a page　ブロックの場合 Create a block を選択

タイトルや表示形式(Slidesow の フィールド)、表示件数などを設定

Continue & edit をクリック

2) コンテンツタイプへフィールド追加

3) イメージスタイルの追加設定

4) いくつかのSlideshow用ノード作成

5) ViewsでSlideshow用ノードリストを作成

6) ブロックにSlideshowを表示設定

環境設定

特にありません

VIEWS Slideshowの使い方

備考

お役立ち情報

インストール関連のマニュアル（英語）

・ Viewsを使ったイメージアプリケーションはたくさんありますが、代表的な応用として、イメージ（画像）のスライドショウがあります。　

views_slideshow

ダウンロード　drupal.org/project/views_slideshow

マニュアル（英語）　drupal.org/node/755010   

How to  drupal.org/documentation/modules/views

インストール手順　www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7

http://mustardseedmedia.com/podcast/episode42

オンラインビデオ　基本操作（英語）　buildamodule.com/video/build-your-first-drupal-7-web-site-how-to-work-with-pathauto-and-introduction-to-views-what-the-views-module-is-for-and-how-to-install-it?pc=VIEWS3882751

AdaptiveThemeの場合 adaptivethemes.com/documentation/basic-views-slideshow

チュートリアルビデオ

モジュール名　Views

概要

コンテンツのデータをデータベースに保存、検索参照などで大変便利や機能です。自由に、ユーザーがデータベースのデータを登録、検索参照できます。それらの作業はプログラミングなしで、Drupalサイトを構築、運用でき、すばらしい機能です。

スクリーンショット

Viewsの管理画面

インストール

環境

Drupal 6　 Drupal 7　Drupal 8

ダウンロード　

http://drupal.org/project/views

インストール手順

　　Drupal 6 の場合

　　Drupa7の場合

Drupal7では　CTools (Chaos Tool Suite) が必要になります。

Drupal 8 の場合は標準コアに含まれています。

環境設定

特にありません

VIEWSの使い方

編集する前に ：

既存のVIEWSを編集する場合は、念のために、エクスポートもしくは複製でViewsの名前と説明名を新規作成するなどを行い、そのソースを保存します。もしものときに戻すことができるように。

編集操作 ：

作成したViewsの検索フィルターは削除するには、Defaults と Page の両方で「取り外す」を選択します

フィールドの追加 ：

フィールドのプラス矢印をクリック -> グループで、たとえばフィールドを選択 -> デフォルトで更新 -> Viewを保存　　

（１） （フィールドで追加できるグループとして ： Global, Lightbox, Node revision, Node translation, Nodequeue, Page Titles, タクソノミー、コメント、コンテンツ、ユーザー、検索）

（２） 操作できるフォーマットとして、　　数字の場合 ： 　9999　9,999　9.999　9 999　フォーマットなし

（３） フィールドでよく使う設定として、　　「表示しない　Exclude from display」　「このフィールドにクリックしてリンク設定　Link this filed to its node」

フィルターの追加 ：

フィルターのプラス矢印（追加ボタン）をクリック -> グループで、たとえばコンテンツを選択 -> 追加 -> 属性に応じてフィルターのオペレータ（操作など）を設定しExposeをクリック -> ラベルを設定 -> 更新 -> Viewを保存　　

（１） フィルターで追加できるグループとして ： （Noded access, Node revison, Node translation, Page Title, タクソノミー、コメント、コンテンツ、ユーザ、検索

（２） 設定できる演算子として、数字の場合は、　Is less than, Is less than or equal to, Is eaual to, Is not equal to, Is greater than or equal to, Is greater than, Is between, Is not between, Is empty (NULL), Is not empty (NOT NULL)

（３） 選択可能なテキストの場合は、　フォールド名で　- Allowed values がついたフィールド名を選択します。　その後、　フィルターの設定では、演算子(Operator)として、　Is one of,　Is all of,　Is none of,　Is empty (NULL),　Is not empty (NOT NULL)　から選択し、　「任意」　「Force single」　をチェックします。

備考

• Viewsを複数の人で編集した場合、最初に編集している人が優先されるようです。

・Viewsの管理画面で、　環境設定 -> Advanced , Debuging の項目で「Disable JavaScript with Views 」を有効にすることで、Viewsの各機能を保存したときに表示されるエラーなどが解決される場合があります。　Drupal 7.24 Views 7.x-3.7 での場合。

お役立ち情報

インストール関連のマニュアル（英語）

・ Viewsを使ったイメージアプリケーションはたくさんありますが、代表的な応用として、イメージ（画像）のスライドショウがあります。　

views_slideshow

ダウンロード　drupal.org/project/views_slideshow

マニュアル（英語）　drupal.org/node/755010   

How to  drupal.org/documentation/modules/views

インストール手順　www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7

オンラインビデオ　基本操作（英語）　buildamodule.com/video/build-your-first-drupal-7-web-site-how-to-work-with-pathauto-and-introduction-to-views-what-the-views-module-is-for-and-how-to-install-it?pc=VIEWS3882751

チュートリアルビデオ

Durpal 7 のViewsとTaxonomyのブロック作成手順　http://www.youtube.com/watch?v=PhTdTUiblS4

モジュール名　XMLsitemap

概要

XML言語でのサイトマップを自動的に作成します。　Goolgeウェブマスターツールのサイトマップにも対応でき、検索エンジン対策に役立ちます。

スクリーンショット

Goggleウェブマスターツール対応のサイトマップ

インストール

環境

Drupal 6　 Drupal 7

ダウンロード　

http://drupal.org/project/xtmlsitemap

インストール手順

　　Drupal 6 の場合

使用している環境にもよりますが、 xmlsitemap, chaos tool suite(ctools), Site Verification,  Elements モジュールなどが必要になります。　インストール後に不足しているモジュールが表示されますので調整します。モジュールを有効にする、権限の設定を行い、アドミン管理 > サイトの環境設定 > xmlsitemap > 「Search Engones」のタブで使用する検索エンジンを設定、　　「Settings」のタブで　「コンテンツ」を選択し、各コンテンツタイプごとにXML　sitemap setting で Inclusion: を　Included に変更します。デフォルトは　Excludedになっております。
そのほかは必要に応じて設定します。　「Rebuild links」 でCronを手動実行させると、サイトマップを作成します。

　　Drupa7の場合

インストールなどはDrupal6とほぼ同じです。Drupal 7.4 ではElementsモジュールは必要としませんでした。

環境設定

特にありません

備考

お役立ち情報

インストール関連のマニュアル（英語）

Display Suite

Drupal Quickstart

Drupal モジュール　Drupal Quickstartについて

概要：

スクリーンショット：

インストール

環境

必要なモジュール

ダウンロード　drupal.org/project/quickstart

基本設定

備考

役立つ情報

demo

Drupal モジュール　demoについて

概要：

毎回コアとモジュールをインストールするのは大変なので、デモ環境をダンプして取り込みできるようにする仕組みです。

スクリーンショット：

インストール

環境　Drupal 6 Druap7

必要なモジュール　とくにありません

ダウンロード　drupal.org/project/demo

基本設定

備考

役立つ情報

Calender

WYSIWYG HTMLエディタのCKEditorモジュール

環境：　Drupal 7    CKEditor 7x-1.0   CKEditor 3.5　4.4.2

スクリーンショット：

インストール

ダウンロード：　　http://drupal.org/project/ckeditor

モジュールを解凍し、標準的なモジュール保存ディレクトリ　..../site/all/module へ保存

その後、CKEditoをダウンロードします。

ダウンロード：　　http://ckeditor.com/download

モジュールを解凍後、 上記CKEditorモジュールをインストールした　..../sites/all/module/ckeditoｒ/ckeditor  のディレクトリへコピーします。　..../sites/all/module/ckeditoｒ　のディレクトリで　ckeditor_3.5.tar.gz を解凍すれば..../sites/all/module/ckeditoｒ/ckeditor に展開されます。

CKeidtor for Drupalの場合

以下のサイトからダウンロードします。

http://cksource.com/ckeditor-for-drupal/trial

ダウンロードしたZIPファイルは、通常のDrupalモジュールと同様に、sites/all/module へ解凍展開します。 sites/all/module/ckeditor となります。その後、アドミン画面でモジュールを有効にします。詳細のインストールは以下のサイトで説明があります。

http://docs.cksource.com/CKEditor_for_Drupal/Enterprise/Drupal_7/Install...

ただし、このDrupal版はトライアル版のため、インストールすると以下のような警告がでます。

You are using an unlicensed version of the CKEditor module for Drupal. Visit http://cksource.com/ckeditor-for-drupal to purchase a licensed version that also includes a license for a full-featured file browser, CKFinder, and a dedicated support channel

Drupal.org サイトのCKeditor 7.x-1.13 と CKeditorサイトから4.2.1 Full Package をダウンロードする場合

https://drupal.org/project/ckeditor から 7.x-1.13 をダウンロードして sites/all/module/ckeditor へインストールします。

http://ckeditor.com/download　から Full Package の4.2.1をダウンロードして　sites/all/module/ckeditor/ckeditor と入れ替えれる

管理画面　ー＞　モジュール　で実行　CKeditorの設定

もし、Wysiwygモジュールと一緒に使用するときに警告などが出るときには、Wysiwygモジュールと一緒に使う設定をオフにします。

アップデイト（バージョンアップ）

バージョンアップする際には、現在のモジュールをバックアップしますが、新しいモジュールをインストールした後、そのままでは、Drupal自身がバックアップしたモジュールを認識している場合があり、Drupalからは古いバージョンが表示されます。そこで、新しいモジュールインストールしたら、古いモジュールはディレクトリごと削除し、その後、Drupalのキャッシュクリアすることで、新しいバージョンが認識されることがあります。

基本設定

その後、

アドミン -> モジュール -> CKEditor を選択　権限　設定　を編集します。

アドミン -> 環境設定 -> コンテンツ作成 -> CKEditor で全体の設定、プロファイルを設定します。

役立つ情報

自分のCSS設定、たとえばH1からH6までの見出しタグをオリジナルに変更する場合は、CKEditorの環境設定で、テーマのCSSを使う設定にしてあるときは、テーマのCSSファイルにオリジナルのH1-H6タグを設定することで、CKEeditor内で使うことができます。

備考

文章フォーマットを使う場合

入力書式は、Full HTML を使いましょう。　Filtered HTMLを選択した場合は、画像、見出しなどの文章フォーマットなどが、CKEditorないでは問題なく表示されていても、実際のWebサイトでは表示が変更されません。Drupalのコンテンツ・タイプなどの環境設定で、変更できますが、標準的なインストール環境を想定しております。

画像が表示できない場合

上記の原因ですので、入力書式をFull HTMLで設定します。

リッチテキストエディタの「フォーマット」に見出しをCSSビジュアル表示させたい

CKEditorのプロファイル設定で　CSS -> Editor CSS で Use theme CSS を選択

CSS -> Predefined styles で　Use theme ckeditors.styles.js　を選択

CKeditor バージョン 4.1 以上ではJaveScriptなどを使う場合は

http://ckeditor.com/download　サイトから CKEditor のパッケージをダウンロードして、 sites/all/module/ckeditor/ckeditor へそのパッケージを保存します。

そのCKEditorのバージョンが 4.1 以上では、JavaScriptなどのスクリプトが標準では動作しません。

config.allowedContent = true;　　を使用するCKEditorのプロフィール　－＞　高度なオプション　－＞　Custom JavaScript configuration に設定します。

CKeditor 4.1 で、Eitor ApperanceのTool Bar でアイコンをDrug&Dropで設定できない

ツールバーで追加修正したいアイコンをドラッグ＆ドロップできない現象が起こります。

その場合は、アイコンモードを解除して、手作業でアイコンの定義を追加します。

管理画面 -> 環境設定 -> コンテンツ作成 CKEditor -> 共通の設定　Use toolbar Drag&Drop feature　をOFFにします。

CKEditorの設定で　Full もしくは Advanced のプロフィールを編集し。Editor Apperance で追加したいアイコンを挿入します。　例えば、「保存」アイコンは 'Save' 　「Formatting Style 」アイコンは 'Styles'  です。アイコンとアイコンは　,  で区切ります。

上記のスクリーンショットはCKEditor 7.x-1.13、CKEditor バージョン 4.3.2 の場合です。このサンプルでのスクリプトは以下のようになります。

[
    ['Source'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker','Scayt'],
    ['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','Iframe'],
    '/',
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiRtl','BidiLtr'],
    ['Link','Unlink','Anchor'],
    '/',
    ['Format','Font','FontSize'],
    ['TextColor','BGColor'],
    ['Maximize','ShowBlocks'],
    ['DrupalBreak','Save','Styles','Preview','IMCE','MediaEmbed','NewPage']
]

テンプレートを使って表などのレイアウトを追加する場合

CKEditorのテンプレート挿入機能を使います。　Templatesというアイコン　　を使って挿入します。

サンプルのテンプレートに追加する場合は、/sites/all/modules/ckeditor/ckeditor/plugins/templates/templates　ディレクトリにあるdefault.jsファイルにHTMLのタグを追加します。　以下は標準のdefault.jsファイルです。

バージョンアップしたらCKEditorが表示されない場合

CKEditoｒモジュールを（7.x-1.16などに）更新した際に、管理画面－＞環境設定－＞コンテンツ作成、CKEditor　で以下のようなメッセージが表される場合は、CKEditorの環境設定（Global Profile）を変更します。

CKEditorのPath to CKEditorを変更します。 CKEditorモジュール 7.x-1.16 の場合は、%m/ckeditor　から　//cdn.ckeditor.com/4.4.3/full-all　に変更します。

ファイルマネージャー　IMCE

 環境：　Drupal 7   IMCE 7.x-1.1  CKEditor 7.x-1.0

スクリーンショット：

インストール

以下のサイトからダウンロードし、 .../sites/all/modules　へ解凍します。http://drupal.org/project/imce

解凍後のディレクトリパーミッションを調整します。

環境設定

アドミン -> 環境設定 -> メディア -> IMCE Configuration profiles

User-1を編集設定

WYSIWYG HTML editor のCKEditorを使っている場合は、

アドミン -> 環境設定 -> コンテンツ作成 -> CKEditor -> 編集 -> File Browser settings

でIMCEを選択して下さい。

アップロードのデータ容量などの設定項目は、０を設定することで、最大になります。MKDIRなどをつかってSubディレクトリなどを作成する場合も、サブディレクトリを０に設定します。

備考

インストール後に、ファイルの保存先 .../sites/default/files のディレクトリに .htaccess ファイルが作成された場合は、その .htaccess の設定を確認して下さい。　設定条件によっては、アップロードしたした画像やファイルが参照できない場合があります。　参考までに、その. htaccess　ファイルは、以下のような内容です。

SetHandler Drupal_Security_Do_Not_Remove_See_SA_2006_006
Options None
Options +FollowSymLinks

FAQ

• リンクを設定する際に、サイト内のページへリンク設定する場合はURLは最初から全部設定するのか？

ハイパーリンクのプロトコルで、＜その他の＞を選択し、サイトのドメイン名以下のURLを記入します（最初の / は無し　URLの位置はそのリンクを設定したURLになります）

役立つ情報

ドキュメント　　ufku.com/drupal/imce

IMCEではディレクトリを作成・削除する際に、ADMIN画面で行いますが、ファイルブラウズのダイアログで行えるように機能追加できる IMCE_mkdir モジュールは便利です。

IMCE_Toolsモジュール

ダウンロード：　https://www.drupal.org/project/imce_tools

主な機能として、IMCE Directory Manager、IMCE Search、MCE File Path。

IMCE Directory Manager では、IMCEのディレクトリ設定内容にもとづいて、ユーザごとに使えるディレクトリを表示、非表示にします。 たとえば、以下の画面では、Directoryに doc, img, etc を追加したことで、user1のアクセスできるディレクトリは、IMCEの設定で追加したディレクトリだけアクセスできるようになります。

IMCEのディレクトリ設定では　/. はBrowseを含めてすべてＯＦＦに設定にします。もし、管理者モードで管理する場合は、BROWSEのみチェックONにします。その場合は、/. 以下のディレクトリ名やそのファイルなどが見れますが、書き込みなどの操作はできません。

たとえば、制限された見るだけのモードの場合

操作できるディレクトリの場合、書き込み、編集アイコンが表示されます。

/. をすべてＯＦＦに設定し、/doc   /common  /field   /image の Browseを含めてＯＮに設定すると

日本語ファイル名のアップロード

日本語ファイル名をアップロードした場合、日本語ファイル名が文字化けします。　ただし、2014年9月現在、Drupalのバージョンや拡張モジュールのバージョンが更新されていますので、日本語ファイル名が文字化けすることは少なくなりました。

その場合は、ファイルアップロードして、そのまま、ブラウズを再描画（再読込、更新など）することで、日本語ファイル名が表示されます。その後は、日本語ファイル名で管理できます。

動作検証環境：　Drupal 7.28  IMCE 7.x-1.9 IMCE-Tools 7.x-1.2  IMCE Mkdir 7.x-1.0  IMCE Rename 7.x-1.3

IMCE for Drupal 8

FAQ

相対APTHが動かない現象

システム環境：　Drupal 8.8.1  IMCE 8.x-1.7 Media 8.8.1

現象：　

公開環境でのDrupal_Rootディレクトで作成したIMCEで設定した画像の相対パスが、そのバックアップデータでもDrupal_Rootディレクトリを認識してくれますが、他の開発環境（サブディレクトで動く場合）でIMCEを使って設定した画像の相対パスが違ってしまう（Drupal_Rootを認識してくれない）。

対策：　

他の開発環境で、サブディレクトリの構成でDrupal_Root も設定OKですが、なぜか、IMCEで画像を設定した場合は、そのDrupal_Rootを認識してくれない現象が起こります。その場合は、いくつかの対応方法があるかと思います。

例えば、サブディレクトリ構成の環境のApacheなどのDocumentRootをそのディレクトリ環境に調整して、一時的に運用する。

もしくは、開発環境のサブディレクトリ構成の場合では、IMCEではなく、デフォルトの画像やファイルアップロード機能を使う。

管理画面の「テキストフォーマットとエディタ」では「CKEditorのブラグイン設定」、「画像」の「画像アップロードを有効にする(Disable to use IMCE file browser.)」をチェックONにすることで、デフォルトの画像アップロードだけを使うように設定します。IMCEは別のアイコンで使用可能。

またはMediaモジュールを使ってファイルや画像を管理する。今後のMediaモジュールの開発を考慮すればこの方法は良いかもしれません。

IMCE plupload

IMCEモジュールを使ってまとめて複数のファイルをアップロードする場合に便利です。

Drupal 7 の場合

IMCE plupload

ダウンロード　https://www.drupal.org/project/imce_plupload

Version2.0をダウンロードします

Plupload integration

ダウンロード　https://www.drupal.org/project/plupload

Drupal 7では、pluploadライブラリーが古いバージョン (plupload v1.5.8)のみ対応しているので、　pluploadモジュールも　 [3]  :  7.x-1.7      -  2014-Nov-07  -  Supported, Recommended　をダウンロードします。

pluploadライブラリー

Plupload 1.5.8 のバージョンをダウンロードし、sites/all/libraries/plupload に保存します。

plupload/exampleディレクトリは必要ないので、削除します。

ダウンロード　https://github.com/moxiecode/plupload/archive/v1.5.8.zip

詳細は次のページにて　https://www.drupal.org/project/plupload

Drupal 8 の場合

モジュール名　IMCE_mkdir

概要

IMCEを使っている際に、ディレクトリの作成・削除がアドミン環境に戻るのは、面倒なので、ファイルブラウズのダイアログで、簡単にディレクトリの作成・削除ができるようになります。

スクリーンショット

Drupal 7　の場合

インストール

環境

Drupal 6　 Drupal 7

ダウンロード　

http://drupal.org/project/imce_mkdir

/sites/all/module/ へ圧縮ファイルを解凍し、ディレクトリのパーミッションを調整します。　Drupal 7の場合、その後、 Admin > モジュール　> IMCE_mkdir を実行可能にします。　　その後、　admin > 環境設定 > メディア IMCE > Profile name > 編集 > Directory > Add subdirectories, Remove subdirectories が設定されているか確認します。　その後、IMCEのファイルブラウズのダイアログで IMCE_mkdir を確認します。

環境設定

特にありません

備考

お役立ち情報

Insert

概要

スクリーンショット

環境

インストール

環境設定

備考

お役立ち情報

Colorbox

概要：　

Colorboxは、Drupal 7 対応の軽快なlightboxプラグインです。

スクリーンショット：

導入：

１）インストール

環境：　対応バージョン　Drupal 6  Drupal 7　　

必要なモジュール：　　

Colorbox plugin　ダウンロードは　colorpowered.com/colorbox/

Colorboxモジュール　ダウンロードは　drupal.org/project/colorbox

ダウンロード後：

Colorboxモジュールは、sites/all/module/ へ解凍します。　

Colorboxプラグインはダウンロードしてsites/all/libraries/colorbox　へ解凍保存します。

drushコマンドの場合は、sites/all/libraries のディレクトリで　(もしダウンロードしていない場合は　# drush dl colorbox　)  # drush en colorbox   と　# drush colorbox-plugin　　コマンドを実行します。

インストール手順　Drupal 7.22  Colorbox 7.x-2.4 の場合

Colorboxモジュールのダウンロード　sites/all/module へ標準インストール

Libraries　API 2 モジュールのダウンロード　sites/all/module へ標準インストール

Colorbox plugin 1.x のダウンロード　　sites/all/libraries で解凍し、ディレクトリ名を　sites/all/libraries/colorbox に変更します

その後、admin 管理画面　-> 環境設定　->　Colorbox　で基本設定を調整し、　admin 管理画面 ->　サイト構築　->　コンテンツタイプ　のなかで、Colorbox を使いたいコンテンツタイプのフィールドに画像を登録し、表示管理で実際の表示を設定します。

２）基本設定

通常の画像の場合：

アドミン -> 環境設定 -> 画像スタイルの設定でスケールを設定(例えば、幅200 高さ150)

アドミン -> サイト構築 -> コンテンツタイプ　で表示管理、フィールドの管理にてColorboxを設定(詳細設定はフォーマット設定アイコンをクリック)

インラインの場合：

insert モジュールをインストールします。

アドミン-> 環境設定 -> メディア、Colorbox -> Insert Modules settings でデフォルト設定を確認、変更があれば修正し保存

アドミン -> サイト構築 -> コンテンツタイプ -> フィールドの管理 -> イメージを編集 -> Insert で Enable Insert button をクリックチェック、Enabled insert styles のAutomaticを外し、Colorbox large, medium, thumbnailなどを選択クリックし、保存

コンテンツタイプの表示管理でイメージフィールド、フォーマットを非表示に設定し保存

実際にコンテンツ編集モードで画像挿入する際に、Insertボタンの左にあるStyleでColorbox large, medium, thumbnail などを選択しインサートすることで表示サイズが変更できます。

また、フィールド管理でフィールドIMAGE設定にて値の数を無制限にすることで無制限のイメージを挿入できます。例えば、10で設定します。

WYSIWYGなどを使わないで画像を挿入する場合は、HTMLソースに以下のクラス名を追加すると画像がColorboxモードで表示されます。class="colorbox-load"

備考：

役立つ情報：

Colorboxモジュール開発者によるビデオチュートリアルは非常に参考になります。

Drupal 7 パート１　基本設定　http://vimeo.com/19122850

Drupal7 パート2　インライン場合　http://vimeo.com/19386122

Drupal7 パート３　イメージギャラリー、スライドショー　http://vimeo.com/26411524

Image Pickerについて

概要：　イメージ（画像）をアップロードしたり、カテゴリ分類、イメージ（画像）のページへの貼り付け設定など、

スクリーンショット：

導入：

１）インストール

環境　対応バージョン　Drupal 6  Drupal 7　　必要なモジュール

ダウンロード　drupal.org/project/imagepicker

２）基本設定

３）備考

４）役立つ情報

Lightbox2について (Drupal Core 6.xxの場合）

概要

スクリーンショット

導入

役立つ情報

備考

イメージ表示ツール　Shadowbox

SMTP Authentication Support

イントラネットやインターネット上のサーバで特別なＳＭＴＰサーバからメールを送信したいときに役立ちます。

文書、画像などのさまざまフォーマットをサポートするMediaモジュール

Organic Groups(OG)

標準のユーザー管理では、複雑なグループやユーザー管理ができないので、Organic Groupsモジュールで拡張機能できます。

ダウンロード

http://drupal.org/project/og

インストール

１）インストール

Drushコマンドでインストールする場合は、必要なモジュールも一緒にインストールできます。

マニュアルインストールでは、OGモジュールの他に、Chaos tools, Views, Views UI, Views content panes, などが必要になります。

２）コンテンツタイプの設定

OGの7.x-2.0-beta2の場合、インストールするとコンテンツタイプにグループができていました。もしできていなければ作成します。

次に、各コンテンツタイプで Organic Groups -> Group content を設定します。

３）グループのコンテンツを作成

コンテンツ追加でグループを選択し、任意のグループを作成します。

４）記事やコンテンツを作成

任意のコンテンツを作成し、Group audienceで作成したグループを選択します。

参考にしたビデオ　

http://modulesunraveled.com/organic-groups　

の　Organic Groups Setup です。

CAPTCHA

モジュールの特徴

送信フォームなどでスパム(迷惑）メールを防ぐために、人が数字や文字などを入力することで、迷惑メールを強制的に送信することを防ぐ仕組みです。　主に、問合せフォームなどに使われており、Drupalで良く使われているWebformとの連携を使います。

環境

Drupal 6  Drupal 7 で稼働します。

スクリーンショット

インストール

モジュールのダウンロード　http://drupal.org/project/captcha

通常のモジュールインストール手順で行い、その後、権限設定で「Administer CAPTCHA settings 」を、dministratorでも編集できるように設定します。

環境設定

インストール後、環境設定で「CAPTCHA」を選択し、環境設定を行います。　

CAPTCHAを表示させたいWebFormのページの場合には、FORM_IDの欄に、たとえば、作成したWebformページのnode番号が４の場合、webform_client_form_4　と設定します。Default challenge type を数字かイメージなど設定すれば、あとはデフォルト設定でそのフォームに設定されます。

7.x-1.0-beta2の場合のFORM_ID確認

ホーム » 管理 » 環境設定 » ユーザー » CAPTCHA　でFORM_IDを確認する方法として、「Add CAPTCHA administration links to forms」必要に応じて「Allow CAPTCHAs and CAPTCHA administration links on administrative pages」の項目をチェックONにして、作成したフォームページでFORM_IDを確認出来ます。

メッセージを日本語化する場合

デフォルトの数値設定の場合

英語：　This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

日本語：　この質問は、迷惑メール対策のために設定されております。半角の英数字を小文字でご記入下さい。

備考

役立つ情報

★mollomモジュールについて

概要：　Ｗｅｂフォームなどのページコンテンツに書き込む迷惑メールなどを防ぐことを目的としたモジュールです。

スクリーンショット：

ダウンロード：　http://drupal.org/project/mollom

1) インストール

サイトの構築 -> その他　mollom -> check ON

ユーザーの管理 -> 権限 -> mollomモジュール -> administer mollom と チェックなしでの投稿　に有効のチェックを設定します。

2) 基本設定

ユーザー管理 -> 権限 -> mollomモジュール -> チェックなしでの投稿　　に権限を設定することで、そのユーザーはページのコンテンツに書き込みできるようになります。標準では、この機能がＯＦＦになっているので、mollomインストール後に、コンテンツを作成編集するユーザーは、この機能をＯＮにします。

3) 備考

Webform について

概要

簡単に、問い合わせフォーム、イベント申込フォームなど、さまざまなフォームを作成することができます。

スクリーンショット

環境

Drupal 6   Drupal 7

インストール

ダウンロード　　drupal.org/project/webform

環境設定

• 返信のThanksメールを送信したい

問い合わせをした人に返信のメール（Thanksメール）を送る場合は、作成するページコンテンツなどで、Webformを選択し、メールを選択します。

「E-MAIL TO」のところで、Component value 「emailアドレス」　を選択し、追加をクリック。

「E-mail to address」 で　Component emailアドレス　を選択し、返信先、送信するメッセージなどを書き込み設定することで、問い合わせ終了後に、問い合わせをした人に、返信のThanksメールが届きます。

• バージョンアップ

Webform 7.x-3 から 7.x-4 にバージョンアップする場合は、通常のモジュールのバージョンアップと同様に行います。　

既存のバージョンをモジュールの非アクティブに変更し、Webformモジュールを削除して新しいモジュールと入れ替えます。

その後、Webformモジュールをアクティブにして、最後に、update.phpスクリプト実行します。

備考

テキストで選択する場合は、safe_key を各選択するテキストごとに設定します。　プルダウンメニューやラジオボタンなどの形式で使用。　

safe_keyのサンプルフォーマット　

1436|日本

1568|アメリカ

1589|ドイツ

Webfomと連携してユーザー登録ができるモジュール　Webform register は大変便利です。Ｄｕｒｐｌａ６版しからありませんが、簡単にユーザー登録時に、さまざま質問を設定できます。　Webform register の詳細へ

便利な使い方

• データを暗号化したい

Webform 3.x の場合

SSL機能を使わないで、Webformのデータを暗号化してDrupalのデータベースに保存するモジュール webform_encrypt を使うと暗号化できます。　encrypt モジュールが必要になります。

導入手順として、まず、encrypt モジュールをインストール。　admin -> 環境設定 -> encrypt で　drupal_private_key ファイルの保存先を、絶対PATHで設定します。　そのディレクトリは、drupal root ディレクトリ以外とし、複数のDrupalを稼働する場合は、ディレクトリ名を別名にする。　ディレクトリのパーミッションを調整。

webform_encrypt モジュールのインストール。　フォームのコンポーネントを編集し、Encryption オプションを使用するをクリックして保存します。　その項目は暗号化され、メールなどで転送された場合でも、[Value Encrypted] という表現で、見ることができません。　サイトにログインして、Webformの結果を見ることで、見ることができます。　encrypt モジュールで暗号化されて、Drupalサイト内だけで見れる仕組みです。

• 添付ファイルは管理者だけが見れるように

標準のWebformで添付ファイルを設定すると、アップロードしたファイルはだれでも見れる状態です。Drupal 7 のプライベートファイル機能を使ってアップロードするディレクトリを一般には公開しない設定が可能になります。　

Webformのフォームコンポーネントでタイプ「ファイル」を選択し、プライベートファイルを使用するにチェック、必要であればそのディレクトを入力設定します。

この設定で、アップロードしたファイルはプライベート設定のディレクトリに保存され、サイトの権限でアクセス管理が設定可能です。

上記の暗号化と組み合わせる場合、始めに暗号化モジュールの実行を行い、その後、プライベートファイルの設定を行うとwebform_encryptモジュールに関連するエラーが起こります。

解決策の一つとして、まず、webform_encryptモジュールでフォームコンポーネントを暗号化する状態でフォームを作成し、保存します。

次に、webform_encryptモジュールを使用しない設定に変更し、Webformのフォームコンポーネントでタイプ「ファイル」を選択し、プライベートファイルを使用するにチェック、必要であればそのディレクトを入力設定します。

その後、webform_encryptモジュールを使用する設定に変更し、暗号化の項目が有効になっているか、ファイルのアップロード先がプライベートファイルで、ディレクトリも設定されているか確認します。　

以上で添付ファイルがサイト権限で制御できるようになります。

• 送信前にプレビューで確認したい

送信前のプレビュー機能は、標準ではありません。2013年12月24日現在ではパッチコマンドでの適用で可能となります。

環境：　Drupal 7.24  Webform 7.x-4.0-beta1　

このパッチはマルチフォームで途中の送信内容確認で作成したものです。今後、たぶん、Drupal 8 版からwebform標準機能に組み込まれる可能性がありますが。詳細は以下のページで確認して下さい。

https://drupal.org/node/435232

このパッチプログラムは、webform 7.x-4.x-dev が対象です。

# cd drupal/sites/all/modules/

# patch < ./webform_preview-435232.patch
can't find file to patch at input line 5
Perhaps you should have used the -p or --strip option?
The text leading up to this was:
--------------------------
|diff --git a/includes/webform.pages.inc b/includes/webform.pages.inc
|index 5aeaf3a..001a1ec 100644
|--- a/includes/webform.pages.inc
|+++ b/includes/webform.pages.inc
--------------------------
File to patch: ./includes/webform.pages.inc
patching file ./includes/webform.pages.inc
Hunk #1 succeeded at 239 (offset 1 line).
Hunk #2 succeeded at 332 (offset 1 line).
Hunk #3 succeeded at 447 (offset 1 line).
patching file webform.install
patching file webform.module

# drush updatedb
 Webform  7413  Add preview page columns to the webform table.
Do you wish to run all pending updates? (y/n): y
Performed update: webform_update_7413                           [ok]
'all' cache was cleared.                                                       [success]
Finished performing updates.                                              [ok]

# drush cron
Cron run successful.                                                           [success]

その後、上記パッチの修正で、複数のパッチが出ているので、同様にパッチを適用させます。

• フォーム内の「セレクト」フィールドで複数の問合せ先を設定し、個別に送信先メールアドレスを設定する

webform 7.x-4.0 からの機能だと思いますが、以下のようにメールのコンポーネントで「セレクト」フィールドを設定すると、項目ごとにメールアドレスが設定できる。

主な拡張モジュール

Webform Layout ダウンロード　ここから　　フィールドの中で行のレイアウトを設定できる

Webform Matrix Component　ダウンロード　ここから　マトリックスやテーブルのコンポーネントを定義できる

Webform Table Element　ダウンロード　ここから　　　テーブルの中に複合的なコンポーネントを定義できる

Webform Validation　　ダウンロード　ここから　　フォームページごとのバリデーションチェック

emailのテキストが同じかどうか確認するときに、使用するregexを設定しますが、　\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b

もしくは次のサイトで確認します　ここから　　この情報は次のサイトで詳細がわかります　ここから　　

Validationに関するモジュールとして

ClientSide Validation  ダウンロード　ここから　　　ClientSide ValidationはForm API Validation モジュールを使っています　ダウンロード　ここから　　

Webform register

モジュールの概要

Webformモジュールにユーザー登録機能を簡単に組み込むことができます。Webformを作る際に、属性としてユーザー登録を選択することで、ユーザー登録画面にさまざま問合せフォームを追加修正することができます。

環境

Drupal 6　　Webform v3.x

スクリーンショット

インストール

ダウンロード　http://drupal.org/project/webform_register

環境設定

標準的なモジュールインストール方法です。　インストール後、このモジュールを使って、ユーザー登録画面を作成する場合は、まず、Ｄｒｕｐａｌのユーザー管理で、登録には管理者が行うに設定し、このモジュールでユーザー登録画面を作成します。　そうすることで、サイトの標準ユーザーログイン画面にはユーザー登録のリンクは非表示になり、別途ユーザー登録フォームへのリンク作成します。　

もしくは、ユーザーが自動登録する設定の場合は、ブロックでユーザーログインボックスの表示をＯＦＦ（表示しない）に設定し、ユーザー登録、パスワードを忘れた場合などのページにリンクするバナーやリンクを設定します。

iTweak Login モジュールを使う場合

ユーザーログインボックスなどでリンク先を変更したい、ボタンの名前などを変更したい場合には、大変便利なモジュールです。　インストールは標準インストールで、モジュールをアクティブにし、アドミン ->  ユーザーの管理 -> ユーザの設定 -> User Login settings で細かい設定を行います。

備考

役立つ情報

Sweaver GUIでCSSの編集ができるモジュール

Drupal Gradensでも使われているデザインとCSSの編集モジュールです。

モジュール名　Easy Social

概要

Facebook, Twitter, Google などの共有ボタン。

スクリーンショット

インストール

環境

Drupal 7

ダウンロード　

http://drupal.org/project/easy_social

インストール手順

　　Drupa7の場合

インストールするためにVariableモジュールを先にインストールします。

環境設定

日本語で共有ボタンなどを表示した際に、ボタンのサイズが小さいので、モジュールのCSSファイル( sites/all/module/easy_social/css/easy_social.css )で横幅定義を大きくし、アドミンのモジュール設定にて、Facebookのウィジェット設定にて横幅を広げます。

Drupal 6 バージョンでは、水平モードにて、facebookのアイコン表示が小さい場合がありました。その時には、モジュールのeasy_social.module ファイルで、facebookのiframeタグを定義しているところで、横幅サイズを変更します。

備考

Easy Social のバージョン7.x-2.8では、表示レイアウトの水平、垂直が切り替えできない現象がありました。現在調査中です。--> 基本設定を再度行うことで、解決しました。

お役立ち情報

イベントトリガーでさまざまアクションが作れる便利で高機能なRulesモジュール

ワークフローを実現するWorkbenchモジュール

五つ星のレーティングを表示するモジュール

Google Analytics

環境：　Drupal 6  Drupal 7

スクリーンショット： OepnPublishの場合

１）　インストール 

ダウンロード　drupal.org/project/google_analytics

google_analytics-6.x-3.3　のインストール：

上記のサイトから google_analytics-6.x-3.3.tar.gz をダウンロードして、Ｄｒｕｐａｌがインストールされている　......sites/all/modules に解凍し、ディレクトリのパーミションを設定します。

Ｄｒｕｐａｌのバックエンドで、サイトの構築 > モジュール > で　google_analytics を有効にします。

ユーザーの管理 > 権限 > googleanalytics モジュール　で Administrator　だけ設定します。その他のユーザーは必要に応じて設定します。

サイトの環境設定 > Google Analytics を選択 > 全般の設定　" WEB PROPERTY ID " にＧｏｏｇｌｅ　Ａｎａｌｙｔｉｃｓ側で設定したトラッキングコードを入力し、保存します。　

２） 環境設定

３） 備考

４） 役立つ情報