ページ毎に壁紙を指定したり背景色を簡単に変更出来る―The Single Background

20160216-the-single-backgroundThe Single Background
ページ毎に壁紙を指定したり背景色を簡単に変更出来る―The Single Background-アイキャッチ画像
この記事は約3分で読めます。

The Single Backgroundの使い方

映画情報サイトにインストールしてみたプラグイン。


The Single Background
は、ページ毎に壁紙を指定したり背景色が変更出来るプラグインです。

最初は、ページ毎にCSSを指定できる方法を模索していましたが、
記事内容や話題に添った雰囲気作りで壁紙や背景色を変更をするだけなら。。。と、
安易な方法に落ち着く事にしました。

人に依ってはあまり利用頻度はなさそうなプラグインだと思うのですが、
映画情報サイトでは、映画の内容等に添って記事毎に背景色を変えたりしたいと思っています。

インストールしてショートコードを書くだけのお手軽なものでしたので、ちょっと紹介させて頂きます。

The Single Backgroundの使い方

the-single-background

The Single Background

The Single Backgroundをダウンロードして有効化する

https://ja.wordpress.org/plugins/the-single-background/
上記 ページでバージョン 1.0.2 をダウンロードし
ZIPファイルをWordpressに上げて有効化します。

ダッシュボード プラグイン 新規追加 プラグインのアップロード
参照でファイルを選択し ZIPファイルをアップロード。
この流れで有効化するか、
ダッシュボード プラグイン 新規追加
プラグインの検索(画面右上)で「The Single Background」 と入力、
検索で
上がってきたものをインストールし有効化します。

設定は無し。デス😏 有効化するだけです。

ショートコードを記事に挿入する

背景を変更したい記事にショートコードを書きます。

壁紙(背景画像)を指定するショートコード

[single_bg url=”ここに背景画像のアドレス”]

[single_bg url="ここに背景画像のアドレス"]

見え方
(作者さんのサンプルページ)⇒http://wp-time.com/single-background-image-wordpress-plugin/

背景色を指定するショートコード

[single_bg color=”#000000″]

[single_bg color="#000000"]

#000000の部分を好みの色番に書き変えます。

カラーネームやRGBA色(カラーモデル)で指定する事も可能

カラーネーム指定です。

[single_bg color=”black”]

[single_bg color="black"]

RGBA背景色指定です。

[single_bg color=”rgba(0, 0, 0, 1)”]

[single_bg color="rgba(0, 0, 0, 1)"]

投稿の編集画面で、ビジュアルエディタでもテキストエディタでも、どちらでも可。
なので、お手軽にページ毎にイメチェン出来ます。

 

この記事のアイキャッチ画像の背景はPixabay / Viscious-Speedさんからお借りしました。

 

ご閲覧をありがとうございます。お粗末でした。😌

 

コメント

  1. […] the-single-background plug in […]

タイトルとURLをコピーしました