Jtrimを使ったバナーの作り方。簡単ブログカスタマイズ。FeedlyCLOSEキーワードで記事を検索CLOSEHOMEデジタル生活ブログ運営Jtrimを使ったバナーの作り方。簡単ブログカスタマイズ。なごみJtrimを使ったバナーの作り方。簡単ブログカスタマイズ。ツイートシェアはてブLINEPocketこのブログのサイドバーにバナー(ボタン)を付けました。長年愛用しているフリーの画像加工ソフトJtimを使って作成する方法をご紹介します。その他、サイドバーのカスタマイズについてもご紹介します。ブログデザインを変更しました。その為、バナーやその他カスタマイズなどは現在のものと異なります。写真の取り込み1.気に入った写真を用意する。2.Jtrimを起動する。3.Jtrimへドラッグ見やすい大きさにリサイズ取り込んだ時点で見やすいサイズになればいいのですが、大きい画像の事が多いと思います。いずれにしてもバナーだとそれほど大きな画像は使えませんので、見やすくなる程度に小さくしましょう。小さくしすぎても作業がしにくいので、画像全体が見える程度がほどほどでいいと思います。メニューバーのイメージ→リサイズをクリック。サイズでも比率でもやりやすい方で指定します。私はあまり考えず比率で50とか入れます。元に戻すボタンで様子を見ながら扱いやすい大きさまで縮小します。今回私の使った写真は高解像度だったので10でちょうど良かったです。バナーにしたい部分を切り抜きますバナーにしたい部分をくりぬくために、左上から右下へドラッグして枠を表示させます。イメージ→切り抜きをクリックします。文字を入れますツールバーの「A」のマーク「文字入れ」をクリックします。開いたウィンドウで文字を入力します。不透明度を低くすると下の画像を透かして見せることもできます。場所を確定するまで「OK」をクリックしないでください。OKを押す前に文字の上にマウスポインターを移動します。すると手のマークに変わります。そこで好きな位置へドラッグします。ここで初めてOKをクリックします。確定すると文字やデザイン、位置の修正はできません。なごみ間違えた時は「元に戻す」ボタンで戻れます。文字を下に移動しました。バナーのサイズに整えます先ほどトリミングした時のようにドラッグして画像を囲みます。右下から左上がやりやすいです。「サイズで指定する」の横幅にピクセル数を入力します。サイズは設置されるブログの幅によって異なるかと思います。私のブログでは横350にしました。出来上がった画像を名前を付けて保存します。元の画像とは違う名前を付けてくださいね。そのままだと上書きされてしまいますのでご注意ください。ここからははてなブログの方向けです。画像をアップロード編集見たままモードで書いている方は、「記事を書く」をクリックして、保存した画像ファイルを文字入力欄にドラッグして画像をいったんアップロードします。画像の貼り付け次に「html編集」に切り替えますこのようなコードが書いてあります。例)※コードはそれぞれ違います。/>のところをそのまま使います。href=”表示させたい記事のURL“>に変更。2.</p>を</a>に変更します。デザイン→カスタマイズ→サイドバー→モジュールの追加→HTMLをクリックします。タイトルをつけて、下の枠に先ほど作ったコードを貼り付けます。説明すると長くなってしまいましたが、操作はそれほど難しくはありません。本格的な作り方は色々あると思いますが簡易な方法ということでご容赦ください。「よく読まれている記事」の画像表示コメントにて質問いただきましたサイドバーのよく読まれている記事に画像を入れる設定。このようにしています。ブログデザイン→カスタマイズ→注目記事のところで以下のように入力して適用をクリックします。Feedly購読のリンククリックで購読できるボタンを付けました。feedlyのサイトでコードを作成して、自分のブログのデザイン設定→カスタマイズ→サイドバーにてHTMLのパーツを作ります。躊躇したのが、自分のブログのURLを貼り付ける時。URLそのままでなくてfeedのURLを貼り付けなければいけません。参考記事はてなブログにFeedlyのFollowボタンをつけてみたーyou_tomitaの日記-タイトルデザイン変更こちらのブログでは、サイドバーを枠囲みにしたりアイコンを非表示する方法を分かりやすく解説されています。www.a-s-blog.comまたお会いしましょう。このブログではWordPressテーマ「STORK」とエックスサーバーを使っています。5ヶ月前のがいい感じになってた。(随時更新中)RECOMMENDこちらの記事も人気です。ブログ運営2016.12.21ブログ用にYoutube動画をアップロードしたら意外と簡単で面白かったブログ運営2018.1.4初めての確定申告。やよいの白色オンライン無料ソフトで準備しました。Publish...ブログ運営2017.10.22はてなブログからWordpressへ移転して良くなったことリストアップブログ運営2018.3.8はてなブログで独自ドメインを外したらSSL化されて元のアドレスに戻せなく...iPhoneアプリ2016.4.9画像加工iPhoneアプリSnapseedの使い方。」や暮らしを楽しむ実践を等身大でお届けするブログです。2020年4月で4周年を迎えます。書いていますので、どうぞゆっくりお読みください。twitterでもちょこちょこつぶやいています。物干しラックを室内に置いてみたら楽になった。2020.02.03私のマインドマップアプリXmind活用法。2020.01.24自家製カスピ海ヨーグルトの話。美味しい食べ方、お通じ改善。2020.01.05ヨガを始めて買ったお気に入りグッズまとめ2019.12.30ドリップコーヒー1杯からでも入れられるマグカップにぴったりおさまる多機能茶こし2019.11.30超薄くて軽いキーボード。iPadでの文字入力が気軽になりました。2019.11.04「きのう何食べた?」Amazonプライム・ビデオで配信中。会員特典で一気見しました。2019.10.14このブログのすべての文章、画像の無断転載を固く禁じます。:なごみのプロフィールtwitterで日々のことつぶやいています。写真・カメラ一眼レフの写真教室に通ったのをきっかけに写真が趣味になりました。お出かけが何倍も楽しくなります。年をとっても楽しめる趣味がいいなと思って始めました。