• GHG7cf6月30日
    サイトをスマホ向けに下スクロール系の構造にしています
    (例)
    はじめに
    小説
    イラスト置き場
    LINK……といった形です

    はじめにの上にトップ絵や短い案内文を載せているため、はじめに〜に行くまでスクロールが必要です
    正直言って見にくいですよね……この構成にした私ですらスクロールしないといけないのがちょっと面倒です。
    しかし横より縦の方が気持ち整っているように見えるので気に入ってもいます。閲覧側からするとどちらの方が良いですかね?
返信の受付は終了いたしました。
  • szYJVl6月30日
    自分は項目ごとにスクロールスナップを使って少しのスクロールで次の項目にピタっと止まるようにしています
    背景色も変えていて自分で何度も触ってはニヤニヤしています
    いろんなスマホサイズでも崩れないように調整するのが大変ですがそれも楽しい
  • uJ9zJD6月30日
    どちらかと言われればスクロールなしの方が見やすいと思いますが、自分で満足のいくレイアウトで良いと思いますよ。
    スクロールなしとありを見比べるわけでもなし、ありでも面倒だとは思わないです。
  • 0OAXKg6月30日
    メインコンテンツにたどり着くまでにスクロールが必要ってことですよね。
    個人サイトなので気に入っているなら個人の自由にするでいい、閲覧者も見たくて来ているから文句つける気はないというのが大前提ですが、
    前提条件が表示されていて敢えて聞かれたなら、タップはさほど苦ではないけどスクロールだと調整しないといけない感じ(足りないとか行き過ぎたとか)がちょっと面倒かも、とは思います。
    スマホ自体が縦長ですし、縦に1ページ完結の個人サイトは珍しくない印象です。(レスポンシブでPC表示だと横になるサイトもよく見かけますね)
    自分はトップ画像の横に縦書きにする感じで各項目へのページ内リンク置いてます。
  • スレ主(GHG7cf)6月30日
    返信先: @0OAXKgさん ありがとうございます!
    トップ画像の横に各リンクを貼るの良いですね。それだとスクロールする必要が無いですし、一つの画面に収まって見やすそうです

    <div class="container">
    <div class="background">画像名</div>
    </div>

    <dl>
    <dt><a href="サイト名/free?id=1"> はじめに</dd>……といった形で今の所構成しています

    ですが、どうすれば画像の横に各リンクを貼れるのでしょうか?display: inline-blockを使うやり方を試しましたが上手くいかず、他にも調べて見たのですがよく分からず……(勿論自サイトの構成に関わる事なのでお答え出来なくても大丈夫です!)
  • スレ主(GHG7cf)6月30日
    返信先: @uJ9zJDさん ありがとうございます
    自分好みを突き詰めるのが個人サイトの醍醐味ですもんね
    閲覧する側の意見を知りたかったので助かります!
  • スレ主(GHG7cf)6月30日
    返信先: @szYJVlさん スクロールスナップ!その発想はありませんでした
    スマホサイズによって崩れてしまうのはあるあるですね。私はまだHTMLやCSSを完全に理解した訳では無いので、そこまで作り込めていません(^_^;)

    閲覧側も見やすいサイトの方が嬉しいですし、色々な端末に対応出来ているという配慮が凄いです……
  • 0OAXKg6月30日
    返信先: @GHG7cfさん デザインイチから出すのが苦手なので、自分はNano系テンプレサイトで有名なN I N Aさんからお借りして、規約範囲内で気に入るようにカスタムしました。
    テンプレサイトさんのテンプレ素敵なものがいっぱいなので、利用したり、勉強・参考にされるのも一つかなと思います。(丸被りもありえるので、嫌なら鬼カスタムの必要もありますが……)

    個人サイトなので好きなように作るのも一つですし、アクセシビリティを大事にしたいという想いも一つのこだわりとして並立して成り立つと思います。
    いいサイトが作れるといいですね。