Mocha大規模メンテナンスのお知らせ

• jQueryのバージョンを3.3.1にUPしました
• html構造を若干変更, CSS内容を大きく変更しました
• リセットCSSを見直し、最小限の内容に変更しました
• floatレイアウトからflexレイアウトへ変更しました
• 個別記事の記事タイトルをh1に昇格しました
• フォントのサイズ指定にremを採用しました
• 構造化マークアップを導入しました(個別記事のみ)
• メイソンリーの並び数を調整しました

見た目上の大きな変更点はメイソンリーの横並び数です。
これまではスマートフォンでシングルにしていましたが、2列を維持するようにしました。

iPhone6, 7, 8, X 及びplus系がこちらに相当します。
これもう寸法としてはギリギリですので、iPhone SE系については従来通りシングルに切り替わります。

カスタマイズの難易度は上がってしまいましたが、画像の遅延読み込みを個別記事にも適用したいという場合には他テンプレよりもちょこっとだけ楽できます。
しかしLazyloadの記事がなかなか書けません。思うように時間が取れない (´・ｪ・｀)
要約記事タイプのメンテも1月内で終わらせる予定が半分も済んでないんだよぅ

とりあえずMocha使っててサイドメニュー部に画像だけでなく動画とかも貼り付けてる方で、画像遅延を行いたい気持ちのある方は再DLをおすすめします。
(動画も遅延できます)
注) テンプレートを設定しただけで自動で遅延読み込みになるわけではありません。

実際のDEMOなどは専用記事の方でご確認ください。
お手数おかけします。よろしくお願いします。

Mocha - FC2ブログテンプレート - テンプレート

Mochaテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 スマートフォン版を非表示にしてご利用ください。...

vanillaice000.blog.fc2.com