Wordpress Builder

WinRoad徒然草の管理人が提供するWordPressとホームページビルダーの情報サイトです。

WordPress Builderのサイトロゴの編集

WordPress Builderのサイトロゴの編集

このエントリーをはてなブックマークに追加

WordPress Builder(ホームページビルダーで作成したWordPressのテーマ)のサイトロゴを編集します。

1. ホームページビルダーを立ち上げたら、WordPressページを開くをクリックします。※前回使ったサイトを編集するなら、最近使った履歴から開く方が早いと思います。

wordpress054

2. サイトを選択し、開きたいページをクリックしてから、開くボタンをクリックします。

wordpress055

3. トップページが開いたら、修正したい画像(Homepage Builderのサイトロゴ画像)をクリックして、背景画像の編集の中の合成画像の編集をクリックします。

wordpress056

4. 文字が選択されている状態で、編集をクリックします。

wordpress057

5. 文字を修正したら、次へをクリックします。※状況に応じて、フォントやスタイルを変更して下さい。

wordpress058

6. 文字色を選択して、次へをクリックします。とりあえず何も変更せずに次へをクリックします。※文字のグラデーションやテクスチャも変更できます。

wordpress059

7. 文字の縁取りを選択します。何も変更せずに次ぎへをクリックします。

wordpress060

8. 文字効果の選択ダイアログで影を入れてみましょう。完了をクリックします。

wordpress061

9. 合成画像の編集のトップページに戻り、とりあえずWordpress Builderのロゴは出来ました。今度は追加→ロゴとクリックします。

wordpress062

10. 文字を入力し、サイズを決めたら次へをクリックします。

wordpress063

11. 色の選択でそのまま次へ、縁取りの選択もそのまま次へ、文字の効果もそのまま(影がついた状態です)で完了をクリックします。下記のように文字が追加されました。

wordpress064

12. 文字の位置を修正したら、OKをクリックします。外部CSSファイルの更新確認ダイアログが表示されたら『はい』をクリックします。※毎回この表示が出るのが面倒な場合は次回から表示しないにチェックを入れます。

wordpress065

13. 画像ファイルを上書きします。よろしいですか?と尋ねてきますが、『はい』をクリックします。下記のようにサイトのロゴが修正されました。上書き保存をクリックし、サイトの公開をクリックします。

wordpress066

14. サイトの公開ダイアログが表示されたら、公開ボタンをクリックします。

wordpress067

15. データの転送が終了したら既定のブラウザが立ち上がり、hpbダッシュボードが開きます。データの反映をクリックします。

wordpress068

16. 一番下のデータの反映を実行するボタンをクリックします。※尚、WordPressで直接固定ページを編集した場合は、編集した固定ページを変更しないにしてから実行ボタンを押して下さい。ホームページビルダーの固定ページにの内容で変更されて氏ますます。

wordpress069

17. hpbダッシュボードの初期画面戻ったらサイトを見るをクリックします。下記のようにサイトが修正されました。

wordpress070

18. ちなみにスマートフォンで見るとこのようになるはずです。

wordpress071

以上です。

ホームページ・ビルダー17 通常版 バリューパック

新品価格
¥12,534から
(2012/12/19 16:57時点)

« »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です