vanillaice (Akira)

vanillaice (Akira)

Sincerely-yoursテンプレート


名称 Sincerely-yours
カラム数 2
プラグイン対応 ○ (右サイドメニュー)
レスポンシブ対応
サイドメニュー デフォルト 右
記事幅 可変 最大860px (内寸 790px)
サイドバー幅 固定 300px (内寸 260px)
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
テンプレ固有機能 画像にドロップシャドウ
動画縦横比固定
画像ハイパーリンク上マスク
画像拡大(Intense Images)
見出しデザイン(手書き風, カール)
使い方詳細ページ
テンプレート固有機能説明
Browser SupportIn principle, current and previous version

Chrome

Firefox

Safari

Opera

Edge

IE11

License
Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
推奨カスタム 色調変更, カラム入れ替え etc.


valid-html5.png


スマホ広告が笑えるほどウザいなー ( ̄∀ ̄;)
ふわわ〜〜〜… って何秒かかってんだ
FC2ブログは広告掲載点数自体は他社と比べて良心的(アダルトジャンル・スマートフォン版除く)ですが、広告種は群を抜いて悪辣 ε≡≡ヘ( ´Д`)ノ



しんしあり ゆあーず
承認されました。ありがとうございます。



TOP PAGE DEMO
LIST PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ



仕様
・全文表示タイプ
・サイドメニュー スクロールアンカー
・個別記事ページ送りサムネイル
・フッター画像は変更できます


お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)
・トップページの表示タイプ変更・レイアウト変更(全文表示から要約表示へ変更, カラム数変更 など)
・レスポンシブの固定幅化。
・テンプレートと無関係なプラグイン導入のお手伝い。


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



左右カラム入れ替えの仕方


#main-container

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

flex-direction: row-reverse;

続きまして検索。

#primary

こちらも2箇所ヒットします。やはり最初のものが対象です。
この括りの

margin-right: 20px;

緑部分 rightleft に変更。
以上2手順です。



全体幅調整の仕方

デフォルトは全体像の最大横幅を 1300px に設定しています。
1300
で検索して頂きますと、CSSソース内に 4箇所 ありますので、4箇所全てを希望の数値(同数値)に変更してください。
(メインコンテンツ横幅が500pxを下回った際にシングルレイアウトに切り替わるよう調整してあります)



個別記事ページ送りの前後ページサムネイル

FC2独自変数では未実装ですので、単純かつ半ば強引に表示しています。
また別の方法を思いついた際、もちろん公式実装された際には書き換えしようと思っています。
前後ページにサムネイル対象画像が存在しない場合のNo image画像を用意していますので、変更したい方は

//blog-imgs-106.fc2.com/v/a/n/vanillaice000/sincerelyoldnoimageth600.jpg

上記が対象画像でhtmlソース内に1箇所、CSSソース内に1箇所の計2箇所あります。
htmlの方は個別記事のNo image用、CSSの方は全記事リストページ(INDEX)のページ送り背景用です。
各々画像アドレスに修正をお願いします。
(http: のスキームは省略されることをおすすめします)
縦横比不問(ですが横長推奨)、長辺500px程度が妥当かと思います。
また、ブログ個人設定でNo image代替画像を設定済みの方は テンプレートデフォルトが優先表示 となりますので、必要のある方はご面倒ですが差し替えをお願いします。

デフォルト画像サンプル (縮尺掲載 600×479 28KB public domain)





フッター上画像変更

第3カラムとして
  • プロフィール画像
  • サイト説明文
  • 自己紹介文
  • SNSリンク(シェアではなく個人ページへの誘導です。アドレス記入をお願いします。)
上記内容が掲載されます。
このカラム自体が不要の方は

<!-- 注)フッター上カラム不要の方ここから削除 -->

上記コメントを目印にガイダンスに従ってください。
プロフ関連、説明文など、個人設定の対応箇所が不明な方は以下のページをご参照ください。



背景画像を変更されます方は

//blog-imgs-106.fc2.com/v/a/n/vanillaice000/sincebg.jpg

上記が該当アドレスでCSSソースに2箇所ありますので、2箇所共差し替えをお願いします。
透過は自動でかかります。
縦横比不問ですが横長が望ましいです。長辺1200px以上をおすすめします。

デフォルト画像サンプル (縮尺掲載 1500×1001 64KB public domain)





ナビゲーション内「About」について
こちらは予備リンクです。
誘導したいページがあれば、About を適切なテキストに置き換えた上で、リンクアドレスを設定してください。
不要であれば削除。

該当部位検索
注)予備リンク

カスタマイズ
<li><a href="ここにリンクアドレス">テキスト</a>


デフォルトのままでは空リンクですので、削除あるいはリンク設定いずれかの処理をおすすめします。



ドミナントカラー

以下が基本色調です
数字の部分だけを抜き出してCtrl+F(Windows)/ Command+F(Mac) キー検索されますと 不透明度つきのものも全て出てきますので上手に活用してください。

例) 51,51,51


rgb(250,250,250) 全体背景色
rgb(78,90,112) 基本リンク色, ナビゲーション背景色 など
rgb(212,185,150) 各部位ボーダー色
white 記事背景色 など



管理人コメントと訪問者コメントを分ける方
デフォルトはグレー背景アイコン。
サンプル




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

.name管理人ハンドルネーム:before {
  background-color: カラーコード;
}

管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください。
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません。
サンプルのカラーコードは rgb(148,170,201)

プロフィール画像などを設定する場合は以下の通り。

.name管理人ハンドルネーム:before {
  content: "";
  background: url(画像アドレス) center center /cover no-repeat;
}


サンプル



* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
注意) ハンドルネームを判別してデザインを振り分けています。
同じハンネの方がコメントされますと管理人のそれと同じデザインを踏んでしまいますので割りきってお使いください。



ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には
・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除
上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。





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

Comments 6

There are no comments yet.
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/07/09 (Sun) 20:58 | EDIT | REPLY |   
kimiuta  

すみません。
secretボタンを押した、もうコメント見ない。Orz
If you will solve my problem,please reply me under this comment.
Thanks deeply.

2017/07/09 (Sun) 21:06 | EDIT | REPLY |   
Akira  
To kimiutaさん

You can use English :)

First of all, let me know your website URL in order to find your issue.
I guess you probably do NOT use upper box on a page [Post a new entry]. Anw, I'll be waiting for your reply.

2017/07/09 (Sun) 21:41 | EDIT | REPLY |   
kimiuta  

This is my blog link. 本当にありがとうございます。

2017/07/14 (Fri) 00:17 | EDIT | REPLY |   
Akira  
To kimiutaさん

Thank you very much for your reply :)
Ok I've figured out your issue and I knew it lol. It's not a kind of error or something like that. It's just a behavior of FC2 blog.
You can see there're two boxes in your [Post a new entry] page. One is body(upper box) , and another is extend(lower box).
The reason why ... appeares on a category page is that you use only lower box.

http://blog-imgs-114.fc2.com/v/a/n/vanillaice000/9afeiwfhjnoth.png
http://blog-imgs-114.fc2.com/v/a/n/vanillaice000/9afeiwfhjth.png

Here's the deal on samples, you should use BODY.

スパム扱いになるので日本語も入れておきます。

2017/07/14 (Fri) 01:05 | EDIT | REPLY |   
Akira  
To kimiutaさん②

You mean you don't want to display any text? If so, remove the following parts from html source code.
(Use Ctrl+F(Windows)/ Command+F(Mac) to search for words.)

<p><%topentry_description></p>

There're 4 corresponding items in total. Delete them all.

よろしくお願いします。

2017/07/14 (Fri) 01:33 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
2017.8.8 本日より10日ほど留守にしますのでお返事遅れます。すみません