メインコンテンツに移動
ホーム

古松

メインナビゲーション

  • ホーム
  • ビデオ
  • ご連絡

パンくず

  • ホーム
  • drupal

drupal

Syntax Highlighterされたテキストに改行タグ(<br>)が追加された

Drupal8:(Syntax Highlighterで)ハイライトされたテキストの改行タグ(<br>)が自動的に追加された対応

SyntaxHighlighter導入後にハイライトされたテキストに改行タグ(<br>)が自動的に追加されました

  • Drupal バージョン:8.6.x
  • Drupal8では、CKEditorがコアーに入ています。インストールする必要はありません。
  • モジュール:Syntax Highlighter導入します
  • Syntax Highlighter設定を変えずに、ハイライトされたテキストに改行タグ(<br>)が自動的に追加されました
Nodeタイプに新しいバンドル

Drupal8のRESTful Web Service 2: GETメッソドでコンテンツ取得

Druapl8のRESTモジュール有効化(Drupal8のRESTful Web Service 1:インストール、セットアップ )後に当然テストを行います。ここで、一番簡単なテストがGETメッソドでコンテンツを取得します

テスト用のコンテンツを用意

  • ここで、テスト用のNodeエンティティタイプから、install_resultバンドルを新規作成します
RESTモジュール

Drupal8のRESTful Web Service 1:インストール、セットアップ

Drupal8(version: 8.6.2)がRESTful Web Serviceモジュールをコアーモジュールとして収録しています。Drupal8がインストール後にすぐにRESTfulの利用が出来ます。

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

  • REST APIの操作を簡単にするため、REST UIモジュールをインストールします

  • REST UIモジュールを有効化します

フロントページのRSSアイコン

Drupal8のw3cssテーマ改造5:フロントページのRSSアイコンを復活させる

問題点:Drupal8のフロント画面の下にRSS(購読)アイコンが消えた

  • Drupal8の初期(何の設定していないとき)状態では、画面の下にRSS(購読)アイコンががありました。
  • w3cssテーマがインストールして、有効後にこのRSSアイコンが消えました。

原因:不明

  • 原因は不明です
  • おそらくテーマ(w3css)のcss設定に衝突したと思われます

解決:カスタムcss設定でRSSアイコンを表示させる

w3cssのアンカーリンクカラー設定

Drupal8のw3cssテーマ改造4:アンカー・リンク(Anchor link)をハイライトする

Drupal8のテーマ:w3css がインストール後の初期画面が比較的に特徴がなく、ごく普通の画面と同じような画面で、文字フォント、間隔、インデント、リージョンなどの調整がしないと、見た目ではあまり使用する価値がありません

w3cssの初期画面で、アンカー・リンク(anchor link)がほかの文字のカラーと同じで、アンカーリンクの認識は難しいです

w3css管理画面で「ADVANCED SITE COLORS」の設定

  • w3cssでアンカーのカラー(anchor color)設定があります
  • 設定画面: 
w3cssでのメイン・コンテンナー・ハイライト設定

Drupal8のw3cssテーマ改造3:コンテント・リージョン(content region)をハイライトする

Drupal8のテーマ:w3css がインストール後の初期画面が比較的に特徴がなく、ごく普通の画面と同じような画面で、文字フォント、間隔、インデント、リージョンなどの調整がしないと、見た目ではあまり使用する価値がありません

w3cssの初期画面で、メイン・コンテント・リージョン(main content region)がバックグラント(background color)カラーと同じで、このリージョンの認識は難しいです

w3css管理画面で「Enable/Disable Match Height for Main Contaners」の設定

Drupalで参照された記事の本体のみ表示させたい

Drupalのモジュール(Entity Reference)で参照した記事の本体を表示させる方法

Drupalのモジュール(Entity Reference)が、一つの記事からほかの関連記事のリンクによく利用されます。Drupal7では単独のEntity Referenceモジュールとなり、Drupal8ではコアーに吸収され、単独のインストール必要はありません

参照された記事の本体を表示させるのは簡単(フィールドの表示オプションに「full content」)ですが、表示された記事のすべてが表示されます。

やりたいこと:参照された記事の特定の部分(例:Body)のみを表示させたい

  • 本例はDrupal8の上で作成しています
w3cssのインデントの上下間隔が広い

Drupal8のw3cssテーマ改造2:サイドバー(side bar)のインデント上下間隔調整変更

Drupal8のw3cssのインデント(ul/li タブ)の上下間隔が比較的に広い(16px以上)ように見えます。全体的なバランスから見ると、変更する必要があります。

Drupal8のw3cssテーマ管理画面(ホーム >> 管理 >> テーマ >> Appearance settings >> w3_css theme)では、インデント上下の設定項目はないようで、cssスタイルで変更したほうが良いでしょう。

w3cssの初期インデント上下間隔が広い

w3cssの見出しH1のフォントサイズ設定

Drupal8のw3cssテーマ改造1:フォントサイズ(font-size)の変更、設定

Drupal8でw3cssテーマ(theme)の初期フォントサイズ(font-size)設定が大き目になっているので、調整する必要があります。

Drupal8のw3cssテーマ設定画面(ホーム >> 管理 >> テーマ >> Appearance settings >> w3_css theme)では、フォント関連設定項目がないようで、cssスタイルで設定したほうが良いでしょう

サブテーマ(sub-theme)でフォントサイズ(font-size)を設定

d8ロールをconfigテーブルに

Drupal7からDrupal8へデータ移行:1.ユーザー関連データの移行

Drupal8ではユーザーのロール(role)を設定(config)テーブルに保存

  • Drupal7では、ユーザーのロールをロール(role)テーブルに保管しています
  • Drupal8では、ユーザーのロール(role)テーブルは存在しません
    • 代わりに、ユーザーのロールは設定(config)テーブルに保管しています

ページ送り

  • 1 ページ
  • 次ページ ››
drupal を購読

検索フォーム

カテゴリ別

  • laravel
  • drupal
  • javascript
  • windows
  • html
  • mysql
  • php
  • apache
  • css
  • SEO
  • video
  • wordpress
  • linux
  • python
  • Electron
  • Visual Studio Code

google ads