WordPressエンジニアがDrupalを触るときの注意点と用語集

_これは、Advent Calendar 2021 用の記事です。_

今年に入ってからDrupalの開発・保守をしている
![logo_black_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/66255a3f-e99d-698e-f95e-3ea47adffbb3.png)
[株式会社メタ・インフォ](https://www.meta-info.co.jp/)さんと出会い、一緒に仕事をすることになりました。

これまではWordPressでのサイト構築を色々してたのですが、Drupalは初めてで、用語や管理画面の操作を覚えるのに少し苦労しました。
その経験をシェアできればと思います。


# DrupalとWordPressの違い

WordPressとの一般的な比較はこちらを参考に
https://remacre.jp/column/homepage/8792/

ぶっちゃけ、シェア率でいえばWordPress圧勝です（笑）
手軽で綺麗なテーマもたくさん出ていますし、初心者が触りやすいCMSでしょう。

対してDrupalは、最近流行りのノーコード開発に近く、自由にデータベースのテーブルが作れたり、役割分担を厳密にしたユーザー管理ができたりします。

SQLのビューを管理画面から作って、WordPressのウィジェットのように、ページに埋め込むことができます。

:::note
【ポイント　その１】
Drupalは CMSではなく、ノーコードのPHPフレームワークだと思うと、理解が早まる（かも）。
:::


# Drupalの管理画面に焦らないように

慣れていないせいもありますが、WordPressの管理画面と操作性がぜんぜん違う（悪い）ので、最初は根気よく触りましょう。

##　ログインURLと管理画面
__WordPressの場合__
ワードプレスの場合は、
https://yourdomain.com/wp-login.php や、
https://yourdomain.com/wp-admin/ にアクセスすると
このようなログイン画面がでてきます。
![wp_login.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/91b7553d-779b-8433-0636-c8e09154ba36.png)

無事にログインできるとこんな画面になります。
![wp_admin.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/69836679-64e5-3991-5e47-cdaa4b0de2b8.png)



__Drupalの場合__
ドゥルーパルのログインURLは、
https://yourdomain.com/user/login で、アクセスすると
テーマのヘッダーなどがある中に、ID,PWを入力するフォームが出ます。
![dru_login.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/c519f488-14ec-7443-eb97-b2e4aa05dd4b.png)

ログイン後はどうなるかというと
ヘッダーの上部に、管理用メニューが表示されます。
（管理と書かれた黒い部分と、その下のContentなどのメニュー部分）
![dru_admin.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/cd04e390-7b87-6fcb-e258-49b361ed3f7a.png)

ワードプレスに管理者としてログイン後、トップページを見た場合に表示される、上部の管理者バーと似ています。


:::note
【ポイント　その２】
Drupalの管理画面は、利用しているテーマによって見え方が変わるけど、基本は、上部にある管理者バーから操作すると覚える。
:::


##　メニューバーの中身
![dru_menu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/a9d47da7-5056-26c3-1e04-1816b078ea64.png)
メニューをワードプレスと対比すると
* Content　→　__投稿・メディア・固定ページ・コメント__
* サイト構築　→　__カテゴリー・タグ・メニュー・ウィジェット__
* テーマ　→　__外観__
* 機能拡張　→　__プラグイン__
* 環境設定　→　__設定__
* People　→　__ユーザー__
* レポート　→　__サイトヘルス__
* ヘルプ　→　__WPロゴのサポート__

Drupalでサイトを作るときに、一番つまづきそうなのが「__サイト構築__」メニューです。
コンテンツの中身について、あらかじめ「タイトル・本文・サムネイル画像・カテゴリー」などを自由に設計できる、__コンテンツタイプ__というのがあります。
ワードプレスで言うと、Advanced Custom Fieldsのプラグインをいれて、入力項目を制御するのと似ています。


:::note
【ポイント　その３】
サイト構築の所を理解するのが、最初は大変だと思う。
:::


##　記事投稿までのステップ

それでは、記事を投稿するまでのキャプチャーを並べます。
まず、「Content」メニューをクリックしたあと、青い「__コンテンツを追加__」ボタンをクリック。

![dru_post01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/04fb6fa8-7557-109d-a7eb-beda7afe3958.png)

つぎは、__コンテンツタイプ__を選びます。
（ワードプレスで言うと、投稿か固定ページか、カスタムフィールドのページにするか）

![dru_post02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/2432f5cd-2814-bb7f-8fa1-5512aa78cf0c.png)

コンテンツタイプを選ぶと、やっとフォームがでてきます。
この中で右側の、__URLエイリアス__は、ワードプレスの__パーマリンク__です。

![dru_post03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/402185fa-2f96-8907-eca8-54fa2fbaeea0.png)

保存ボタンを押すと、投稿したページURLに遷移します。
（ログインをしていると、タイトル下に編集ボタンなどが追加されます。

![dru_post04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/7042c1be-10a0-c9cc-8b7a-2cf977c49eba.png)


:::note
【ポイント　その４】
コンテンツタイプを選ぶことで、入力フォームが変化する。
:::


##　修正ボタンがいっぱいあるのは気にしない

drupalを触っていて気になるのが、ブロックごとに「ペンの編集マーク」が出ること。
![dru_edit.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/9d03d67a-8a97-7599-d07b-17131282f56f.png)

上記だと、クイック編集を押すと、本文のところを画面遷移せずに修正することができる。

![dru_edit02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2253826/a46a3fbc-6d86-3e14-df48-6d4b8b4c4fab.png)



:::note
【ポイント　その５】
クイック編集は使い慣れるまで利用しない。上部の管理メニューから操作する。
:::


# Drupalの用語集

次にWordPressの用語との対応表です。

| Drupal | WordPress |
|:-:|:-:|
| テーマ / Theme  | テーマ / Theme  |
| モジュール / Module  | プラグイン / Plugin  |
| リージョン / Region  | ウィジェットエリア / Widget Areas  |
| ブロック / Block  | ウィジェット / Widget  |
| URLエイリアス / URL Alias  | パーマリンク / Permalink  |
| タクソノミー / Taxonomy | カスタムタクソノミー / Custom Taxonomies |
| ボキャブラリー | カテゴリー・タグ | 
| ターム / Term | （スラッグ / Slug） | 
| ノード / Node | 投稿ID / Post id | 
| ビュー / View | 記事リスト / WP_Query | 

:::note
【ポイント　その６】
自分が知っている言葉や機能とリンクさせつつ、Drupalを触りましょう。
:::

# Drupalの仲間になろう

ワードプレスに比べると、コミュニティーの規模も小さいですが、そのぶん人脈も作りやすく、最新情報にも容易にアクセスできるでしょう。
日本語の解説はちょっと少ないですが、英語で情報収集することにチャレンジをしてみても、いいかもしれません。

この記事を読んで、Drupal触ってみようかなと思う人が増えることを願ってます。