CMS - シドニーで働くプログラマーのBlog(今はIT会社の経営者) | シドニーで働くプログラマーのBlog(今はIT会社の経営者)

Drupalのvariable_get()が使用しているテーブル

Aug 10, 2015

AD:

Drupalのvariable_set()や、variable_get()で使用しているデータはvariableに保存されています。

Panels モジュール Drupal

Jul 27, 2015

AD:

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

モジュールの有効化

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

dursh en -y panels

1	dursh en -y panels

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

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

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

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

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

3.Layoutを選びます。

4.各種CSSなどの設定をいれます。

ここでこいつにCheckいれるとサイドバーなどのBlockが消えます。

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

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

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

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

3. Adminの時はLayoutを２カラムに変更します。

4. Profileの横にサイトのロゴを表示させます。
コンテンツを選んで保存します。

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

注意

Variantは上から適応されるので、Weightの並びに気をつけてください。

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

Jul 17, 2015

AD:

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

更新:2015/07/27
更新:2015/07/19
更新:2015/07/17

Admin Menu

管理画面が格段に使いやすくなります。
もしStandardでインストールした場合下記のモジュールをDisableしてから使ってください。

drush dis -y overlay

1	drush dis -y overlay

Features

各種データベースの変更をコードで管理できるようにします。このモジュールは管理する際に便利なので、後記事を書きます。

Context

サイト管理するのに便利になります。

Panels

部分的にデザインを変更したい際に管理画面から変更が可能になって便利になります。
Panelについて記事はこちら

ctool

これを入れないことには、主要モジュールが動かないことが多々なので、入れておきます。API系のモジュールです。

Views

jquery_update

ページ作成、ページ修正、URLなどをAdminページで管理できるようになります。Viewsも大変便利なので、あとで記事を書きたいと思います。

Module Filter

モジュールがたくさん増えてきた際などに、フリーワードでモジュールを検索できるようになるので便利です。

Date

これは標準でついてもいいような気がするのですが、日付を扱うフィールドを拡張してください。

jquery_update

jQueryのバージョンなどを管理画面から管理できるようになります。

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

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

drush en -y admin_menu features context panels ctool views jquery_update module_filter date

1	drush en -y admin_menu features context panels ctool views jquery_update module_filter date

WordPress 3.から4.にアップグレードしたら管理画面でload-scripts.phpがエラーになる件

Jul 14, 2015

AD:

管理しているWordpressのバージョンを3.*から4.*に上げたところ、投稿のページでtinymceが表示されなくなりました。
問題はload-scripts.phpの吐き出すjsがどういう訳か途中でレンダリングが止まっているようでした。
Googleさんで調べてみたら、使用しているプラグインを無効やThemeを変更すると直るとか、Wordpressのファイルをすべて上げ直すなどありましたが、どれもうまくいきませんでした。

対処方法

CONCATENATE_SCRIPTSをfalseをwp-config.phpを追加したらレンダリングエラーはなくなりました。
ちなみに、CONCATENATE_SCRIPTSをコード読んで観る限りだと、js&cssの圧縮を無効にするようですので、パフォーマンスに影響はあるかもしれませんね。。。

vi wp-config.php
define('CONCATENATE_SCRIPTS', false );

1 2	vi wp-config.php define('CONCATENATE_SCRIPTS', false );

4.*の不具合かもしれませんね。
https://wordpress.org/tags/concatenate_scripts

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

Jul 14, 2015

AD:

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

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

WordPressのコメント内部デザインをWalkerクラスを使って変更する方法

Jun 26, 2015

AD:

wp_list_commentsでulなどを変更できたりしますが、コメント内部のデザインを変更ができません。
なので、wp_list_commentsのWalker_Commentをオーバーライドしてデザインを変更します。
下記のようにcomments.phpなどに書いてあるwp_list_commentsにwalkerにfunctions.phpに書いたクラスを渡します。

&lt;?php wp_list_comments( array(
  'walker' =&gt; new custom_walker_comment,
  'style' =&gt; 'ul',
  'callback' =&gt; null,
  'end-callback' =&gt; null,
  'type' =&gt; 'all',
  'page' =&gt; null,
  'avatar_size' =&gt; 32
) ); ?&gt;

1

2

3

4

5

6

7

8

9

<?php wp_list_comments( array(

'walker' => new custom_walker_comment,

'style' => 'ul',

'callback' => null,

'end-callback' => null,

'type' => 'all',

'page' => null,

'avatar_size' => 32

) ); ?>

次にfunctions.phpの下記のようなWalker_Commentを継承したクラスを作成します。
ちなみに、下記の内容はFirst Name+Last Nameを表示しているのと、htmlを変更しております。

class custom_walker_comment extends Walker_Comment {

  var $tree_type = 'comment';
  var $db_fields = array( 'parent' =&gt; 'comment_parent', 'id' =&gt; 'comment_ID' );

  function __construct() {
    echo '&lt;ul id=&quot;comment-list&quot;&gt;';
  }

