#author("2020-03-17T17:35:30+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(../) ~