Panels モジュール Drupal

Jul 27, 2015
AD:

Panelsモジュールは、テンプレートなどをいじることなく、URLやコンテンツによってデザインを変更できるようになります。
使い方が難しいので覚書しておきます。
Drupal Panels

モジュールの有効化

Drushで一撃で有効化します。

その後、各種ページでPanelsを使いたいばあいはPage Managerも有効にしておきます。
page_manager

ユーザにページをRoleによってデザインを変更したい場合

Panelの参考として、ユーザのプロフィールページをRoleによってデザインを変更したい場合を紹介します。

1./admin/structure/panelsからUser profile templateをEditします。
panels2

2.Add variantでVariantを追加します。
はじめにデフォルトなるもの(条件にひかからないもの)を追加しておきます。
Title: User profile defaultとにでもしておきます。
User profile default

3.Layoutを選びます。
Panel Layout

4.各種CSSなどの設定をいれます。
Panels-css
ここでこいつにCheckいれるとサイドバーなどのBlockが消えます。
Screen Shot 2015-07-27 at 4.25.17 pm

5. 選択レイアウトになにを表示したいか設定します。
表示したい内容を選択して保存します。
Panels Content

とりあえず、これでデフォルトに表示されるものは同じです。

次に、Adminユーザの場合のルールを追加してデザインを変更したいと思います。
1. Add variantで追加
追加する際に、Selection rulesを選択して追加してください。
Panels Admin

2. Ruleを追加します。
RoleがAdminの場合というRuleを追加します。
Panels Rule

3. Adminの時はLayoutを2カラムに変更します。
Screen Shot 2015-07-27 at 5.51.07 pm

4. Profileの横にサイトのロゴを表示させます。
コンテンツを選んで保存します。
Screen Shot 2015-07-27 at 5.52.11 pm

Adminユーザの時だけ、サイトロゴがサイドに表示されるようになりました。
adminユーザのProfile

注意

Variantは上から適応されるので、Weightの並びに気をつけてください。
Screen Shot 2015-07-27 at 5.56.17 pm

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 2 | Pocket: 2 | Total: 4 | Feedly: 0

Drupalのはじめに入れとくモジュール一覧

Jul 17, 2015
AD:

新規にDrupalのサイトを作成した場合に下記のモジュールをインストールしてからスタートします。
ちなみに、Drupal7です。

  • 更新:2015/07/27
  • 更新:2015/07/19
  • 更新:2015/07/17
Admin Menu
管理画面が格段に使いやすくなります。
もしStandardでインストールした場合下記のモジュールをDisableしてから使ってください。
Administration-menu
Features
各種データベースの変更をコードで管理できるようにします。このモジュールは管理する際に便利なので、後記事を書きます。
Features2 (1)
Context
サイト管理するのに便利になります。
context
Panels
部分的にデザインを変更したい際に管理画面から変更が可能になって便利になります。
Panelについて記事はこちら
drupal-blocks-panels
ctool
これを入れないことには、主要モジュールが動かないことが多々なので、入れておきます。API系のモジュールです。
Views
jquery_update
ページ作成、ページ修正、URLなどをAdminページで管理できるようになります。Viewsも大変便利なので、あとで記事を書きたいと思います。
views
Module Filter
モジュールがたくさん増えてきた際などに、フリーワードでモジュールを検索できるようになるので便利です。
Module Filter 2.0
Date
これは標準でついてもいいような気がするのですが、日付を扱うフィールドを拡張してください。
date-drupal-module
jquery_update
jQueryのバージョンなどを管理画面から管理できるようになります。
jquery_update

モジュールの有効化はDrushで

各種モジュールの有効化はDrushで一発です。

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 2 | Total: 2 | Feedly: 0

Drupalのモジュールを管理しているテーブル

Jul 14, 2015
AD:

先日DrupalのあるモジュールがFunctionのredeclareエラー(同じFunctionを2回呼んでいるよー)がで困った際に調査してわかりましたので、メモしておきます。
調べてみるとたしかにフォルダ別に同じモジュールがあることがわかりました。
でも、どちらのモジュールを使用しているか、Adminページではわからなかったて、同僚に聞いてみるとsystemテーブルなるものがあるようです。

systemテーブルに下記のようにモジュールの種類や、Weight、ファイルのパスなどを確認できるようになっております。
Drupal System Table

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 1 | Pocket: 0 | Total: 1 | Feedly: 0

Drupal7にTwitter Bootstrap3 – Themeの環境でIE8をサポートする

Mar 23, 2015
AD:

