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

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

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

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

DaisyGreenテンプレート

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

最終更新 2017.12.11

大規模なメンテナンスを行いました。
詳細は以下のページでご確認ください。

名称 DaisyGreen
動作確認済みブラウザ
トップページ記事並び 全文表示タイプ
記事幅 メイン --- 最大780px
サイド --- 270px
記事内で利用可能な見出しレベル h2からh6
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.22

SSL化に伴うURL正規化

更新履歴 2017.1.25

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

更新履歴 2017.1.13

・RSS新着サムネイルを削除しました 関連記事
Google Feed API 廃止に伴うテンプレートの一部レイアウト変更

更新履歴 2016.10.21

メンテナンス
・ 全体レイアウトを再調整 --- 一部ページをリスト形式に変更
・ ページ遷移エフェクトをJSからCSSに変更 --- 軽量化 ・ 主要公式プラグインの整形
・ 関連記事サムネイルの整形
・ ベンダープレフィックスの整理
・その他調整多数

メンテナンスに伴い当該ページ内容を大幅に書き換えましたことをご了承ください
当ページの内容とお手元のテンプレートソース内容とが合致しない場合はお手数ですが再DLをお願い致します

更新履歴 2016.9.22

・コメントトリップの機能を削除しました
・訪問者リンクを別タブで開くように変更しました

更新履歴 2016.4.11

細かな修正を多数加えましたのでリンク先をご確認ください
併せてこちらの記事も一部修正・加筆しております
DaisyGreen修正のお知らせ

更新履歴 2016.1.9

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

更新履歴 2015.9.21

・ iOS9 リリースに伴い スマホ・タブレットではColorbox起動させないよう修正しました
(Colorbox適用版は記事の最後に掲載しています)
Colorbox適用版配布終了致しました。
・ S_DaisyGreenのスライドサイドバーを修正しましたので 仕様を書き換えしました
ご利用の方は内容をご確認の上でお持ちください

更新履歴 2015.9.9

・ 公式化に伴うOGP削除

テンプレ付随のSNSボタンをご利用の方は ブログ個人環境でのメタタグ設定をお願いします

更新履歴 2015.8.28

修正版配信
・ FC2検索バーがタブレットでレイアウトを壊す問題の対処
・ ページtop/ bottomボタン変更
・ スマホからのテキスト入力時に画面が自動でズームしないよう調整
・ ビューポート設定調整
・ Javascript 若干の軽量化

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

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

でいじー ぐりーん

TOP PAGE DEMO
LIST PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ

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

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

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

カラム入れ替えの仕方
#float-container

を検索されますと、CSSソース内に4箇所ヒットします。
最初のものが対象です。
この括りの中の padding: 50px 60px; の直下に以下の内容を追加。

flex-direction: row-reverse;

続きまして検索。

#primary

こちらは2箇所ヒット、最初のものが対象です。
この括りの中の margin-right: 40px;
緑の right を left に変更。

フリップテキストについて

ヘッダー下にありますテキストは変更可能です

フリップテキストここから

を目印に各文言を編集してください(日本語可, 改行不可)

各ヘッダー変更について

トップページは大きめ それ以外は小さめのヘッダーでデフォルトでは別画像にしてあります

注)トップページヘッダー背景(大・小) pc用
注)トップページヘッダー背景(大・小) スマホ用

各2点づつ画像アドレスが記載されています。
容量対策のためパソコンでのサイズとスマホでのサイズを振り分けていますがスマホ方は必須ではありませんので、サイズ違いを用意できない場合はスマホ用の記述を削除してください。
その際には横1500px以上を推奨します。
スマホ用は横600以上800px以下を目安にしてください。
各画像の容量削減は事前にしっかりと行ってください。

ギャラリーのリンクと画像について

リンクとリンクテキスト内容の指定はhtmlソース内で行います。

注)三つ並びギャラリー

で検索されますと各対象部位が出てきますのでガイダンスに従ってください。
テキストはなるべく端的な文章で。

画像の指定はCSSソース内で行います。

注)gallery

で検索されますと対象部位が出てきますのでこちらもガイダンスに従ってください。

No image画像変更
https://blog-imgs-116.fc2.com/v/a/n/vanillaice000/daisygreennoimage160th.jpg
  • 検索結果
  • カテゴリ, アーカイブなどのリスト形式ページ

上記ページが類が対象でCSSソース内に2箇所あります。
縦横比不問ですが正方形が望ましいと思います(表示が正方形なので)
最適サイズは短辺 160px 前後です。

デフォルト画像 (実寸掲載 160×160 5KB public domain)

画像上の白いマスクとNo imageのテキストは自動で乗ります

管理人コメントと訪問者コメントを分ける方

デフォルト(訪問者用)はグリーン
管理人用としてオレンジを用意しました

CSSソース末尾に以下を追加

.name管理人ハンドルネーム {
  background: url(https://blog-imgs-71.fc2.com/v/a/n/vanillaice000/201506232336262bb.png) center top /22px 22px no-repeat;
}

緑の 管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に書き換えてください

* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
注意) ハンドルネームを判別しています 同じハンネの方がご訪問されると… ごめんなさい (割りきってお使いくださいね)

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

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

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

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

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

配布終了・旧作