注意
指定の HTML, Javascript を入れないとスクリーンショットのようなタブ表示にはなりません。その場合でも通常表示のテーマとして使用できます。
概要
- レスポンシブテーマです。
768px から２カラムになります。
デザイン > スマートフォン > 詳細設定 > レスポンシブデザイン にチェックを入れてください。 - 記事をタブで切り替えます。
ただし、タブ仕様にするには、ヘッダとフッタに HTML と Javascript を入れる必要があります。同時に、右下にページトップへのスムーズスクロールとトップページへのリンクが追加されます。 - HTML,Javascript を入れなければ、通常表示のテーマとして使用できます。
- flex,vw を使用していますので、旧ブラウザで表示が崩れるものがあります。
対応ブラウザは、Can I use... Support tables for HTML5, CSS3, etc を参考にしてください。未対応ブラウザは、サポートの切れているブラウザと考えていいと思います。
更新情報
2016/12/7 2カラム時のレイアウトが崩れるバグ修正、ソーシャルパーツを記事上に表示した場合の位置修正
2016/11/20 公開
