HubSpotのリッチテキストの基本的な使い方をマスターする方法

HubSpotの編集にリッチテキストは使っていますか?
リッチテキストの基本的な使い方を学ぶことで、ウェブサイトやブログの見栄えを向上させることができます。

HubSpotの標準モジュールと比べてリッチテキストモジュールは自由度が高く、表を作ったり、文字色やサイズを変更したりと、利用者の使いやすい機能が標準で用意されています。

HubSpotのリッチテキストとは何か

リッチテキストとは、HTMLやCSSの知識がなくても使えるテキストエディタのことです。

HubSpotにはリッチテキストモジュールをページにドラッグ&ドロップで設置するだけで、このテキストエディタが使えるようになります。

リッチテキストを使用することで、文字を大きくしたり、太くしたり、色を変えたり、テキストの配置を変えたりすることができます。

Webサイトの編集をしたことがある方ならWordPressという言葉を聞いたことがあると思います。WordPressはコンテンツ管理を行うシステムの名前ですが、このシステムでもWYSIWYG(ウィジウィグ)と呼ばれるテキストエディタが利用されています。

※WYSIWYG(ウィジウィグ)とは
What You See Is What You Get の略でディスプレイ画面で見たものが、そのままHTML文書として出力できるエディターのことです。

HubSpotのリッチテキストエディタもそれと同等の機能を有しており、HubSpotのリッチテキストエディタを使えば、ブログのように初心者でも簡単に魅力的なコンテンツを作成することができるのです。

HTML,CSSとは

HTMLはHyperText Markup Language(ハイパーテキストマークアップランゲージ)の略で、ウェブページを作成するためのマークアップ言語です。

CSSはCascading Style Sheets(カスケーディングスタイルシート)の略で、ウェブページのスタイルやレイアウトを指定するためのスタイルシート言語です。

HTMLとCSSを使うことで、より高度なカスタマイズが可能になりますが、初心者にとっては学習コストが高いです。

一方、HubSpotのリッチテキストモジュールを使えば、HTMLやCSSの知識がなくても簡単にテキストのスタイルを変更することができます。

リッチテキストでできること

リッチテキストを使えば、以下のようなことができます。

- 文字の大きさを変える

- 文字を太くする

- 文字の色を変える

- テキストの配置を変える(左寄せ、中央寄せ、右寄せ)

- 画像を挿入する

blog_noimage

これらの機能を活用することで、テキストエディタで手軽に魅力的なコンテンツを作成することができます。

文字を太くする方法

リッチテキストを使って文字を太くするには、次の手順を実行します。

  1. テキストを選択します。
  2. テキストエディタのツールバーから「太字」ボタンをクリックします。

スクリーンショット 2024-04-26 15.35.30

これで選択したテキストが太字になります。

文字の色を変える方法

リッチテキストを使って文字の色を変えるには、次の手順を実行します。

  1. テキストを選択します。
  2. テキストエディタのツールバーから「テキストの色」ボタンをクリックします。
  3. 色を選択します。

スクリーンショット 2024-04-26 15.36.04

これで選択したテキストの色が変わります。

テキストの位置を変える方法(左寄せ,中央寄せ,右寄せ)

リッチテキストを使ってテキストの位置を変えるには、次の手順を実行します。

  1. テキストを選択します。
  2. テキストエディタのツールバーから「テキストの配置」ボタンをクリックします。
  3. 選択したテキストを左寄せ、中央寄せ、右寄せのいずれかに設定します。

スクリーンショット 2024-04-26 15.36.49

これでテキストの配置が変わります。

画像を挿入する方法

リッチテキストを使って画像を挿入するには、次の手順を実行します。

  1. 画像を挿入したい位置をクリックします。
  2. テキストエディタのツールバーから「画像挿入」ボタンをクリックします。

    スクリーンショット 2024-04-26 15.37.34

  3. ローカルの画像ファイルを選択するか、URLを入力して外部の画像を挿入します。
  4. 必要に応じて画像のサイズや配置を調整します。

これで画像がテキストに挿入されます。

あわせてご検討いただきたいサービス

Web運用をさらに効率化・効果的にするために、私たちが厳選したツール・サービスをご提案します。

小さな組織の大きな味方 らくっとホームページ 低コストでも充実のホームページ制作プラン

らくっとホームページ

初めてのサイト立ち上げに最適

小規模組織・新規事業・NPO法人向けの、安心・低コストなホームページ制作サービス。MovableType.netというクラウド型CMSで、セキュリティも万全。更新も簡単で、運用の手間を最小限に抑えられます。

  • ・初期費用を抑えて短期間で公開したい
  • ・セキュリティ対策に不安がある
  • ・更新のしやすさを重視したい

詳しい説明はこちら

kintone

kintone(キントーン)

業務効率化で、Web運用の時間を捻出

プログラミング不要で業務アプリを作成できるクラウドサービス。顧客管理、案件管理、承認フローなどをデジタル化することで、Web更新に充てる時間を確保できます。私たちがkintone導入・カスタマイズもサポートします。

  • ・顧客情報や案件管理が煩雑になっている
  • ・承認フローに時間がかかっている
  • ・Excelやスプレッドシートでの管理に限界を感じている

詳しい説明はこちら

導入相談も無料で承ります。お気軽にお問い合わせください。

Web運用のお悩み、専門家に相談してみませんか?

無料相談で分かること

  • ✓ 今のサイトの課題と改善ポイント
  • ✓ 最適な運用方法と必要な予算感
  • ✓ 具体的なスケジュールと進め方

相談は完全無料。契約の義務もありません。

札幌近郊は直接訪問 / 遠方はZoom等でお打ち合わせ

無料でIT相談する