preinstall

Font Awesomeの利用

<p> Font Awesomeは、ウェブデザインや開発で使用されるアイコンフォントとツールキットです。数千種類のアイコンをフォントとして提供し、サイズや色をCSSで簡単に調整できます。CDNを通じて簡単に導入でき、クラスをHTML要素に追加するだけで使用可能です。オープンソースで無料提供される基本機能に加え、プロ版では追加のアイコンと機能が利用できます。UIコンポーネントやソーシャルメディアリンクなど、多くのウェブプロジェクトで広く使用されています。 </p> <p> バージョン:Font Awesome 6 Freeに対応しています(2024年現在)。 </p> <p> 以下、サイトにアイコンを追加する手順です。 </p>

FBC:会社情報(前編)

タグ

「FBC:会社情報」は会社情報をテーブル形式で表示するためのブロックタイプです。ノーコードで(フォームの入力だけで)テーブル作成できます。

従来のようにテキストエディタ―(Full HTMLモード)でもテーブルは作成できますが、ある程度HTMLの知識が必要ですし、コードが複雑になり翻訳など編集・メンテナンスが大変になる場合があります。

一方、「FBC:会社情報」はノーコードで作成できます。フィールド(項目)の追加もできます。また、drupal標準の翻訳機能が使えます。

本稿は前編としてテーブルの作成と、配置までを説明します。

後編ではフィールドの追加を説明します。

FBC:QRコード

現在のページのURLをQRコードで表示します。

FBC:QRコードは、フルブライトBiz提供のブロックタイプです。

ブロックが未作成の場合は、このブロックタイプ:FBC:QRコードを選択して新規にブロックを作成します。

そして作成したブロックコンテンツをブロックレイアウトやレイアウトビルダーで配置することで表示できます。

既に配置済で、ロゴを差し替えたり設定を変更したい場合は(1)QRコード設定で修正できます。

Metatag(メタタグ)

メタタグは、ウェブページのコンテンツを検索エンジンやSNSに対して説明する役割を持ち、適切に設定することで検索結果やSNS共有時の表示が最適化されます。

サイト記事をSNSでシェアするなら、メタタグ(Open GraphやTwitter Cards)もカスタマイズが必要です。これにより、ユーザーがSNSでコンテンツをシェアした際に、適切な画像、タイトル、ディスクリプションが表示され、クリック率の向上に繋がります。

フルブライトBizは標準で、メタタグのカスタマイズ機能を備えています。SEO(検索エンジン最適化)を強化するために重要なメタタグを簡単に管理できる強力なツールです。

Metatagの利用例:ページのタイトルの設定