サイドバーの幅に合わせた画像を作成する方法①準備編

私のこのブログは、WordPressの賢威で作成しています。

賢威の場合、画像のサイズをちゃんと測ってからつくらないと

ブログのレイアウトが崩れてしまいます。

 

そんな一例をご紹介しますね(^-^;

 

image

 

左側のサイドバーのプロフィールに、画像を配置したのですが、

はみ出てしまっています。

 

こちらを、左のサイドバーに入るように収めるためには

画像の幅を、170px以下する必要があります。

 

こちらのサイトでは、GIMPを使用して、

元画像をサイドバーのサイズに合わせて

 

ちょっと、飾りもつけながら

GIMPの練習も兼ねながら

作成する方法をご紹介します。

 

 

賢威の場合は、170pxを目安に作成するとよいのですが

ほかのテンプレートを使用する場合は、

まず測ってから作成すると効率的です。

 

画像の大きさを測るツールとして

フリーのブンブン定規がオススメです。

 

サイドバー編集に便利なプラグイン

「Black Studio TinyMCE Widget」のインストールと

ブンブンルーラーのインストール使い方については

こちらで、記事にしていますので

参考にどうぞ~(^^)/

 

WordPress サイドバーにバナーを貼りたい。そんな時の2つの便利ワザ

 

 

①ブンブンルーラーをインストールし、実際自分の使っているテンプレートで

    サイドバーの幅を測ること。

 

②WordPressの場合は、プラグイン「Black Studio TinyMCE Widget」

  をインストールする。

 

を準備しておきましょう。

 次回は、

サイドバーの幅に合わせた画像を作成する方法②画像を拡大・縮小と移動してみよ~(^^)/

では、今日はこの辺で(^^)/

コメントを残す

サブコンテンツ

プロフィール

ikurademo

こんにちは!ikuraです。

こちらのブログでは、フリーで使えるGIMPを使ってネットビジネスのサイトに必要な画像編集のノウハウをお伝えしていきます(^^♪

サクセスアフィリ塾リーダー

→ 詳しいプロフィール

スカイプ無料相談受付中!

skypeside

ブログランキングに参加中♪

応援ありがとうございます♪

おきてがみ

ご訪問ありがとうございます♪

 

 

このページの先頭へ

pagepeel by webpicasso.de