LogoMark.png

Plugin/SetBgImage の変更点


#author("2020-03-08T21:43:43+09:00","default:inoue.ko","inoue.ko")
#navi(../)
~

// SETTINGS ////////////////////////////////////////////////////////
//#setbgimage(sample640.jpg,cover,0.2)
#setbgimage(bgsample.png)
//https://www.textureking.com/content/img/stock/big/DSC_4235.JPG
//////////////////////////////////////////////////////////////////////////

*Plugin SetBgImage
ページの背景画像を設定
~

***概要
-当該ページに背景画像を設定するプラグインです。
-編集画面内の先頭部分に記載して下さい。
-[[SideBar]] のページに設定するとサイト全体に適用されます。
-適用の優先順度は、以下のとおりです。
--1. 個別ページで設定されたもの(当該ページにのみ適用)
--2. SideBar で設定されたもの(サイト全体に適用)
--3. システムの skin において設定されたもの(サイト全体のデフォルト) 
-参考:SideBar に #includesubmenu が記載されている場合は、 
''◯◯/SubMenu'' に設定すると◯◯/ 仮想階層全体に適用されます。

-このページでは、編集画面内に以下のように記載しています。
 #setbgimage(bgsample.png)
~

***書式
 #setbgimage( 画像ファイル名, [ cover / contain ] , [opacity] )

-第1引数は、画像のファイル名(他のページの流用、URL も可)
-第2引数には、cover または containを指定することができます。
--cover はウインドウの長辺に合わせて伸張して領域を埋め尽くします。
--contain はウインドウの短辺に全体がフィットするように縮小されます。
--デフォルト(何も記載しない場合)は repeat です。
-第3引数には、不透明度(opacity)を指定することができます。
&small(現状では Chrome 以外は正常動作しないので、使わない方がよいかと・・);

-画像ファイル自体は、当該ページに添付されていることが前提ですが、他のページに添付された画像の利用、また画像の URL も利用できます。
--例)Images という名前のページにある sample.jpg 画像は・・
 #setbgimage(images/sample.jpg)
--例)www.example.com/sample.jpg を直接利用する場合は・・
 #setbgimage(https://www.example.com/sample.jpg)
&small(当然ですが、権利関係にはご注意下さい。また、当サーバーのポリシーにより、https 接続できるもののみ利用できます。);
~

***参考:背景素材サイト
-https://free-texture.net/
-https://www.toptal.com/designers/subtlepatterns/
-http://backgroundlabs.com/
-https://www.textureking.com/
~
~

#navi(../)
~