  function start_lvl( &amp;$output, $depth = 0, $args = array() ) {
    $GLOBALS['comment_depth'] = $depth + 1;
    echo '&lt;ul class=&quot;children&quot;&gt;';
  }

  function end_lvl( &amp;$output, $depth = 0, $args = array() ) {
    $GLOBALS['comment_depth'] = $depth + 1;
    echo '&lt;/ul&gt;&lt;!-- /.children --&gt;';
  }

  /** START_EL */
  function start_el( &amp;$output, $comment, $depth, $args, $id = 0 ) {
    $depth++;
    $GLOBALS['comment_depth'] = $depth;
    $GLOBALS['comment'] = $comment;
    $parent_class = ( empty( $args['has_children'] ) ? '' : 'parent' );
    ?&gt;

    &lt;section class=&quot;mb-md&quot;&gt;
      &lt;h1&gt;&lt;?php  echo get_the_title($comment-&gt;comment_post_ID);?&gt;&lt;/h1&gt;
      &lt;p class=&quot;mt-sm&quot;&gt;&lt;small&gt;By &lt;?php $comment_user = get_userdata($comment-&gt;user_id);
          echo $comment_user-&gt;first_name.&quot; &quot;.$comment_user-&gt;last_name;?&gt;&lt;/small&gt;&lt;/p&gt;
      &lt;p class=&quot;mt-sm&quot;&gt;
        &lt;?php if( !$comment-&gt;comment_approved ) : ?&gt;&lt;em class=&quot;comment-awaiting-moderation&quot;&gt;Your comment is awaiting moderation.&lt;/em&gt;
        &lt;?php
        else: comment_text();
        endif;
        ?&gt;
      &lt;/p&gt;
      &lt;p&gt;&lt;time&gt;&lt;?php comment_date(); ?&gt;&lt;/time&gt;&lt;/p&gt;
    &lt;/section&gt;
  &lt;?php
  }

  function end_el(&amp;$output, $comment, $depth = 0, $args = array() ) {
    echo '&lt;/li&gt;&lt;!-- /#comment-' . get_comment_ID() . ' --&gt;';
  }

