マンガビューアお試し

　2025年に描いたE-Worldネタラフをまとめたやつ。
　←画像クリックで見開きビューワが開きます。

　使用させてもらったスクリプト
　なんかいい感じのマンガビューア～slick-custom～
　https://guardian.bona.jp/st/cv/

　WordPressのメディア管理が漫画に適さなすぎるので、サーバーに直接アップロードする形式が楽かなぁと。使用中のLightboxやらプラグイン使って自作しようかとも思ったのですが、車輪の再発明かなって。SNS主流の中ありがてぇこっです。

　他にも試したいマンガビューアがあるので、後日試します。　
　試しました。画像は上のネタラフと同じ。

　laymicビューワーの汎用サイト向け導入説明記事 – ヤマノス
　https://yamanosu.com/blog-entry-945.html

1～7枚目　　 8～11枚目　　 　　画像リンク

　laymicビューワー導入HTML見本。

<!-- laymic.js v2.2.2 - github.com/dettalant/laymic -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dettalant/laymic@2.2.2/dist/laymic.min.css">
<div class="laymic_template" data-viewer-id="manga1">
  <img data-src="一枚目">
  <img data-src="二枚目">
  <img data-src="三枚目">
</div>
<button class="laymic_opener" type="button" data-for="manga1">
 manga1　　</button>
<div class="laymic_template" data-viewer-id="manga2">
  <img data-src="四枚目">
  <img data-src="五枚目">
  <img data-src="六枚目">
</div>
<button class="laymic_opener" type="button" data-for="manga2">
manga2　　</button>
<script src="https://cdn.jsdelivr.net/npm/@dettalant/laymic@2.2.2/dist/laymic.iife.min.js"></script>
<script> new laymic.LaymicApplicator(".laymic_template", { pageWidth: 横のサイズ, pageHeight: 縦のサイズ, })</script>

　WordPressの管理バーとlaymicビューワーのコントローラーが重なったので、追加ヘッダーに以下のCSSを追記。

<style>body.admin-bar .laymic_root {
    padding-top: 32px;
}
</style>