ホームページビルダー17

ホームページビルダー17で文字の編集

更新日:

今日は、ホームページビルダー17でWordPressサイトの文字の編集を行ってみたいと思います。WordPressはCMSですので、文字の編集は、WordPressのダッシュボードで行うことが出来ますが、ホームページビルダーの操作方法を覚えるためにも、ホームページビルダーから文字を編集する方法を調べてみたいと思います。

WordPressのページを開く

1. まず、ホームページビルダーのガイドメニューから『WordPressのページを開く』をクリックします。

2. 編集するサイトを選択して、開くをクリックします。

3. 編集したいサイトが開いたら、編集したいページを右のタイトル一覧から選択して、ダブルクリックで開きます。

ホームページビルダーで文字の編集

4. 修正したい文字の周辺をクリックするとピンクの枠で文字が囲まれますので、そのまま編集します。

5. それでは、一端保存してサイトを更新してみます。上書き保存⇛サイトの公開⇛公開とクリックします。

6. ファイル転送中のダイアログが閉じたら、WordPressのhpbダッシュボードが開きますので、上の方にあるデータの反映ボタンをクリックします。

7. 次のページの下の方にあるデータの反映を実行するボタンをクリックすると、hpbダッシュボードのトップページに戻りますので、上の方にあるサイトを見るをクリックしてページを確認してみましょう。

WordPressで固定ページの編集

8. お問い合わせをクリックして、編集箇所を確認したら、今度は、WordPressのトップバーにある固定ページを編集をクリックしてみます。

9. すると、ダッシュボードで固定ページを編集することが出来るのが分かると思います。

尚、WordPressで固定ページを編集するとレイアウトが崩れる可能性がありますので、気をつけて下さい。ですので、固定ページの編集はホームページビルダー上で行った方がいいと思います。又、WordPressで行った固定ページの編集は、ホームページビルダーには反映させられませんので、再度、ホームページビルダーで編集する場合は、WordPressへの反映の時にWordPressで編集を行った固定ページだけ反映させないようにして下さい。

サイトのメニュー文字の修正

10. それでは、再度ホームページビルダーに戻ってみましょう。今度はサイトのメニューの文字を編集してみましょう。簡単ナビバーの『ページ構成』をクリックします。※上のビルダーのメニューバーからは、WordPress⇛ページ構成で移動することも出来ます。

11. ページ構成のダイアログが開きますので、修正したいタイトル名をクリックして、変更ボタンをクリックします。ページの変更ダイアログが開いたらタイトル名を修正してOKボタンをクリックし、再度ページの構成ダイアログになったら、閉じるをクリックすればメニューの文字は修正されています。

画像内の文字の修正

12. 次に画像の中の文字を修正してみましょう。編集したい画像をクリックしたら、背景画像の編集をクリックし、『ウェブアートデザイナーで編集』をクリックします。※『合成画像の編集』でも簡単な編集ならできるのですが、後々画像を入れ替えたり画像を編集したりしますので、ウェブアートデザイナーに慣れておきましょう。

13. ウェブアートデザイナーの右端にあるのが、画像又は文字のレイヤーです。四角い枠をクリックするか画像の中の文字をダブルクリックするとロゴの編集ダイアログが開きますので、そこで文字を編集することが出来ます。

14. ロゴの編集は文字のサイズや色だけでなく縁取り効果など色々加工することが出来ます。使い方は直感的ですので、ほとんど説明のいらない程です。自分自身であれこれいじりながら覚えればいいと思います。

15. 編集が終わり、閉じるボタンをクリックすると、変更確認のダイアログが表示されますので、『はい』をクリックします。

16. すると外部CSSファイルの更新確認ダイアログが表示され、『元に戻せないけれども、いいですか』みたいな怖いことをいいますが、気にせずに『はい』をクリックします。※ホームページビルダーの編集はとても簡単ですので、失敗しても大丈夫です。

17. 画像内の文字が修正されました。

18. 上書き保存して、サイトの公開をクリックして、本日は終了にしたいと思います。尚、何度も言いますが、転送が終わったら、必ずWordPressのhpbダッシュボードでデータの反映を行って下さい。これを怠るとせっかくの更新作業が無駄になります。

お疲れ様でした。

-ホームページビルダー17
-

Copyright© WinRoad徒然草 , 2018 All Rights Reserved Powered by AFFINGER5.