Jimdoサイトのデザイン変更

Jimdoデザイン変更
お知らせ
記事内にプロモーションを含む場合があります。

サイトのデザインとレイアウトを変更しました。
トップと小説ページに作品タイトルがばらばらに置いてあると分かりづらいかなと、前から気になっていたので。

Jimdoのフリープランはデザイン変更する時「メンテナンス中」みたいな設定にできないのでサイトの変更過程が丸見えになるんですけど、リンクがなくなったり画像変更の途中が見えてたらすみません。

こういう環境なので、全体のレイアウト変更とかどうしよう……と悩んで似た感じにいじれるGoogleサイトの方で、密かに仮デザインを作っていました。
触った感じGoogleサイトもすごく簡単でいいなーとか思っちゃった。
HTMLがいじれないので細かい修正は無理だったけど。

トップのイメージ

Googleサイトのサンプルトップ

Googleサイトでは4カラムのお知らせと作品更新の情報を入れられたのでJimdoでもこんな感じに……と思ったけど幅が足りず3つになりました。

各小説ページのイメージ

Googleサイトのサンプル作品ページ

作品の紹介ページです。
このサイトも同じような感じにしました。

スマホで表示すると左のカラムから順に表示されるので、蛇足番外の目次にたどり着くのは最後になっちゃいますね。
どうしましょー。
でも入れ替えるとPCで見た時不自然……。うーん、悩みどころです。

 

こんな紹介ページ作ってる間、毎月小説ばんばん公開してる人だとこんな面倒なもん作らないよな……とか思いました。
私もたくさん書けるようになりたい。

Googleサイトのサンプル作品ページ2

Googleサイトではヘッダー画像をページごとに変えられる(ように見せられる)のでこういう感じにできると面白いですね。
でもページごとにヘッダー画像を変えるとページ容量も変わるので固定が無難かな。

Jimdoでこれに近いレイアウトが今のテンプレートになります。2カラムだけど。
PCではヘッダー画像の高さが結構ありますけどスマホは問題なし。
ナビゲーションリンク(ヘッダーメニュー)がページスクロールで追従するタイプになりました。

今回デザイン変更をしたのは表示スピード改善のためなんですが、変えてみても大きな変化はなかったです……w
JimdoスクリプトやCSSがたくさんあってそれが影響してるらしいのでレンタルサイトだからそこはどうしようもない部分ですね。

今後もちょこちょこ直していくことがあると思いますがサイトの工事中に遭遇された方は温かい目で見てやってください……。

タイトルとURLをコピーしました