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-Stinger3のタイトルをロゴ画像に変更 | 思いだし にっき
サイトアイコン 思いだし にっき

WordPress-Stinger3のタイトルをロゴ画像に変更

<p><img class&equals;"aligncenter size-full wp-image-10903" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;05&period;png" alt&equals;"" width&equals;"398" height&equals;"93" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">ロゴ画像ができました。<br &sol;>&NewLine;アップロードしてヘッダーのタイトルを変えてみます(^^)<&sol;p>&NewLine;<p> ã‚¢ãƒƒãƒ—ロード方法をご紹介します。<br &sol;>&NewLine;<&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ロゴ画像のアップロード<&sol;h2>&NewLine;<p>WordPressのダッシュボードから左側のメニュー「メディア」&Implies;「新規追加」と開きます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1326 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr2&period;png" alt&equals;"メディアのアップ" width&equals;"317" height&equals;"354" &sol;><br &sol;>&NewLine; <&sol;p>&NewLine;<p>作ったロゴ画像をメディアライブラリにドラッグ&amp&semi;ドロップします。<&sol;p>&NewLine;<p>ライブラリに表示されればOK。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1327 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr3&period;png" alt&equals;"画像のアップ" width&equals;"472" height&equals;"283" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ライブラリのロゴ画像をクリックします。<&sol;p>&NewLine;<p>「添付ファイルの詳細」画面が表示されます。<&sol;p>&NewLine;<p>右側の「代替テキスト」欄にブログのタイトル名をいれます。<&sol;p>&NewLine;<p>タイトルをロゴにすると文字ではなく画像という認識になります。<&sol;p>&NewLine;<p>これは「〇〇というタイトルの絵なんですよ」と教えてあげないといけないんですね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1328 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr4&period;png" alt&equals;"画像にタイトルをいれる" width&equals;"534" height&equals;"317" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>右欄にある「URL」もメモ帳などにコピーしておきます。<&sol;p>&NewLine;<p>URLは長いので隠れている部分も抜けないように範囲指定してコピーします。<&sol;p>&NewLine;<p>これは、タイトルをロゴに設定する時に必要になります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>タイトルをロゴ画像に変更<&sol;h2>&NewLine;<p>「header&period;php」の編集をします。<&sol;p>&NewLine;<p>ダッシュボードから「外観」&Implies;「テーマの編集」をクリックします。<&sol;p>&NewLine;<p>右側の一覧から「テーマヘッダー(heder&period;php)」を選択します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1329 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr5&period;png" alt&equals;"ヘッダーphp" width&equals;"523" height&equals;"331" &sol;><br &sol;>&NewLine; <&sol;p>&NewLine;<p>テーマの編集が表示されます。<&sol;p>&NewLine;<p>スクロールして、真ん中より少し下あたりの次の項目を探します。<&sol;p>&NewLine;<p>下の図のように書き換えます。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1330" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr6&period;png" alt&equals;"元のphp" width&equals;"534" height&equals;"41" &sol;><&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1337 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;yajirusi&period;png" alt&equals;"yajirusi" width&equals;"54" height&equals;"58" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1331" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr7&period;png" alt&equals;"変更したphp" width&equals;"530" height&equals;"101" &sol;><br &sol;>&NewLine; <&sol;p>&NewLine;<p>わかりにくいですね&lpar;&Hat;&Hat;&semi;<&sol;p>&NewLine;<p>色のついた部分を書き換えればOKです。<br &sol;>&NewLine; <&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1333" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr10&period;png" alt&equals;"変更する場所" width&equals;"534" height&equals;"113" &sol;><&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-1337 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;yajirusi&period;png" alt&equals;"yajirusi" width&equals;"54" height&equals;"58" &sol;><&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1334" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr11&period;png" alt&equals;"php変更" width&equals;"532" height&equals;"112" &sol;><&sol;p>&NewLine;<p>さっき画像のアップロードをした時にメモ帳などにコピーしたURLはここで使います。<&sol;p>&NewLine;<p>これで完了です。<&sol;p>&NewLine;<p>今までのタイトルはこんな感じでした。<br &sol;>&NewLine; <&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1335" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr&lowbar;1&period;png" alt&equals;"今までのヘッダー" width&equals;"525" height&equals;"140" &sol;><&sol;p>&NewLine;<p>以前<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;871&period;html">ヘッダー画像を変えたときに<&sol;a>タイトルもいれてしまったので<&sol;p>&NewLine;<p>タイトルが2重になっています。<&sol;p>&NewLine;<p>この際なので、ヘッダー画像も変えてみました。&lpar;&Hat;&Hat;&semi;&rpar;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1336" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;tr9&period;png" alt&equals;"ロゴ完成" width&equals;"596" height&equals;"235" &sol;><&sol;p>&NewLine;<p>少しはすっきりしたようです。<&sol;p>&NewLine;<p>時間がかかってしまいましたが、少しずつ変更していくのも楽しみの一つです。<&sol;p>&NewLine;<p>ヘッダーを変えたいなぁと思っているあなたのお役にたてれば幸いです(^^)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1314&period;html">既存ソフトで作るロゴ画像・透過方<&sol;a>へ <&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1353&period;html">WordPressのサイドバーと固定ページにプロフィールを設定するには<&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;"&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;

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