ホーム
Synergy Quest
OSS 活用 Web システム構築

メインナビゲーション

  • ホーム
  • オープンソース活用
    • DXクラウドVPS
    • Drupal 導入キット
    • Web 受注システム構築
    • Web サイト追加拡張
  • トレーニング
    • eラーニング
    • 教材開発
    • 集合研修
  • ブログ
  • 会社情報
    • パートナー
    • プライバシーポリシー
    • DXクラウドVPS:利用規約
    • DXクラウドVPS試用:利用規約

リンクの拡張属性を設定する機能

パンくず

  • ホーム
  • オープンソースを業務に活用する
  • Web サイトの追加拡張

概要

コンテンツ編集画面(CKEditor 5)でリンクを設定する際に、別タブで開くように設定する場合などに必要な拡張属性を手軽に設定する機能を追加します。Drupal モジュールの「Editor Advanced link」を導入・セットアップします。

この機能を追加することで、ポップアップウィンドウからリンクに次の各属性を設定できるようになります。

  •  ARIA label (<a aria-label>)
  • タイトル (<a title>)
  • CSS クラス (<a class>)
  • ID (<a id>)
  • 新しいウィンドウで開く (<a target="_blank">)
  • Link relationship (<a rel>)

使い方

リンクにする範囲を選択状態にして「リンク」ツールボタンをクリックすると、表示されるポップアップウィンドウから拡張属性を指定できます。

リンクのポップアップウィンドウ

リンク先を新しいウィンドウ(タブ)で開くようにするには、いったんリンクを設定した後に改めて「リンクのプロパティ」を設定します。

リンクのプロパティ

「新しいウィンドウで開く」オプションが表示されます。

「新しいウィンドウで開く」オプション

オプションを有効にして保存すると、対象リンクのクリックで別ウィンドウ(実際には別タブ)が開くようになります。

対象サイト

当社保守サービスをご利用の Drupal 10/Drupal 11 サイトを対象とするサービスです。ログイン中の契約ユーザー様は、表示される「カートに入れる」ボタンでお申込み手続きにお進みください。

Webサイトの追加拡張

  • 文字サイズ設定ツールボタンの設置
  • 文字フォント設定ツールボタンの設置
  • 文字色設定ツールボタンの設置
  • リンクの拡張属性を設定する機能
  • 絵文字を挿入するツールボタンの設置
  • Spam Master モジュールの導入と設定
  • XServer サイトセキュリティの登録と設定
  • 店舗受渡し購入オプションの追加

Web サイト追加拡張へ

オープンソース活用

  • DX クラウド VPS
  • DX クラウド VPS:試用サービス
  • Web 受注システム構築
  • Drupal 導入キット

IT トレーニング

  • eラーニング
  • 教材開発
  • 集合研修

外部リンク

  • SQT サイト
  • SQbase(GitHub)
  • SQbase デモ
  • ffdsm(GitHub)
  • ffdsm(Vagrant Cloud)
  • SQ-channel(YouTube)

https://synergyquest.jp/