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
Stinger3のヘッダー画像の入替 | 思いだし にっき
サイトアイコン 思いだし にっき

Stinger3のヘッダー画像の入替

<p><img class&equals;"aligncenter size-full wp-image-10868" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;3000514&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"256" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ワードプレスのテーマ Stinger3のヘッダーを変更しようと考え画像探したりタイトルを画像にとりいれたりするために<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 style&equals;"text-align&colon; left&semi;">Stinger3のヘッダーまわりはタイトル・説明・ヘッダー画像で構成されています。<&sol;p>&NewLine;<p>ここでは、ヘッダー画像の変更をしたいと思いその方法の説明です。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ヘッダー画像の変更方法<&sol;h2>&NewLine;<p>WordPressのダッシュボードから左側メニューの「外観」&srarr;「ヘッダー」をクリックします<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-872 alignnone" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;01&period;png" alt&equals;"ヘッダー変更" width&equals;"172" height&equals;"244" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>図のような表示になります。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-873 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;02&period;png" alt&equals;"ヘッダー画像の入れ替え" width&equals;"691" height&equals;"239" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「新規画像を追加」をクリックします。<br &sol;>&NewLine;メディアの画面に切り替わるので、「画像のアップロード」タブをクリックして、使用したい画像をドラッグします。<&sol;p>&NewLine;<p>※使用する画像の編集については<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;827&period;html">前の記事<&sol;a>へ<&sol;p>&NewLine;<p>ドラッグした画像がメディアライブラリに表示されます。<br &sol;>&NewLine;「選択して切り抜く」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-874 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;03&period;png" alt&equals;"画像選択" width&equals;"684" height&equals;"419" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>選択した画像が「画像切り抜き」に表示されます。<br &sol;>&NewLine;アップロードした画像のまわりが点線で囲まれハンドルが表示されています。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-875 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;04&period;png" alt&equals;"画像の切り抜き" width&equals;"685" height&equals;"422" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ここで切り抜いたり、今回のように少し高さを増やしたりという作業ができます。「<strong>画像切り抜き<&sol;strong>」ボタンをクリックすると確定します。<&sol;p>&NewLine;<p>先ほどのヘッダー変更のところに追加した画像が表示されます。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-876 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;10&sol;05&period;png" alt&equals;"ヘッダー画像入れ替え後" width&equals;"677" height&equals;"345" &sol;><&sol;p>&NewLine;<p>「保存して公開」をクリックするとヘッダー画像が変更されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>サイトを表示で確認してみましょう。<br &sol;>&NewLine;変わっていればOKです(^^)<&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><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;827&period;html">画像の編集へ<&sol;a>    <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;902&period;html">記事に吹き出しをいれるへ<&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><a href&equals;"&sol;&sol;life&period;blogmura&period;com&sol;zatsugaku&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;life&period;blogmura&period;com&sol;zatsugaku&sol;img&sol;zatsugaku88&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;life&period;blogmura&period;com&sol;zatsugaku&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;4979"><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;4979&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;4979">雑学・豆知識 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

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