とりあえずHP の使い方

ロゴマークを表示させよう会社やお店のロゴマークを表示させる

ご確認ください

以下のいずれかに該当する方は、新管理画面をご利用のため、解説とは部分的に異なる箇所があります。

  • 2023年12月18日以降に、とりあえずHPの無料体験をお申し込みした方
  • 「新管理画面への移行完了のお知らせ」の通知を受け取っている方
[基本情報の設定]をクリック
管理画面のメニュー[基本情報の設定]画面

管理画面のメニューから[基本情報の設定]をクリックします。

[ロゴを選択する]ボタンをクリック
[ロゴを選択する]ボタンのクリック画面

『ロゴマーク』の横にある[ロゴを選択する]ボタンをクリックすると、
別のウインドウが開きます。

ロゴマークの画像ファイルを選択します
使用するロゴマークの選択画面

あなたのパソコンの中から、ロゴマークの画像ファイルを選びます。
ファイル名をクリックした後、[開く]ボタンをクリックします。

※上の画面は、Windows10の例です。

ロゴマークの表示サイズを選択します
ロゴマークの表示サイズ選択画面
表示(自動サイズ合わせ)

ロゴ画像を横幅300pxに縮小して表示します。

※横幅300px以下の場合は画像そのもののサイズで表示されます。

表示(大サイズ)

ロゴマークを縮小せずに大きく表示します。

※横幅1000px以上の画像をアップロードした場合は、自動的に横幅1000pxに縮小して表示されます。

※ご利用のテンプレートデザインによっては、自動的に横幅1000px以下の適切なサイズに縮小して表示される場合があります。

※選んだ画像自体のサイズが小さい場合は、画像そのもののサイズで表示されます。(拡大はされません)

※「非表示」を選択した場合、ロゴマークは表示されません。

[上記の内容で設定]ボタンをクリック
[上記の内容で設定]ボタンのクリック画面

下の方にある[上記の内容で設定]ボタンを押して
変更内容を保存しましょう。

ホームページを確認しましょう
ロゴ設定完了サンプル画面

[ホームページを確認]ボタンをクリックして、
実際のホームページにロゴが表示されたか確認してみましょう。

ロゴ設定完了サンプル画面

【ヒント】ロゴマークを作成するには?

ロゴマークを新しく作る場合は、画像編集ソフトが必要となります。
有料のソフトの購入が難しい場合は、フリーソフトでロゴマークを作ることもできます。以下、紹介します。

LogoShader(文字を立体化したように見せるロ作成ソフト)

※他社様のフリーソフトのため、ご利用にあたっては開発元の注意事項をよくお読みになってください。

ロゴマークを表示させる

Googleビジネスプロフィールに登録しよう

外部フォームを利用する

Googleタグマネージャーを設置する

アクセス解析を見る

無料オンラインサポート実施中

\ホームページを作る前に知っておきたい/

ホームページの作り方 動画講座

動画URLを無料で入手

\ホームページ制作のプロに個別相談/

とりあえずHP無料個別レッスン

個別レッスンの詳細

簡単に自分で作れるホームページ作成ソフト「とりあえずHP」

簡単HP作成ソフト「とりあえずHP」

無料お試しはこちら