Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
WordPressのタイトルロゴ作成 Cool Textの使い方 | 思いだし にっき
サイトアイコン 思いだし にっき

WordPressのタイトルロゴ作成 Cool Textの使い方

<p><img class&equals;"aligncenter size-full wp-image-10898" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;1909892&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"256" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">WordPressでタイトルをロゴにするにはロゴ画像が必要になります。<br &sol;>&NewLine;グラフィックソフトで作ることもできますが、web上の無料サイトを利用するという手もあります。<&sol;p>&NewLine;<p>web上の無料のサイトは、感覚的に使えるようなっているものが多いので、まずは色々触ってみて使い方をつかむのがいいかもしれません。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>タイトルロゴ作成<&sol;h2>&NewLine;<p>ヘッダーの編集で<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;827&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">タイトル画像の作成記事<&sol;a>を書きました。<&sol;p>&NewLine;<p>画像を入れ替えるための画像の編集でしたが、今回は、画像の中にタイトルロゴも入れたいという場合の方法です。<&sol;p>&NewLine;<p>タイトルロゴも画像ですが、そのタイトルロゴの作り方と背景に取り込む方法をご紹介します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Cool Text &lpar;クールテキスト&rpar;<&sol;h2>&NewLine;<p>Cool Textは無料でテキスト画像が簡単にできるサイトです。<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;ja&period;cooltext&period;com&sol;Logos" target&equals;"&lowbar;blank" rel&equals;"noopener">Cool Text<&sol;a>にアクセスすると、いろいろなロゴサンプルが並んでいます。<&sol;p>&NewLine;<p>この中から気に入ったものをクリックするだけでオリジナルのロゴ画像が作れます。<&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n1&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name"> <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble">画像は、ポイントするとすべて拡大画像が見られます。<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><strong>使い方<&sol;strong><&sol;h3>&NewLine;<p>①一覧から使いたいロゴスタイルをクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1292" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;1&period;png" alt&equals;"サンプル" width&equals;"635" height&equals;"529" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>②選択したロゴデザインが表示され下の「Text」タブにロゴテキストを入力する枠が表示されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1293" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;2&period;png" alt&equals;"ロゴデザイン選択" width&equals;"630" height&equals;"391" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>③タイトルを入力します。 サンプルの画像が入力した文字に変わります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1294" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;3&period;png" alt&equals;"テキストの入力" width&equals;"638" height&equals;"321" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>④フォントやテキストサイズを変更できます。<br &sol;>&NewLine;フォントのところをクリックしてみましょう。<br &sol;>&NewLine;さまざまな日本語フォントサンプルが表示されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1295" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;4&period;png" alt&equals;"日本語フォント" width&equals;"641" height&equals;"617" &sol;><&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-b">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n2&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name"> <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> フォントはダウンロードもできるにゃん <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>⑤下にスクロールするとフォントカテゴリーの一覧がでてきます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-medium wp-image-1296" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;5-300x271&period;png" alt&equals;"フォント一覧" width&equals;"300" height&equals;"271" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>⑥気に入ったものをクリックするとフォントが選んだものに変わります。<&sol;p>&NewLine;<p>テキストサイズ欄の数値を小さくして、ロゴ用に変更してみましょう。<br &sol;>&NewLine;ここでは60にしてみました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1297" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;6&period;png" alt&equals;"テキストサイズ" width&equals;"635" height&equals;"317" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>⑦フォントの色も変えられます「logo」タブをクリックします<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1298" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;7&period;png" alt&equals;"色の変更" width&equals;"635" height&equals;"304" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>今回の例は縁がグラデーションなので<br &sol;>&NewLine;Glow Gradient の右側の色の部分をクリックするとグラデーションを変更できます<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-medium wp-image-1299" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;8-296x300&period;png" alt&equals;"グラデーション" width&equals;"296" height&equals;"300" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Use Gradientのチェックをはずすと縁どりのグラデーションが消えます<br &sol;>&NewLine;Use Sparkleのチェックをはずすと輝きの装飾が消えます<br &sol;>&NewLine;文字が単色設定の場合はグラデーションを使用にチェックをいれたり、開始色や終了色を変更したりしてさまざまな変更ができます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1300" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;9&period;png" alt&equals;"ロゴデザイン変更" width&equals;"634" height&equals;"396" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>とにかくいろいろ試して自分の好みにあうものを作ってみましょう<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-medium wp-image-1301" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;10-300x155&period;png" alt&equals;"完成" width&equals;"300" height&equals;"155" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「Create Logo」をクリックします。完成したものが表示されています。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1302" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;11&period;png" alt&equals;"保存" width&equals;"644" height&equals;"231" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「画像をダウンロード」をクリックして、画面下の保存から保存します<br &sol;>&NewLine;(PCの「ダウンロード」フォルダに保存されます。<&sol;p>&NewLine;<p>任意の場所を指定する場合は「名前をつけて保存」で保存します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1303" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;co&lowbar;12&period;png" alt&equals;"保存先の選択" width&equals;"663" height&equals;"53" &sol;><&sol;p>&NewLine;<p> <br &sol;>&NewLine; ä»Šå›žã¯ãƒ•ォントサイズを70&Implies;60に少しだけ小さくしましたが、ロゴ画像の適したイメージサイズには少し大きいようです。<br &sol;>&NewLine;50くらいにするといいかもしれません<&sol;p>&NewLine;<p>好みのファイル形式で保存が可能です。<br &sol;>&NewLine;よく分からない場合は、「PNG」形式で保存しておけばよいでしょう。<&sol;p>&NewLine;<p>これで簡単にタイトル用のロゴ画像ができました。&lpar;&Hat;&Hat;&rpar;<&sol;p>&NewLine;<p>保存は、完成した画像の上で右クリックして「名前をつけて画像を保存」でも保存できます。<br &sol;>&NewLine;ロゴ画像を作るのが面倒、あるいはなにをどうやって作るのかわからないという方には強い味方です(笑)<&sol;p>&NewLine;<p>タイトルロゴに限らず、いろいろなところに使えるので活用してみてください。<br &sol;>&NewLine; <br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1132&period;html">PhotoScapeで作るGIFアニメ<&sol;a> へ<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1314&period;html">WordPressのタイトルロゴ作成 PCにあるソフトで作る<&sol;a>へ<&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p> <br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;link&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81"><img src&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;data&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81" width&equals;"728" height&equals;"90" border&equals;"0" &sol;><&sol;a><&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;img&sol;diary88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"日々の出来事 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;9200&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200">日々の出来事 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了