各ページの編集方法|納品後のご案内|はやさぽホームページ

記事
デザイン・イラスト

はじめに

ホームページ/ランディングページのご購入、誠にありがとうございました。
この記事では、ホームページを納品させて頂いたお客様に、ご自身でページを編集される場合の方法を、簡単にご案内致します。
なお、Wordpressや導入している機能は、本当に膨大な機能がありますので、網羅的にご案内することができません。
そのため、本当に基本的な操作についてのご案内になってしまいます。
その点、ご容赦くださいませ。

1.ページの編集は原則Elementor

elementor.png
弊社のウェブ制作は、『Elementor』というビジュアルエディタを使っています。
そのため、各ページを編集したい場合には、上の画像など、『Elementorで編集』をクリックして頂くと、編集画面に入ります。

2.編集したい場所をクリックする

elementor2.png
右側が、『完成イメージ』、左側が、『編集画面』となっています。
まずは右側の『完成イメージ』で、編集したい部分をクリックします。
そうすると、編集できる部分が『編集画面』に表示されます。

3.WORDみたいに編集できる

elementor3.png
編集は、上の画面のように、WORDのような編集画面になっています。
行を増やしたり減らしたり編集するには、右上にあるエクセルのようなアイコンをクリックします。
その他、フォントサイズの変更や、太文字なども簡単にできます。
一番右上の部分、『ビジュアル』ではなく『テキスト』に変更すると、『キイロアンダーライン』などを引くことも可能です。

4.レスポンシブなどの機能も充実

elementor5.png
『編集画面』で、『高度な設定』をクリックすると、『レスポンシブ』(PCとスマホで表示の仕方を変える等)や『モーション効果』(文字や画像が動く)などの設定をすることができます。

5.編集画面に機能を追加する

elementor4.png
『完成イメージ』がクリックされていない状態の時は、上画像のように、左側に機能一覧が表示されています。
このそれぞれの機能を、右側にドラッグすることで、機能を追加できます。

6.プロ用機能導入済み

elementor6.png
無料プランでは入っていない、上のような機能を無料で導入してあります。
どんな機能か、網羅的にご説明するのは難しいので、ぜひ、いろいろ試してみてください。

最後に

「こんなことがやりたい」と思ったら、弊社にお問い合わせ頂くのも良いかと思いますが、ぜひ、検索してみて頂きたいです。
Wordpressは、多くの人が、様々な記事を、画像や映像付きで解説しています。
そのため、弊社がご案内する際も、知らない方のブログ記事などのリンクをお送りすることが多いのが現実です。
たいていのことは、検索すれば記事が出てまいりますので、ぜひ探してみてください。


サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す