  function __destruct() {
    echo '&lt;/ul&gt;&lt;!-- /#comment-list --&gt;';
  }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

class custom_walker_comment extends Walker_Comment {

var $tree_type = 'comment';

var $db_fields = array( 'parent' => 'comment_parent', 'id' => 'comment_ID' );

function __construct() {

echo '<ul id="comment-list">';

}

function start_lvl( &$output, $depth = 0, $args = array() ) {

$GLOBALS['comment_depth'] = $depth + 1;

echo '<ul class="children">';

}

function end_lvl( &$output, $depth = 0, $args = array() ) {

$GLOBALS['comment_depth'] = $depth + 1;

echo '</ul>';

}

/** START_EL */

function start_el( &$output, $comment, $depth, $args, $id = 0 ) {

$depth++;

$GLOBALS['comment_depth'] = $depth;

$GLOBALS['comment'] = $comment;

$parent_class = ( empty( $args['has_children'] ) ? '' : 'parent' );

?>

<h1><?php echo get_the_title($comment->comment_post_ID);?></h1>

<p class="mt-sm"><small>By <?php $comment_user = get_userdata($comment->user_id);

echo $comment_user->first_name." ".$comment_user->last_name;?></small></p>

<?php if( !$comment->comment_approved ) : ?><em class="comment-awaiting-moderation">Your comment is awaiting moderation.</em>

<?php

else: comment_text();

endif;

?>

</p>

</section>

<?php

}

function end_el(&$output, $comment, $depth = 0, $args = array() ) {

echo '</li>';

}

function __destruct() {

echo '</ul>';

}

have_posts + カスタムタイプ+カテゴリでorderとか変更する場合 – WordPress

Jun 26, 2015

AD:

例えば、Musicというカスタムタイプを作って、ジャンルというカテゴリのMetalの一覧を操作したい場合はこんな感じになります。

&lt;?php
$args= null;
$args=array(
'tax_query' => array(array('taxonomy' => 'genre','field' => 'slug','terms' => array( 'metal' ))), //カテゴリをここで指定
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1, // Pagerはここで引き継がせる
'post_type' => 'music', //カスタムタイプをここで指定
'orderby'=> 'title',
'order'=> 'ASC'
);
$query = new WP_Query($args);
if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();?>
 &lt;h2>&lt;a href="<?php the_permalink() ?>">&lt;?php the_title(); ?>&lt;/a>&lt;/h2>
&lt;?php
endwhile; endif;
?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<?php

$args= null;

$args=array(

'tax_query' => array(array('taxonomy' => 'genre','field' => 'slug','terms' => array( 'metal' ))), //カテゴリをここで指定

'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1, // Pagerはここで引き継がせる

'post_type' => 'music', //カスタムタイプをここで指定

'orderby'=> 'title',

'order'=> 'ASC'

);

$query = new WP_Query($args);

if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();?>

<?php

endwhile; endif;

?>

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

Mar 23, 2015

AD:

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

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

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

drush en bootstrap_library respondjs -y

1	drush en bootstrap_library respondjs -y

CSS&JSのAggregate and compress化

下記のページより変更が可能です。
/admin/config/development/performance

Movable Type 5のデータベースからCSV作成してWordPress 4にインポート

Mar 22, 2015

AD:

MovableType 5.2で構築されたブログのデータをWordpress 4にインポートする作業を最近行いましたが、その際にいろいろと面倒だったので、メモを公開させていただきます。
はじめは、MovableTypeのエクスポート機能とWordpressのMTのインポートプラグインを使ってやったところ、文字化けやカテゴリがまったくうまくいきませんでした。

他にもいろいろと手はあると思ったのですが、最終的にMovableTypeのデータベース(Mysql)からCSV作成して、それをWordpressのCSV用のインポートのプラグインを使ってインポートで解決させました。

WordPressのプラグイン

WordPressにCSVのインポート用に下記のプラグインを使用しました。
WP Ultimate CSV Importer Plugin
WP Ultimate CSV Importer Pluginを使って、まず既存のWordpressの記事からCSVのサンプルをエクスポートしました。
それをさらにインポートして試してみました。すると最低限のフィールドがわかったので、下記のフィールドでCSVを作成しました。

MovableTypeのデータベースからWP Ultimate CSV Importer用のCSVを作成

上記のフィールドを元に、下記のSQLを作成して、CSVをエクスポートしました。

SELECT entry_id AS wp_ID, entry_created_on AS wp_post_date,
CASE entry_category_id WHEN NULL THEN 'publish' ELSE 'publish' END AS wp_post_status,
entry_title AS wp_post_title,
REPLACE(entry_text, CHAR(10), '<br>') AS wp_post_content,
entry_basename AS wp_post_name,
CASE entry_category_id WHEN NULL THEN 'ayumi' ELSE 'ayumi' END AS wp_post_author,
mc.category_description AS tx_category
FROM mt_entry AS me
LEFT JOIN mt_placement AS mp ON me.entry_id = mp.placement_entry_id
LEFT JOIN mt_category AS mc ON mc.category_id = mp.placement_category_id
WHERE entry_atom_id LIKE '%column%'
ORDER BY entry_id DESC
INTO OUTFILE '/tmp/mt.csv'
FIELDS TERMINATED BY ','
OPTIONALLY ENCLOSED BY '"';

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

SELECT entry_id AS wp_ID, entry_created_on AS wp_post_date,

CASE entry_category_id WHEN NULL THEN 'publish' ELSE 'publish' END AS wp_post_status,

entry_title AS wp_post_title,

REPLACE(entry_text, CHAR(10), '<br>') AS wp_post_content,

entry_basename AS wp_post_name,

CASE entry_category_id WHEN NULL THEN 'ayumi' ELSE 'ayumi' END AS wp_post_author,

mc.category_description AS tx_category

FROM mt_entry AS me

LEFT JOIN mt_placement AS mp ON me.entry_id = mp.placement_entry_id

LEFT JOIN mt_category AS mc ON mc.category_id = mp.placement_category_id

WHERE entry_atom_id LIKE '%column%'

ORDER BY entry_id DESC

INTO OUTFILE '/tmp/mt.csv'

FIELDS TERMINATED BY ','

OPTIONALLY ENCLOSED BY '"';

WP Ultimate CSV Importerは、CSVにヘッダーがないとうまくいかないので、下記のヘッダーを追加してやる

id,date,status,titile,contents,base,user,category

1	id,date,status,titile,contents,base,user,category

インポート

下記の用に管理画面からインポートとどのフィールドにマッチさせるかを選択して、無事インポートができました。

Tips

パーマリンク設定は、/%year%/%monthnum%/%postname%/に変更
MTで内部に使用している画像は同じディレクトリ構成で、WPサイトに設置

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

Jan 23, 2015

AD:

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

ちゃんと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

フォームの各要素ここから確認できます。
https://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/
ここのほうがよくまとめてあります。
http://atendesigngroup.com/blog/custom-commerce-checkout-panes

Drupalのvariable_get()が使用しているテーブル

Panels モジュール Drupal

モジュールの有効化

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

注意

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

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

WordPress 3.から4.にアップグレードしたら管理画面でload-scripts.phpがエラーになる件

対処方法

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

WordPressのコメント内部デザインをWalkerクラスを使って変更する方法

have_posts + カスタムタイプ+カテゴリでorderとか変更する場合 – WordPress

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

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

CSS&JSのAggregate and compress化

Movable Type 5のデータベースからCSV作成してWordPress 4にインポート

WordPressのプラグイン

MovableTypeのデータベースからWP Ultimate CSV Importer用のCSVを作成

インポート

Tips

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

モジュールについて

コード

メモ

Search Keyword

Meta

FacebookPage

Popular Posts

My Tags

Status

Links

ARCHIVES