Plugin/SetBgImage

Plugin SetBgImage

ページの背景画像を設定

概要

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

• このページでは、編集画面内に以下のように記載しています。

  #setbgimage(bgsample.png)

  
  

書式

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

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

• 画像ファイル自体は、当該ページに添付されていることが前提ですが、他のページに添付された画像の利用、また画像の URL も利用できます。
  • 例）Images という名前のページにある sample.jpg 画像は・・

    #setbgimage(images/sample.jpg)

  • 例）www.example.com/sample.jpg を直接利用する場合は・・

    #setbgimage(https://www.example.com/sample.jpg)

    当然ですが、権利関係にはご注意下さい。また、当サーバーのポリシーにより、https 接続できるもののみ利用できます。
    
    

参考：背景素材サイト

• https://free-texture.net/
• https://www.toptal.com/designers/subtlepatterns/
• http://backgroundlabs.com/
• https://www.textureking.com/