ホーム > サイトを作ってみよう！ > サイト制作･編集 > ページの追加･削除 > タイトルを横長のロゴ画像に変更



タイトルを横長のロゴ画像に変更

タイトルはロゴなどの画像に差し替えることができます。但し、選んでいるテンプレートによってロゴを配置する場所の幅がスタイルシートで設定されており、設定されている幅より大きな画像を差し込んだ場合、タイトルの右側に別のツールの表示枠があった場合、ロゴの下の位置にズレてヘッダーの高さが急に広がってしまう場合があります。



そのような時は、

1. 配置した画像を小さくする

配置したタイトル画像を小さくするだけで大きさ的に問題がなければそれで済ませられる場合があります。


説明スライド配置

Coming soon…


2. タイトル画像の表示幅を変更する

タイトルの右側はほとんどのデザインで電話番号、ソーシャルアイコン、検索ボックス等を配置するスペース、またはナビメニューが来るように設定されていることが多く、予めデザインによってそれぞれですがタイトル画像の配置サイズがスタイルシートによって記述されています。

CSS、HTMLの知識が無いと実際に変更するのは難しいのですが、ひとつの例を紹介し、CSSの変更で最大幅を変更する操作方法をご案内します。（CSS、HTMLの知識が殆どない方は詳しい方に見ていただくか、当方の有料サポートにご相談ください）


説明スライド配置

Coming soon…


操作方法についてご質問

共有できるご質問へは無料でご案内しています。
個別案件は内容によって有料の場合があります。
お気軽にご相談ください。

Weeblyでサイト作成相談･依頼

￥55,000-（税別）〜 +オプションで制作します。詳しくはお問合せください。
​お気軽にご相談ください。

Weeblyへサイト移行相談･依頼

他のCMSからデザインブラッシュアップも含め￥55,000-〜 +オプションで制作しています。
​お気軽にご相談ください。

Weeblyで作成したサイトを
​ブラッシュアップ相談･依頼

既存のWeeblyで作成しているサイトをデザイン、レイアウト、構成などブレッシュアップ等​お気軽にご相談ください。

Weeblyサイトの編集･運営をサポートするサブスクリプション始めました。

Weeblyの基本設定・操作・集客できるサイト運営など、オンラインセミナー開催しています。

事業に役立つウェブサイトの役割、
​作成・運営方法の基礎知識セミナー

個人･小規模事業者におすすめ
​HP作成 CMS Weebly

優れたCMS-Weeblyの
​操作方法プライベートレッスン1時

4hでWEBサイトのHTMLが編集できるようになる
超初心者向講座

Weeblyでサイトの制作を開始する

Weeblyを開始する前に、このサイトのTOPページに有る
「Weeblyをはじめる前に」を一読ください。
トラブル回避のためにぜひ、お読みください。
Weebly.comを始めたい方は
Weeblyのバナーをクリック ▶▶▶

サイトマップ

ホーム
このHPについて
├ HPの作り方無料プレゼントのご案内
└ これからのHPとは？
    ├ 役立つHPの作り方
    ├ 事業に役立つHPの作り方
    └ こんなCMSは利用するな
└ Weebly.comの特長
    ├ 他のCMSとの比較
    ├ Weeblyの有料プラン紹介
    └ Weeblyメリット、デメリット
└ Weeblyの特長の詳細 
　├ ドラッグ＆ドロップで作成
    ├ 豊富なデザイン
    ├ 強力なホスティング
    ├ 迅速で役立つサポート
    ├ 簡単ブログ配置＆編集
    ├ 優れた画像設置･編集機能      
    ├ 簡単なビデオ,オーディオ配置
    ├ フォームも簡単配置･編集
    ├ トラフィック統計
    ├ 独自ドメインホスティング
    ├ 無料版でも広告なし
    └さらなる様々な機能
└  こんなHPが作れます!
　サイトを作ってみよう！
​└ホームページの作成準備
　├ サイトの構成を考えよう!
　└  素材を用意しよう！
​└ WEEBLY登録･設定･基本操作
　└ Step01登録&スタート
    　├ デザインの選択
​　　└ コラム・ドメインについて
　├Step02 サイトの設定
　├ Step03 サイトの管理画面
　├ Step04 サイトの編集操作画面
　└ Step05 サイトの編集操作の基礎知識
└ サイト作成・編集
　└ 編集操作項目一覧
    　├ デザインテーマの変更
   　 ├ ページの追加・編集
　　└ タイトルを横長のロゴ画像に変更
    └ ブログページの追加・編集
       └ SNSと連携設定
    ├ 画像と文字の配置・編集
    ├ 複数の画像をポートフォリオ表示
    ├ 複数の画像をスライド表示
    ├ 動画の配置
    ├ リンクボタンの配置
    ├ Google Adsenseの配置
    ├ Google Mapの設置
    ├ ブログ一覧（RSS FEED）の設置
    ├ お問合せフォームの設置･編集
    ├ アンケートの設置･編集
    ├ Googleカレンダーの設置
    ├ オリジナルHTMLコードの設置
    ├ ページ内検索BOXの配置
    └ ダウンロード書類の配置
└ SEO対策の設定 
機能を拡張しよう！
├ Facebook「いいね！」boxの設置
├ Fecebook Recommend Boxの設置
└ Twitter連携BOXの設置

Q&A

カスタマイズ（有料会員専用）
├ RSS FEEDの設定＆カスタマイズ
├ カスタムHTMLの設定
├ CSS3を活用した設定
├ デザインのカスタマイズ
├ ナビのカスタマイズ
└ フッターのカスタマイズ
└ Google Analitycsの設置
└ Google Webmasterコードの設置

お問合せ
└ 有料サポートのご案内

管理人プロフィール

2012- Copyright © Weeblyの教科書. All Rights Reserved