個人サイトでの作品の展示方法について 個人サイトトピに書く...
個人サイトでの作品の展示方法について
個人サイトトピに書くには説明が長くなりそうなのでトピ立て失礼します。
二次創作絵描きでレンタルサーバー+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つずつに作品を登録して管理できるようなやり方ができるとより嬉しいです。
なにぶん知識が浅く説明不足だったり読みにくい部分がありましたらすみません。
また身バレ回避のため解決後にトピを削除する可能性がありますがご了承ください。
よろしくお願いします。
みんなのコメント
発想を変えて、ジャンルの1枚絵とジャンルの漫画でギャラリーをさらに分けてみるのはどうでしょうか。
それなら横移動で漫画だけ飛ぶ問題は消えますよね?
かつて個人サイトを漁ってた閲覧者からしても、漫画と1枚絵のカテゴリーは分かれてる方が自分が見たいものを探しやすい気がします。
こう記述したらできるよ、という物であっても見てみないとなんとも言えないんじゃないですかね。
その「こうしたい」を組み込んで作ることを仕事にしている人がいる分野なので、もっと専門的なコミュニティで相談するか、数か月自力でやって難しそうなら有料で制作依頼するかが早いんじゃないでしょうか。
自分も有償依頼が早いと思います。
完成イメージが具体的なのに何ヶ月も足踏みしている=スキル不足ということですので、WordPressのカスタマイズやプラグイン制作に習熟した方を探すのが良いのではないでしょうか。
自分だったら、根本的に見せ方を考え直すかもしれません。よく読む漫画掲載サイト(個人のもの)でどう見せられているかを観察して、真似できる形を探すと思います。
クレムではコードを長々とは書けないので、二次創作であることは伏せて、teratailで質問するのはどうでしょうか?無料ですよ
スライダーとか使わずに普通に1つのページに縦一列に全ページ表示させるようにしてjsでスクロール量制御かけるとかは?
両サイドはヘッダー固定の要領で固定して
あとは時代に逆行するけどインラインフレーム
wordpress 画像 リサイズさせない
などで検索して、ガビガビにならないようにすることはできないんでしょうか?勝手に縮小されるの困りますよね〜
コメントをする