本来であれば、Twitter Bootstrap3はIE8をサポートしているはずなんですが、なぜかDrupalのTwitter Bootstrap Themeを使用するとIE8でうまくいきませんでした。
下記の内容で問題なく表示されるようになりました。
原因はIE8がCDNをサポートしていないのが問題ではないかと言われていますが、実際のところなぜ起きるのかは追っていません。

モジュールのインストール

下記の2つのモジュールをインストール
Bootstrap Library
Respond.js

CSS&JSのAggregate and compress化

下記のページより変更が可能です。
/admin/config/development/performance
Screen Shot 2015-03-23 at 11.08.28 am

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

DroupalでJavascriptとCSSを圧縮する方法

Mar 23, 2015
AD:

はじめは、プラグインが必要かと思ったのですが、管理画面より設定が可能です。

下記のページより設定できます。
/admin/config/development/performance
Screen Shot 2015-03-23 at 11.08.28 am

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

DrupalのCommerceにFormを追加するカスタムモージュルを作った

Jan 23, 2015
AD:

DrupalのCommerceを使ってサイトを構築していたのですが、チケットを販売するにあたってチケットの枚数にあわせて、個人情報を入力してもらいたいとの要望がありました。
今回がはじめてのDurpalのサイト構築なので、カスタムモジュールなどは作りたくなかったのですが、なんとか作れました。

DrupalのCommerceにフォームを追加

ちゃんとValidationも自分で追加できるようになっています。

モジュールについて

Drupalのモジュールはこんな感じで作るらしいです。
フォルダ名(hoge_module)
├hoge_module.info – モジュールの内容
├hoge_module.module – Code
└hoge_module.install – Database周り

コード

コードはgithubのリポジトリに上げてあけておきました。
https://github.com/mizoshiri/drupal-commerce-add-additinal-form

メモ

どの画面で表示させるかは下記のページより変更できます。
/admin/commerce/config/checkout
Screen Shot 2015-01-23 at 9.43.26 pm
フォームの各要素ここから確認できます。
https://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/
ここのほうがよくまとめてあります。
http://atendesigngroup.com/blog/custom-commerce-checkout-panes

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

Drupal Commerce(買い物カゴ)の導入方法

Jan 16, 2015
AD:

Nab TransactをPayment Getwayとして利用しております。

Step

1.Modulesに有効化

設定は下記のURLよりできます。
http://your-drupal-site.com/admin/commerce/

2.通貨を変更する
/admin/commerce/config/currency
通貨の変更

3.Payment Gatewayを有効にする
支払い方法を有効化する

4.商品を追加する
商品を追加する

5.NodeとProductをつなげる
NodeのManage filedsより新しいFiledを追加する
Product-refrence

6.Nodeの追加*編集画面よりProductを選択する
アイテムのヒモ付

7.Manage Displayよりカゴを表示させる
Screen Shot 2015-01-16 at 8.14.45 pm

8.終了です。
Add Cartと表示されていたらOKです。
下記の画像は変更されています。
商品を表示
買い物カゴはこんな感じ
買い物カゴはこんな感じ

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

Drupal でコンテンツをCSVでエクスポート

Jan 16, 2015
AD:

DrupalでコンテンツをCSV等にエクスポートしたい場合は、Views Data Exportを使うと簡単にできます。

Step

1.Moduleを有効にする

2.新しくViewを作成する
Making View for Data export

3.Viewで取得したい項目を追加
add-field-in-view

4.エクスポート用のCSVを追加
他のスタイルを追加

5.Pathを追加して終了
Pathを追加

動画で詳しく説明しているので、こちらもどうぞ
https://www.youtube.com/watch?v=ssOF3nPgcfc

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 1 | Pocket: 4 | Total: 5 | Feedly: 0

Drupal CommerceでログインなしでCheckoutさせる方法

Jan 15, 2015
AD:

/admin/people/permissionsに行って、”Access checkout”を”ANONYMOUS USER”にも権限をあたえればOKです。

Screen Shot 2015-01-15 at 2.47.15 pm

Cartページ
Screen Shot 2015-01-15 at 2.49.54 pm

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

Drupal でDrushのよく使うコマンド一覧

Jan 12, 2015
AD:

キャッシュ

Module系

-y;をつけるといちいちyを入力してくれないので、便利ですよ。

Admin系

Twitter: 0 | Facebook: 0 | Google Plus: 0 | Hatena: 0 | Pocket: 0 | Total: 0 | Feedly: 0

Search Keyword

Meta

face Ayumi Mizoshiri
WEB developer

FacebookPage

Popular Posts

Sorry. No data so far.

ARCHIVES