創作・同人活動のための雑談お悩み掲示板
【投稿したトピックの削除可能期間が無制限】プレミアム会員になって運用をサポートしてくれませんか?詳細はこちら>>
1 ID: xW2B1Qal2023/09/02

個人サイトでの作品の展示方法について 個人サイトトピに書く...

個人サイトでの作品の展示方法について

個人サイトトピに書くには説明が長くなりそうなのでトピ立て失礼します。
二次創作絵描きでレンタルサーバー+Wordpressで管理しているサイト初心者です。
作品ページはWordpressプラグインのFoogalleryとFooboxを使用して、ずらっと並べたサムネをクリックするとLightboxで絵が表示されそのまま左右ボタン(スワイプ)で前後の絵も表示できるという作り方をしています。
作品ページと一覧ページを行き来させたり別窓をいくつも開かせることなく1ページで完結するのが理想なので1枚絵の展示はこれで満足なのですが、複数ページにわたる漫画も同じギャラリー内に展示しようとすると1ページにつき1サムネとなってしまいサムネ一覧の見た目がかさばってしまいます。
理想では作品サムネをクリックしたら他の1枚絵と同様に漫画の1ページ目がLightboxで表示されて下スクロールで縦読み、左右は今まで通り前後の作品へ移動という挙動をさせたいのですが色々試行錯誤しても良い方法にたどり着けず…
サイト作りの知識は皆無の状態から独学で進めていることもあって数か月単位でつまづいており、似た仕様のサイトを運営されている方や有識者の方がおりましたら助言を頂きたいです。
以下、既に試したことを挙げます。

まず縦読みについて、
・漫画の全ページを縦につなげためちゃくちゃ縦に長い1枚をWordpressでメディアにアップロードして1枚絵として扱い、Lightbox側の設定を弄ってスクロールバーを出させられないかと試しましたが上手くできなかった上に縦長画像がWordpress側で自動でリサイズされている?ようでガビガビになってしまいました。
・検索でヒットした漫画ビューア2種(Laym*c・なんかいい感じの漫画●ューア/*=i、●=ビ)を試しましたが、前者は縦読みの設定自体はできたものの何故か全ページの間に空ページが挟まりうまく使えず。後者はそもそも縦読みには対応していなかったので自分でJSファイルなど触って改造できないか試しましたがうまく出来ませんでした。
・なんかいい感じの…自体を改造することはあきらめて、土台になっているjQueryのプラグインSlickを使ってなんとか自力で縦読みのスライダーを作ることはできました。空のページにスライダーを表示させるので1作品につき1ページの状態になっています。

その後、ギャラリーへ反映させようとしましたが、
・FooGalleryの設定でサムネをクリックした時の表示を「Custum URL」にしてサムネをクリックしたら指定したURL(縦読みスライダーを置いている作品ページ)が表示されるようにしましたが別窓で開きます。
現在は別窓で開かれた縦読みページにページを閉じるボタンを付けて置いていますが、他の1枚絵をLightboxで表示させたときの左右ボタンでは別窓が出る作品だけスキップされてしまうのでやはり上述した通り、どうにか1枚絵と同じく漫画(縦読みページ)もLightboxで表示させてスクロールバーを出せないか…と思っています。

また作品数がかなり多いのとジャンル毎にギャラリーが複数あるので手動でサムネをたくさん並べて…よりはFooGalleryのようなギャラリー1つずつに作品を登録して管理できるようなやり方ができるとより嬉しいです。

なにぶん知識が浅く説明不足だったり読みにくい部分がありましたらすみません。
また身バレ回避のため解決後にトピを削除する可能性がありますがご了承ください。
よろしくお願いします。

Small %e6%96%b0%e8%a6%8f%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%90%e3%82%b93
1ページ目(1ページ中)

みんなのコメント

2 ID: amuNnEpA 2023/09/02

発想を変えて、ジャンルの1枚絵とジャンルの漫画でギャラリーをさらに分けてみるのはどうでしょうか。
それなら横移動で漫画だけ飛ぶ問題は消えますよね?

かつて個人サイトを漁ってた閲覧者からしても、漫画と1枚絵のカテゴリーは分かれてる方が自分が見たいものを探しやすい気がします。

3 ID: agx9ozrU 2023/09/02

こう記述したらできるよ、という物であっても見てみないとなんとも言えないんじゃないですかね。
その「こうしたい」を組み込んで作ることを仕事にしている人がいる分野なので、もっと専門的なコミュニティで相談するか、数か月自力でやって難しそうなら有料で制作依頼するかが早いんじゃないでしょうか。

4 ID: fdSobFV6 2023/09/02

自分も有償依頼が早いと思います。
完成イメージが具体的なのに何ヶ月も足踏みしている=スキル不足ということですので、WordPressのカスタマイズやプラグイン制作に習熟した方を探すのが良いのではないでしょうか。

自分だったら、根本的に見せ方を考え直すかもしれません。よく読む漫画掲載サイト(個人のもの)でどう見せられているかを観察して、真似できる形を探すと思います。

5 ID: sI3Ehwpa 2023/09/02

クレムではコードを長々とは書けないので、二次創作であることは伏せて、teratailで質問するのはどうでしょうか?無料ですよ

7 ID: JVd6X8Dn 2023/09/03

スライダーとか使わずに普通に1つのページに縦一列に全ページ表示させるようにしてjsでスクロール量制御かけるとかは?
両サイドはヘッダー固定の要領で固定して
あとは時代に逆行するけどインラインフレーム

8 ID: GX4z6Uw0 2023/09/03

wordpress 画像 リサイズさせない
などで検索して、ガビガビにならないようにすることはできないんでしょうか?勝手に縮小されるの困りますよね〜

1ページ目(1ページ中)

コメントをする

ご利用の際は、利用規約をご一読ください。

今盛り上がっているトピック

腐女子の自覚がない腐女子への対応(?)を教えてください。 (相手は超大手絵描きで、私はただのROM専で、繋が...

相互が少なくとも社会人として働いてないな〜と気がつく時はどんな時ですか?

ひとつしか大ヒットがないけど天才と認めざる得ない漫画家って果たして存在しますか? やはり複数大ヒットしないと天才...

毒マロがたくさん届きます。 作品と関係ない私に関する悪口が多いです。 「芋女」など「バカ」など「アホ」etc…...

匿名メッセージの返信一覧の公開について 私は見る専ではなく投稿側です。 マロやwaveboxなど匿名メッセ...

アドバイスをください。 現在出張編集部で名刺をいただき、賞のためにネームを切っています。しかし、今後のことを考え...

私は今、精神疾患で休職中です。 でも原稿はやっており、毎日昼と夜にスペースをやっています。 誰も参加しない日も...

初めてトピ立てします。 少し前にサ終してしまったゲーム(ダウンロードしている人だけプレイできる状態)を触ってみた...

【仲が良かった相互との距離感について】※長文です Twitterの創作者相互フォロワー(以下A)との距離感につい...

フォロワー限定で投稿した作品を、日数が経った場合支部などに掲載するのはありでしょうか? ありとした場合、どのくら...