【Simplicity2】カスタマイズ タイトルロゴを作ろう

【Simplicity2】カスタマイズ タイトルロゴを作ろう

サイトのタイトルロゴってオシャレにしてる方って結構いますよね?

例えるなら顔!

サイトのタイトルロゴは私たちで言う顔ですものね。

そこで今回は他の人たちと違う、自分の個性をだしながら、サイトの顔を作っていきましょう。

全て無料でできますので試してみてください。

スポンサーリンク

無料のサイトでタイトルロゴを作ってみよう

Squarespace Logo

このサイトは無料で簡単にロゴが作れます。

時間もかからずロゴができますので、試してください。

初心者の私もこの様にオシャレにできました。

Squarespace Logoでロゴを作ってみよう

無料でロゴが作れるサイト:Squarespace Logo

「サイトのタイトル」を入力して→をクリックします。

 

検索画面が出てきますので、欲しいアイコンを検索してください。

検索は必ず英語で入力してください

好みのアイコンが決まりましたら、確認してすくな場所に移動してください。

移動のやり方はクリックしたまま移動できます。

検索の上にテキストを入れれる項目があります。

好みでお使いください。

文字をクリックするとこの様に種類や色を変えれますので、サイトに合うように変えてください。

文字の位置や色、大きさなど変えてタイトルロゴができましたらアイコンの下にある「SAVE LOGO」をクリックしてください。

 

この様に表示されますので左側の赤枠をクリックしてください。

左は無料ダウンロード、右は有料ダウンロードになりますのでちゃんと確認してください。

以上でSquarespace Logoでロゴが完成します。

次は他の方法でタイトルロゴを作っていきます。

他のサイトでアイコンを取得して文字を入れよう

ここからは違うサイトでのタイトルロゴの作り方になります。

無料のアイコンを取得し無料の文字を入れていくので、二つのサイトを使います。

今から紹介する二つのサイトで作ったものがこちらです。

まずは無料のアイコンを手に入れましょう。

icooon-mono

こちらのサイトは無料でアイコンが手に入れれます。

アイコンの種類も豊富なので使って見てください。

無料アイコンサイト:icooon-mono

サイトに入りましたら上にある「Search」で好みのアイコンを検索してください。

画像の大きさ・画像の色を選びましたら、ファイルの形式を選択して保存してください。

こちらはこれで終了です。

次に先ほどのアイコンに文字を入れていきましょう。

BANNER KOUBOU(バナー工房)

こちらのサイトは文字入れサイトになります。

先ほどのアイコンに文字を無料で入れれます。

無料で文字を入れれます:BANNER KOUBOU

先ほど保存したファイルを選択して「画像を加工する」をクリックしてください。

 

この様に文字の大きさや種類などの項目がありますので、自分のサイトにあったものを選んでください。

選んで「文字設定を変更」を押すとこの様に変わります。

 

文字設定を変更をクリックして、文字が気に入った位置になりましたら「現在の文字の場所を確定」をクリックしてください。

文字の場所を確定しないと、設定が保存されないので注意してください。

画像を設定して気に入ったものができましたら「ダウンロード」してください。

これでロゴが完成です。

次にワードプレスのカスタマイズに移ります。

タイトルロゴをヘッダーにしよう

「外観」→「カスタマイズ」→「ヘッダー」を選択してください。
「ロゴ画像」の場所に画像を選択します。
これでタイトルロゴが表示できます。

最後に

まだまだ無料でロゴができるサイトはいくつかあります。

今回、私はこの三つの無料サイトを使いましたが、他にも試してみてはどうですか?

サイトにタイトルロゴを作るだけで、他にはないあなただけのサイトに見えます。

簡単にできますので初心者の方も是非一度使って見てください。

参考→【Simplicity2】ASP広告をサイドバーで表示させる方法
参考→【Simplicity2】カスタマイズ グローバルナビ設定方法
参考→【Simplicity2】コピペ一発でサイトを高速化できる方法
参考→WordPress(ワードプレス) 初心者が見出しタグを変更するには? Simplicity2の子テーマダウンロード方法