投稿した画像の拡大処理はFancyboxが使われる設定にしてあります。期間限定なのでそのうち消滅します。
新規投稿 管理用
No.53
by admin. ⌚ 2021年4月27日(火) 19:44:37 <873文字> 編集
« No.52 / No.54 »
初期表示に戻る
DASHBOARD
■全文検索:
複合検索窓に切り替える
■複合検索:
■日付一覧:
■日付検索:
■カレンダー:
■ハッシュタグ:
■カテゴリ:
■最近の投稿:
■フリースペース:
編集
▼現在の表示条件での投稿総数:
1件
▼最後に投稿または編集した日時:
2024年3月19日(火) 20:11:09
▼特殊な表示モード:
RSSフィード
必要な設定箇所は、以下の3点。
➊管理画面の[設定]→[システム設定]→【画像拡大スクリプトの選択】→『他のスクリプトを使う』をONにした上で、読み込むJavaScriptとCSSを入力。
➋管理画面の[設定]→[ページの表示]→【投稿本文の表示/画像】→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にスクリプト側が要求する記述方法を加える。
➌管理画面の[設定]→[ページの表示]→【投稿本文内のURL処理】→「▼URL自動リンクの特殊表示化」→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にも同様の記述を加える。
※FancyboxはLightboxと同じように、data-属性を使って「data-fancybox="gallery"」と加える仕様なので、『画像リンクにLightbox用の属性を付加する』欄を使います。(上図の黄色矢印部分)
※Fuwaimgのようにclass属性に指定のclass名が必要なスクリプトの場合は、『img要素に独自のclass属性値を追加する』欄の方に入力します。(上図の緑色矢印部分)
なお、FancyboxはCDNで提供されているので、自サイトにスクリプトを設置する必要はなく、以下のURLをそのまま入力欄に入れれば使えます。
●JavaScript: https://cdnjs.cloudflare.com/ajax/libs/f...
●CSS: https://cdnjs.cloudflare.com/ajax/libs/f...
以上。
畳む