【STORK(ストーク)】簡単にできるサイトロゴ画像の作成・設定方法3ステップ

どうも、あらやんです。

今回はWordPress用テーマ「STORK(ストーク)」をお使いの方向けに
簡単にできるサイトロゴ画像の作り方、設定方法を説明しようと思います。

STORK(ストーク)ではブログ最上部(ヘッダー部分)に
サイトロゴを設置することができます。

サイトロゴには

  • ロゴ画像
  • テキストロゴ

この2種類があります。

今回はロゴ画像の簡単な作り方を解説していきますね。

先ほども書いた通り、STORK(ストーク)では
ロゴ画像かテキストロゴのどちらかを設定できるのですが、
言い方を変えるとどちらかは設定しなければいけない仕様に
なっています。

初めてブログを運営する人っておそらくロゴ画像なんて
持っていないと思うのでテキストロゴ設定にすると思うのですが、
(ロゴ画像を設定しないと自動的にテキストロゴになる)

テキストロゴはちょっとした問題があって、
特にブログタイトルが長い人はそのまま
テキストロゴ設定にするとスマホから見た時に
変な改行をされてしまって見た目が悪くなる可能性があります。

(どうしてもテキストロゴが良い方は
こちらの記事を参考にしてみて下さい。
【STORK(ストーク)】テキストロゴをお使いの方におすすめの「あること」とは?)

ですのでロゴ画像を設定することをおすすめしますが、
そもそもロゴ画像を持っていないと設定できないので
この記事を参考にしてロゴ画像を作成してみて下さいね。

 

ステップ1:元になる画像を用意しよう

まずはロゴ画像を作成するにあたり、
元になる画像を用意しましょう。

あなたのブログのイメージや表現したい世界観を象徴するような
画像をぜひ用意して頂きたいと思いますが、
ネット上から拾ってくることのできる画像はモノによっては
著作権の問題でNGな場合もあります。

そういった場合は著作権フリーの画像をダウンロードできる
サイトを利用すると便利です。

私が普段よく使っているのは

です。

この3つのサイトはどれも無料で使うことができるので
非常に便利ですね。

こういったサイトを使って好みの画像を用意しましょう。

今回は例としてイラストACで下の画像を調達してきました。

 

ステップ2:透過設定を行う

次に調達してきた画像の透過設定を行います。

調達してきた画像は背景があるので、このままロゴ画像に
設定すると背景部分がそのまま表示されてしまいます。

透過設定をしておくと背景部分が透けてヘッダーカラーが
見えるようになるのでその設定をしておきましょう。

まず必要になるのは画像編集ソフトですが、
フリーソフトの「JTrim」が簡単でおすすめです。

これからロゴ画像を作成するにあたってまずこちらを
ダウンロードして下さい。

これはJTrimで先ほどの画像を開いたところです。

開いたらまずは背景色を設定します。
背景色は元の画像に使われていない色で塗りつぶしましょう。

塗りつぶしボタンを押すと下の画像のウィンドウが開きます。

塗りつぶし色の部分で色を選択します。
先ほども書いた通り元の画像で使われていない色を
選択しましょう。今回は黄色を選びました。

下の許容範囲は数字を増やせば増やすほど
塗りつぶされる範囲が増えていきます。

背景だけが塗りつぶされるギリギリの数字を
設定して下さい。

背景の塗りつぶしが完了したら、右上にある
スポイトの様なマークの項目をクリックした状態で
背景部分をクリックします。そうすると…

この様に背景部分がモザイク模様になります。
これで透過設定が完了しました。

最後に名前を付けて保存をすれば完成ですが、
必ずPNGファイルかGIFファイル形式で保存して下さい。
ファイル形式が違うとせっかくの透過設定が適応されません。
ここを間違えないように気をつけて下さいね。

 

ステップ3:ロゴ画像に設定する

画像の用意ができたらロゴ画像に設定をしましょう。

STORK(ストーク)のロゴ画像の設定方法は
こちらの記事で説明しているのでやり方が分からない方は
こちらを参考にして設定を行って下さい。
【STORK(ストーク)】サイトロゴの設定を行う方法

実際に設定してみたものがこちらです。

はい、無事に背景を透明にすることができました!

この方法で画像の編集を行えば簡単にロゴ画像を作成し、
設定することができるのでぜひ試してみて下さいね!

 

カスタマイズ記事まとめ

他のSTORK(ストーク)カスタマイズ記事をお探しの方はこちらから
まとめページへ移動することができます。

ぜひあなただけの素敵なSTORKブログを作り上げていって下さいね!


無料会員制のメールコミュニティへご招待しています

無料で参加できるメールコミュニティ、その名も「ニコニコスマイルコミュニティ」にご招待しています。

このコミュニティではブログでお伝えしきれなかった内容やコミュニティ参加者限定のコンテンツをプレゼントしています。ネットビジネスでお金を稼ぐ力を身に付け、自由なライフスタイルを実現して大切な人とニコニコ笑顔で暮らしていけるような人生を創造していきたいのなら、あなたも無料のコミュニティに参加して仲間になりませんか?