comments trackbacks you may also like

商用利用OK!無料でロゴが作れる便利なオンラインツールでFC2ブログに実装してみた!

2019年09月07日
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など
-
#ロゴ作成無料 #ロゴ作成 #ロゴジェネレーター #ロゴ作成フリーソフト #ロゴ作成無料おしゃれ #ロゴデザイン #fc2ブログ #fc2ブログカスタマイズ #ブログ運営 #Webデザイン

FC2ブロガーのMです。皆さんは「ロゴ」って作ったことありますか?僕は以前に新しく作った会社のロゴデザインを考えたことがありましたが、かなり大変な思いをしたものです。

でも、今は会社に限らずWebサイトやブログ、さらにはSNSに至るまでロゴを使うのが流行っていますよね。

僕の場合はFC2ブログを運営してるので、この『ゆうらり Happy Smile』のロゴを簡単に作る方法がないものかしら?と調べてみたところ、とても便利なロゴ作成のオンラインツールを発見!さっそく作ってFC2ブログのヘッダー部分にブログタイトルと並べる形で実装してみましたよ。

胃がんブログ – ゆうらり Happy Smile のロゴ

無料で使える上に商用ライセンスにも対応。とても使い勝手が良くて便利だったので、僕が実際に試してみた実装手順をご紹介します!

無料で使えるロゴデザイン作成に便利なオンラインツール『Free Logo Maker』

Logo Maker - Create a Free Logo in Minutes - Namecheap

僕が発見した、無料で使えるロゴデザイン作成に便利なオンラインツールは『Free Logo Maker』というウェブサイト。

ユーザー登録やクレジット表記なども不要で、ロゴデザインを完全無料で作成してダウンロードできるサービスです。さらに、作成したロゴは商用ライセンス対応となっています。

『Free Logo Maker』の使い方

さっそく『Free Logo Maker』の使い方を見ていきましょう。

まず最初に「Create Your Logo」を押すことでロゴの作成が開始します。

Namecheap

赤枠で囲った2箇所にそれぞれ入力を求められます。

上は会社名などロゴに表示される名前で下は業種など。上の所はロゴに表記されるので僕はブログ名を入れましたが、テキストが日本語に対応してない(文字化けする)んですね。

僕のブログタイトルは日本語と英語をゴチャ混ぜにした『ゆうらり Happy Smile』なので、こういう場合はちょっと困ることが結構多いのです…。

仕方ないので、ぜんぶ英語表記にして、下の項目はとりあえずblogにしました。

Namecheap

次の画面に移ると、テキストデザインの候補が表示されました。

Namecheap

さらに次の画面に移ると、ベースとなる色の選択を求められます。

Namecheap

そして次の画面で、何かスローガンを表示させたい場合は入力。とくに必要なければContinueを押して次に進みます。

Namecheap

ここでアイコンを選びます。自分が作りたい種類のテーマを入力してsearchボタンをクリックします。僕の場合は「好奇心」を英語で入力しています。

Namecheap

アイコンを決めると、さまざまなロゴデザインの候補が表示されます。該当するデザインを決めたらクリックして次に進みましょう。

Namecheap

こちらの画面では、色などのカスタマイズが出来ます。変更などを終えたら、下のダウンロードボタンを押せばzipファイルがインストールされます。簡単でしたね!!

おわりに/ダウンロードされた素材にはSVGファイルなど多種多様でカスタマイズしやすくて便利♪

胃がんブログ ゆうらりHappySmile ロゴデザイン

ダウンロードされたファイルには、PNG画像のほかにSVGファイルも用意されており、アイコンだけ、テキストだけのものまであってとても便利です(^^)

これらをどう使うかは用途によってさまざまですが、僕の場合はFC2ブログのヘッダー部分にタイトルと一緒に並べたかったので、SVGのアイコンだけ使って実装してみましたよ♪

この辺についても説明したかったのですが、使用するFC2ブログのテンプレートによっていろいろ異なってきますので割愛します。

やり方が分からない人のために参考に出来るサイトのリンクを貼っておきます。カスタマイズで試行錯誤する際の一助となれば幸いです。

>>タイトルを画像にする (10plate_sp_white) - FC2ブログのテンプレート工房

テンプレートのヘッダー画像を変更する際のヒント

FC2ブログはテンプレートのhtmlが統一されているわけではありませんので、「これこれこうすればオッケー!」というわけにはいかないのが悩みどころではないかと思います。...

ブログタイトルの折返しを制御する方法

「ブログタイトルがおかしなところで折り返してしまいます。」という質問が寄せられることがあります。


例えば仮にブログタイトルが
ハーレーダビッドソンのバイクを熱く語るブログ
だとします。


不自然な折返しの例


ハーレーダビッドソンのバイ
クを熱く語るブログ


自然な折返しの例


ハーレーダビッドソンのバイクを
熱く語るブログ


