AnotherDay - FC2ブログテンプレート「配布終了 2019年2月6日」

AnotherDay - FC2ブログテンプレート「配布終了 2019年2月6日」

配布終了・旧作
2015/05/11
vanillaice (Akira)
vanillaice (Akira)
HTML5 CSS3 RWD

配布終了致しました。ご利用ありがとうございました。

AnotherDayテンプレート
AnotherDayテンプレート

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

最終更新 2018.3.10

不具合修正及び大規模なメンテナンスを行いました。
主な変更点は以下の通りです。
iOSの件がありますので アップデート(再DL)を強く推奨します。
お手数おかけします。

  • iOS11.2.6でモーダル検索が使えなくなる件の修正
  • トップページ各記事にサムネイル表示を追加
  • 画像遅延読み込みの導入(トップページ及び個別記事の一部)
  • 個別記事タイトルの見出しレベルをh2からh1へ昇格
  • 構造化マークアップ導入(個別記事のみ)
  • FC2ブログ新変数実装による管理人コメントのプロフィール画像表示(遅延読み込み対象)
  • floatレイアウトからflexレイアウトへの変更
  • フォントサイズ指定にrem単位を導入
  • 全記事リスト(Index)にもnewマークが付くようになりました
名称 AnotherDay
動作確認済みブラウザ
トップページ記事並び 要約表示タイプ
記事幅 メイン --- 最大792px
サイド --- 280px
記事内で使える見出しレベル h2からh6まで
構造化マークアップ(個別記事のみ) BreadCrumbs(パン屑リスト)
BlogPosting
GTmetrixスピードスコア
推奨カスタマイズ 背景画像変更
ライセンス Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
備考
パソコン タブレット スマートフォン
2カラム 1 or 2カラム(デバイス幅依存) 1カラム
サイドメニュー --- 右 サイドメニュー --- 下 or 右(デバイス幅依存) サイドメニュー --- 下
更新履歴 2017.9.21

SSL化に伴う混在コンテンツ排除

更新履歴 2017.1.25

・ SNSシェアリンクのUTF-8エンコード
参考記事
SNSシェアリンクのエンコード

更新履歴 2016.10.11

不具合修正
● Windows10 IE11及びMicrosoft Edgeのスクロールバグに対処

メンテナンス
● 全体レイアウトの再調整
● 一部JS動作をCSSに切り替え --- 若干の軽量化
● 関連記事サムネイルの整形
● ベンダープレフィックスの整理
●その他微調整

Windows10でスクロールした際に背景画像がガクガクと震えるバグを再度hackしました
根本的な修正はMicrosoftの対応待ちです
ご迷惑をおかけします よろしくお願いします

不具合修正及びメンテナンスに伴い
当該ページ内容を大幅に修正しておりますことをご了承ください

更新履歴 2016.9.9

● リストマーカーの位置を調整しました
参考記事
list-item横の隙間について
● 最優先フォントを游ゴシック体に変更しました
● 主要公式プラグインの整形を行いました

更新履歴 2016.1.9

フッター構造を変更しました
タイトルタグを微調整しました(SEO対策)

更新履歴 2015.9.22

iOS9 リリースに伴い スマホ・タブレットではColorbox起動させないよう修正しました
Colorbox適用版は記事の半ほどに掲載しています
配布終了致しました

更新履歴 2015.9.9

・ 公式化に伴うOGP削除
・ 画像の縦横比が狂う問題を改善
FC2検索バーがタブレットでレイアウトを壊す問題に対処
(FC2より注意されましたので元に戻しました)

リリース済テンプレ随時更新のお知らせ

更新履歴 2015.8.27

2015.8.27現在 修正版を公式から配信しております
詳細は以下の記事にて
AnotherDay修正のお知らせ

ご迷惑おかけします よろしくお願いします (*_ _)

更新履歴 2015.6.5

iOS Safari でブラウザバックするとホワイトアウトする問題があったため
現在は修正版をリリースしておりますのでご参照ください

本ページの内容は2018年3月10日メンテナンス以降のバージョンが対象です。

あなざでぃ あじゅーる(空色)
あなざでぃ もーぶ(桃色)

今回も画像抽出タイプです ( ゚Д゚)ノ
2015.5.16 承認されました sawaさんお知らせあざす!

TOP PAGE DEMO
画像クリックでデモ画面へ
ARTICLE DEMO
画像クリックでデモ画面へ
DOWNLOAD


mauve
Sample トップ
Sample 個別
DOWNLOAD


FAQ

お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)

・サイドバーの形状変更
・トップページの表示タイプ変更(要約表示から全文表示へ変更 など)
・レスポンシブを固定幅化
・カラム数変更
・テンプレートと無関係なプラグインの導入

カスタマイズをブラウザ上で行う方は
Ctrl + F --- Windows
Command + F --- Mac
キー検索をご利用ください
また
注)
で検索されますとカスタマイズのガイダンスが出てきますので事前にご確認をお願いします

左右カラム入れ替えの仕方
How to reverse the direction of rows

#float-container で検索されますとCSS内に4箇所出てきます。最初のものが対象です。
この括りの padding: 40px 60px 80px; の直下に flex-direction: row-reverse; を追加。

続きまして #primary で検索されますとCSS内に2箇所出てきます。こちらも最初のものが対象です。
この括りの margin-right: 40px; 緑部分 right を left に変更。
以上2手順です。

背景変更について
How to change background image

デフォルトでは PC用背景とタブレット・スマホ用(モバイル)背景を分けています。
PCでは横長画像、モバイルでは縦長画像を、といったような縦横比を変更しつつさらに背景表示のCSS内容も切り替えを行っています。
CSS切り替えについてはiPhoneのステータスバー対策です。
スクロールでバーが非表示になることによって画面縦サイズが変更になるため、通常の背景指定では画像がスクロールのたびに拡大・縮小を繰り返し非常に煩わしい。その対策です。

背景画像を変更されます方は、同種2サイズ の画像(横長と縦長)を準備されるか、めんどうな場合は1種横長で以下のガイダンスを目印に指定箇所を削除してください。

注)タブレット・スマホ用背景

1サイズで揃える場合は必ずこの削除処理を行なってください。でないとデフォルトの背景がそのまま居残ります。

2サイズを準備される方は、iPhone Xがかなり縦長ですので、以下のデフォルト画像を目安に作成してください。

アスペクト比で書いてもたぶん逆に難しいと思いますので見た目・大体の感じで ^^;
おさらいすると、2サイズ用意する方は横長と縦長を。
1サイズの方は指定箇所を必ず削除。
1サイズの場合には繰り返しますがスクロール時の背景拡大・縮小が避けられない、というのを念頭に。

ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には

・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除

上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。

また、質問を投げっぱなしで放置する方は以降二度と回答することはありませんのでご理解をお願いします。

いつもありがとうございます (●'0'●)/

配布終了・旧作