個人サイトへの漫画の掲載方法について 個人サイト(HTML&C...
個人サイトへの漫画の掲載方法について
個人サイト(HTML&CSS)を運営し始めた絵描きです。
複数ページの漫画をサイトに掲載しようと思っているのですが、見やすい載せ方のアイデアや使えるスクリプトなどあればぜひお聞かせ願いたいです。
現在は一枚絵だけ掲載しており、サムネをクリックするとポップアップウインドウが出て拡大画像とキャプションが表示されるようにしています。
(画像クリックによって見えないチェックボックスにチェックが入るとオーバーレイでウィンドウが表示される仕組みだったかと思います)
漫画も同じように表示させて、ポップアップウインドウ内で縦スクロールで読めるようにしてもよいかなと思うのですが、素人なのでそもそもの引き出しが少ないので、勉強のためにも色々なアイデアを知りたいです！
また、サイト制作経験がない方でも、閲覧していてこういうのがすごく見やすかった！というのがあればぜひコメントいただければ幸いです。
みんなのコメント
web漫画サイトの仕様がやはり主流だしベターだなと思いますね
縦スクロールで見せていくのは個人サイトでよく見ますが、上記の仕様なら見開きとかも再現できるので、漫画ならではの見せ方するのにいいなって思います
サイトはWordPressなどのCMSは利用されていますか？
プラグインとかで実装できそうですが、JavaScriptだとどうなんでしょうねアレ……
全然その道のプロじゃないので分からないですが
あとは単純に「御目当てのものを見るのに何クリック必要か」で設計するのが好きです！見るのもです！
お手軽に見てほしいので、動的要素を削ってシンプルにしがちです。
そういった観点で...続きを見る
いまはスマホで見るのがかなり主流なので、レスポンシブCSSとかの導入をオススメします。
https://www.site-convert.com/archives/1528
レスポンシブ対応で参考になりそうなテンプレート
http...続きを見る
なんかいい感じの漫画ビューア
https://guardian.bona.jp/st/cv/
これならWeb漫画サイトのようにスライド出来るのでいいんじゃないでしょうか
皆さまありがとうございます！
いい感じの漫画ビューアが見開き表示もあり、レスポンシブ対応もしていて良さそうなので導入してみようと思います。
n2i3YEwV様にお送り頂いたライトボックスを使用する方法も、1枚絵等、ページ遷移なしで手軽に表示したい時に良さそうです！どこかで使ってみようと思います。
サイトの見やすさについてもお聞かせいただけて大変勉強になりました。意識して取り入れていこうと思います。ありがとうございました！