背景に画像を設定する方法 - Subtle Patterns を利用する -

WordPress.com のテーマにはだいたい背景を差し替える機能がありますが、シックな背景にしたいなら、Subtle Patterns で配布されている画像をおすすめします。

AccessMenuBarApps-44
Subtle Patterns | Free textures for your next web project.

使うための条件を調べてみます。「license」で検索すると、以下の部分がひっかかってきたので、

AccessMenuBarApps-62
 

その近辺のリンクを適当にクリックしてみます。

AccessMenuBarApps-63
 

なんかこんなのが出てきましたが、英語で意味不明なので、URL アドレスのそれらしき部分を「ja」にしたりしてみたら、

AccessMenuBarApps-64
 

日本語に変わりました。どうやらクリエイティブ・コモンズの「share-alike」とか言われているもののようです。

image
Creative Commons — 表示 – 継承 3.0 非移植 — CC BY-SA 3.0

私の解釈(独断と偏見)だと「表示」というのは別にたいしたことではなく、要は「宣伝してね」ということだと理解しています。そういうわけで、私自身はほとんどのページで表示されるフッターの方にリンクをつけています。

AccessMenuBarApps-45

「THUMBNAILS」をクリックすると

AccessMenuBarApps-46
 

リストからタイル状に切り替わります。

AccessMenuBarApps-47
AccessMenuBarApps-48
 

適当な画像を選んで、「Download」ボタンより画像をダウンロードします。

AccessMenuBarApps-49
 

ダウンロードした zip ファイルを解凍します。

AccessMenuBarApps-51
 

解凍したら以下のようなフォルダが生成されるので、それを開きます。

AccessMenuBarApps-416
 

すると、以下のようなファイルが表示されるので、もっともらしい(png ファイルのうちシンプルなファイル名のもの。ちなみに「_@2X」がついているものが大きめの画像サイズのようです)画像ファイルを

AccessMenuBarApps-53
 

適宜、好きなところに保存します。

AccessMenuBarApps-54
 

ダウンロードした画像ファイルを WordPress.com の方にアップロードします。「外観」→「背景」をクリック。

AccessMenuBarApps-55
 

「画像を選択」のところの「選択…」ボタンの右側のところに背景に設定したい画像をドロップ&ドラッグします(mac の Firefox の場合)。

AccessMenuBarApps-56
 

「アップロード」ボタンを押して、画像をアップロードさせます。

AccessMenuBarApps-58
 

「変更を保存」ボタンをクリックして、作業内容を確定させます。

AccessMenuBarApps-60
 

以上の操作で、Subtle Pattens の画像を WordPress.com のブログの背景に適用することができました。

AccessMenuBarApps-59
AccessMenuBarApps-61
 

木目調や

AccessMenuBarApps-66
 

ちょっと凝った柄、

AccessMenuBarApps-67
 

ゴムみたいな感じのものや、

AccessMenuBarApps-68
 

規則正しい紋様など、いろいろなタイプのテクスチャが豊富に揃えられており、

AccessMenuBarApps-69
 

PhotoScape 等で色合い等の調整もできるので、

(BGM 付き)

かなり便利に使えるのではないかと思います。

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。