一文が全て横に並んでいるのが最も自然なわけですが、スマー...

ブログタイトルを画像に変える際の基本や【絶対やってはいけないこと】

ブログタイトルを画像に変更する

というのは比較的ポピュラーなカスタマイズかと思います。
その際に やってはいけないこと がいくつかあるんですね。
やってはいけないというか、「やるとマズいことになる」と言った方が正しいか。


背景画像とロゴは 切り分けるべき
掲載に利用するのは CSSプロパティのbackground-image ではなく htmlタグのimg


今回はこの2つに的を絞って説明しようと思います。
もちろん条件...

興味がおありの方は是非とも一度試してみて下さい。

▼関連記事

【初心者向け】 FC2ブログの使い方 スマホ投稿~便利ツールなどなど

こんにちは。FC2ブロガーのMです。今回は、FC2ブログをはじめたばかりの初心者さんや、Yahoo!ブログからお引っ越しされたばかりのブロガーさん向けに、便利ツールやお役立ちサイトをご紹介してみようと思います(^^)...

FC2ブログをスマホ専用アプリで更新する時に便利な作業効率化ツール

どうもこんにちは。FC2ブログ「ゆうらり Happy Smile 」の管理人をしているブロガーのMです。今回は、スマホでFC2ブログを更新する場合についてのお話しを書こうと思います。皆さんは、スマホで記事を書く際に、FC2ブログの専用アプリをお使いだと思いますが、その他のものとして、作業を効率化するために何か便利なツールを活用されてますか?ちなみに、スマホで記事を書くといっても、なるべくパソコンに向かって書いた場合と同...

【無料で使える】画像圧縮ツール『squoosh』は便利で操作も簡単!

FC2ブロガーのMです。今回は、ブログ運営で必須となる画像圧縮について。ブログ記事に写真などを貼り付ける場合、画像の容量を減らす作業はとても大切です。そうしないと、Webサイトのページ表示が異様に遅くなってしまいますから(汗)重い画像を軽量化するにはまず圧縮。そのための「画像圧縮ツール」には、様々なものが存在します。ちなみに、ボクが普段使いしているのは『TinyPNG – Compress PNG images while preserving tran...

あわせて読みたい
\チェック/

【ランキングに挑戦中】

いつも応援クリック↓
ありがとうございます

にほんブログ村

関連記事
M
この記事を書いた人: M
ブロガー/FC2公式おすすめブログ認定/企業家/投資家/Fashion研究家/不動産コンサルタント/会社経営/将棋六段/おうちごはん男子部/料理を悪戦苦闘修行中/ヘッドスパとスイーツをこよなく愛する46歳/人生なんて気持ち次第‼︎きっと何くるないさ〜(´ー`)
FC2ブログオフィシャルおすすめブログ認定バナー日本ブログ村 プロフィール

この記事が気に入ったら
シェア!

 シェア
data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="6,2" data-matched-content-columns-num="1,5"
現在の人気記事はコチラ!
未分類 (0)
シン・胃がん闘病記 (25)
┣  AVANT: 癌の余命宣告~共存 (15)
┗  セントラルドグマ: 父親の胃癌 (10)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5944)
┣  胃がんブログ (281)
┣  よりぬき 胃がんブログ (16)
┣  胃がん闘病記・日記 (5586)
┣  酒場放浪記 (10)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (35)
┗  がん治療のクラウドファンディング (10)
胃がん History (85)
┣  ステージ3B 多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (27)
がん のこと(ガン情報全般) (506)
┣  がんブログ (288)
┗  がんニュース (218)
胃がん 障害年金ブログ (71)
┣  障害年金 - 準備編 (23)
┣  障害年金 - 審査から年金受給まで (12)
┣  障害年金 - 審査請求・不服申立 (26)
┗  障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (140)
┣  Amazonセール (2)
┗  📱kindleセール (137)
おもしろグッズ (11)
今日のエッセイ (112)
ニュース・芸能・話題 (761)
┗  転職・キャリアアップ (21)
占い・心理テスト (5)
恋愛・人間関係 (28)
終活ブログ (12)
グルメ (97)
┣  低糖質レシピ (22)
┗  お酒の飲み方 (2)
胃切除後の食事・レシピ (670)
┣  ご飯・おかゆ・和食 (174)
┣  おかず (139)
┣  味噌汁・スープ (74)
┣  カレー関係 (66)
┣  パン・洋食 (63)
┣  麺類 (112)
┗  その他、簡単レシピなど (39)
ブログ (230)
┣  FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (186)
┣  Google Adsense (アドセンス) (8)
┣  趣味や将棋のこと (28)
┗  ファッション (8)
iPhone の使い方・アプリなど (31)
司法書士 (26)
┣  仕事・実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (27)
┣  家電 (11)
┣  ホーム&キッチン (4)
┣  ビューティー&ケア (5)
┣  QOLの改善&ヘルスケア (2)
┗  お酒 (5)