ページを編集してコンテンツを追加する

コンテンツエディターでページを開き、ブロック、要素、テキストエディター、HTMLエディター、保存とプレビューの仕組みを確認しましょう。

ページのコンテンツは、コンテンツエディターで編集します。コンテンツエディターはブロックエディターで、テキスト、画像、ボタン、アドオンを組み合わせてページを作成できます。この記事では、エディターの開き方と各部分の関係を説明します。

ページを編集用に開く

  1. サイドバーでページ → ページを管理をクリックします。すべてのページが表示されます。左側のカテゴリーフィルターやページを検索を使うと、目的のページを見つけやすくなります。
  2. ページ名か、鉛筆アイコンのページのコンテンツを編集をクリックします。歯車アイコンのページの設定をクリックすると、名前、タイトル、URLなどの設定が開きます。そこからもページのコンテンツを編集でエディターを開けます。

メニュー → メニュー項目を管理から開くこともできます。各ページへのリンクにページを編集アイコンがあります。

ページの構成:レイアウト、ブロック、要素

  • レイアウトはページのコンテンツ全体です。ブロックの配置を決めます。
  • ブロックはページの一区画です。ブロックには縦方向(要素が上下に並ぶ)と横方向(要素が左右に並ぶ)があります。
  • 要素はブロック内の1つのコンテンツです。テキスト、ボタン、ギャラリー、お問い合わせフォーム、埋め込みHTMLなどがあります。

ページの一部をクリックすると選択されます。レイアウト / ブロック / 要素の切り替えで、どの階層が選択されているかがわかります。設定を表示をクリックすると、その階層の設定(背景、枠線、余白、幅、配置など)が開きます。

ブロックと要素を追加する

  • ブロックを追加で新しい区画を追加します。空の縦方向ブロック、空の横方向ブロック、または用意されたテンプレート(キーワードで絞り込めます)から選びます。
  • ツールバーの要素を追加(アドオン)、または選択した要素にあるプラスアイコンの前に要素を追加と後に要素を追加で、要素の選択画面が開きます。
    • ベーシック:標準(テキスト要素)とボタン。
    • アドオン:ブログ、カレンダー、お問い合わせフォーム、ギャラリー、ゲストブック、リンク集、会員エリア、ニュースレター、掲示板、アンケート、シャウトボックス、サイトマップ。アドオンは事前にサイドバーのアドオンで設定しておいてください。ホームページにアドオンを追加するをご覧ください。
    • ソーシャルメディア:フォローボタン、Facebook、Instagram、Twitter。
    • 特殊:テロップと、ほかのサービスのコード用の埋め込みHTML。
    • 保存済みの要素:要素を保存で保存し、ほかのページで再利用できる要素です。

選択した要素のアイコンで、要素を上下に(横方向ブロックでは左右に)移動したり、複製(要素を複製)したり、削除(選択した要素を削除)したりできます。

テキストを入力して書式を設定する

標準要素をクリックして入力します。書式設定ツールバーが表示され、太字・斜体・下線、フォント、サイズ、色、段落の書式、配置、リスト、リンク、画像、動画、表、特殊文字、HTMLを挿入を利用できます。画像については画像を挿入する、動画については動画を埋め込むで説明しています。

HTMLエディター

HTMLエディターでは、ページのHTML全体をコードエディターで表示できます。上級者向けの機能で、間違えるとページのレイアウトが崩れることがあります。コードをビジュアルエディターに読み込めない場合は、修復を試すが役立ちます。HTMLエディターを終了でビジュアル表示に戻ります。ここからも保存(編集を続ける)と保存(編集を終了)で保存できます。HTMLとは?も併せてご覧ください。

保存、元に戻す、プレビュー

  • 変更は自動的には保存されません。保存して続けるは保存してエディターを開いたままにし、保存して終了は保存してページ一覧に戻ります。保存していない変更があるまま移動しようとすると、管理画面に警告が表示されます。
  • 元に戻すとやり直しで、現在の編集作業中の変更を1つずつさかのぼったり進めたりできます。
  • プレビューをクリックすると、保存せずに現在のコンテンツをホームページのデザインで新しいタブに表示します。保存後は、ページ一覧のホームページにページを表示で公開中のページを開けます。

解決しませんでしたか?

hPageのホームページに関するご質問は、サポートチームがお手伝いします。

サポートに問い合わせる