こんにちは、いつかです。
大変お久しぶりの更新となります💦
テンプレート「Middle Summer」ですが、今回大幅な変更を加えましたので、お知らせとして掲載しようかと思います。
※これまでダウンロードしてお使いの方はそのままご利用いただけます！詳細は「今お使いのテンプレートへの影響」でご確認ください。
変更点
今回、以下の点を変更いたしました。
- jQueryを削除して、JavaScriptをVanilla（プレーン）に変更。
- トップスクロールボタンを追加
- フレックスボックスの挙動を変更（画像の自動縮小を排除しました）
- 各種ボックス系パーツの上下余白調整変更
- 画像の自動サイズ拡大を取りやめるclassを追加
- 検索避けにnoarchive、noimageindexを追加
詳細は、デモページでご確認ください。
今お使いのテンプレートへの影響
今までダウンロードしてご利用くださっている方は、もちろんそのまま利用していただけます。
ただ、今回変更になった要素を利用したい方は、テンプレートを移植いただく必要がございます。
CSSとJavaScript
CSSとJavaScriptは、新しくダウンロードいただいたテンプレートの中のものをそのまま現在お使いのテンプレートに上書きしていただければ問題ありません。
※user.css、user.jsは上書きしないでください。
HTML
HTMLは、今回以下が変更となっております。
- jQueryの読み込み削除
- 検索避けにnoarchive、noimageindexを追加
- トップスクロールボタンを追加
- ハンバーガーボタンに初期用classの追加
- サンプルページの変更
該当する箇所を書き写していただいても問題ございませんが、今回は「メインコンテンツ」となる部分の変更はしておりませんので、メインコンテンツ部分をそのまま新しいテンプレートに上書きして頂く方法がよいかと思います。
- 新しいテンプレートをダウンロードする。
- 今まで使っていたテンプレートで、<main class=”maincontents”>～</main>をコピーする。
- 新しいテンプレートの<main class=”maincontents”>～</main>を削除して、コピーしたものに入れ替える。
こちらでお試しください。
サンプルページについては不要であれば削除いただくか、そのまま差し替えで問題ありません。
画像
サンプル用の画像を1枚追加しておりますが、こちらはサンプルページでしか使用しておりませんので、サンプルページが不要の場合は特に何もする必要はありません。
更新理由
過去に作成したテンプレートで使い勝手が悪そうなところを修正していこうと考えており、その第一弾として大幅な変更をさせていただきました。
すでにご利用いただいている方にはご不便をおかけして申し訳ありません。
※もちろん、今までのテンプレートをそのまま使っていただいても全く問題ございません！
余談
もう一つ、完全な余談になりますが、なぜ今このタイミングで「Middle Summer」の更新なのかという点です。
理由は、今後てがろぐのスキンを作成させていただこうと考えており、その第一弾で一番スキン化しやすそうだった「Middle Summer」のスキンから作ろうと思っていたからでした。
てがろぐはまだまだ勉強中なのですが、とてもありがたいことに有料テンプレートの制作で丸々カスタムする機会をいただきましたので、がっつりスキンを触ってみました。
概ね機能が把握できたため、まずはおためしで一度「Middle Summer」デザインでスキンを作ろうと思っております。
仕事の方が結構忙しいのでどうなるかわからないのですが、どこかでてがろぐスキンも作れたらなぁと思っております。
Thanks
最後になりましたが改めまして、すでにご利用いただいている方にはご不便をおかけして申し訳ありません。
最近忙しい日々でまともに更新ができていないテンプレサイトではございますが、許される限り今後も更新はしていこうと思います。
今後とも、anoSoraをどうぞよろしくお願いいたします！