Drupal8

Drupal8の拡張機能(基本的なもの)

External Links

https://www.drupal.org/project/extlink
2018-01-23_12h51_41.png

/admin/config/content/formats/manage/basic_html
URLをリンクに変換にチェック

CSS Editor

https://www.drupal.org/project/css_editor
テーマの設定でCSSが書けるようになる
image.png

PHP Authentication shield

https://www.drupal.org/project/shield
サイトにBasic認証をかける

Google Analytics

https://www.drupal.org/project/google_analytics
Google アナリティクスのコードを有効にする

CKEditor CodeSnippet

https://www.drupal.org/project/codesnippet
文章中にコードを貼り付ける

  1. https://ckeditor.com/cke4/addon/codesnippet からプラグインをダウンロードする
  2. ルートに/librariesディレクトリを作成し、codesnippetをディレクトリごとアップロードする
  3. 機能拡張からCodeSnippetを有効にする
  4. /admin/config/content/formats から設定をクリックし、CodeSnippetのボタンを加える image.png

プラグインの設定をする
image.png

CKEditor Upload Image

https://www.drupal.org/project/ckeditor_uploadimage
エディタにドラッグアンドドロップで画像を貼れるようにする

  1. 以下のCKEditorプラグインをダウンロード
    http://ckeditor.com/addon/uploadimage
    http://ckeditor.com/addon/uploadwidget
    http://ckeditor.com/addon/filetools
    http://ckeditor.com/addon/notification
    http://ckeditor.com/addon/notificationaggregator

  2. /libraries/ckeditor/pluginsのディレクトリを作成。
    解凍し/libraries/ckeditor/plugins/にフォルダごとアップロードする

  3. CKEditor Upload Imageモジュールをインストールする

  4. /admin/config/content/formatsにアクセスし、設定をクリック

  5. プラグインの設定をする
    image.png

  6. このサイトにある画像に制限する、のチェックを外す

  7. 許可する HTML タグを制限し HTML のまちがいを修正するが有効な場合、フィルター設定のimgにdata-cke-saved-src data-cke-upload-id data-widget data-cke-widget-keep-attr data-cke-widget-data class data-image-style data-responsive-image-styleを加える