The other way round

ARTICLE PAGE

Sincerely-yours

author photo

Byvanillaice (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 0

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
利用上のお願い (3)
ご質問の前に (2)
よくあるご質問 (1)
FC2不具合情報 (15)
割と重要なお知らせ (34)
テンプレート (68)
ブログ内限定配布 (6)
リリーステンプレート早見表 (1)
テンプレート固有機能説明 (1)
配布終了・旧作 (5)
テンプレ不具合・修正など (57)
カスタマイズ (90)
SNS (5)
FC2ブログのあれこれ (21)
webのあれこれ (8)
装飾枠 (3)
装飾枠使い方とお願いごと (1)
雑記 (32)
洋楽 (103)
50 Cent (1)
Akon (1)
All American Reject (1)
Amy Winehouse (1)
Andain (1)
A Perfect Circle (1)
Aura Dione (1)
Balint Adam (1)
Billy Talent (1)
Bliss (1)
Boyce Avenue (1)
Breaking Benjamin (3)
Breathe Carolina (1)
Catfish And The Bottlemen (0)
Damien Rice (2)
Danny Elfman (1)
Dave Matthews Band (1)
David Lee Roth (1)
Death Cab For Cutie (1)
Diary Of Dreams (2)
Digital Summer (1)
Disturbed (3)
Drowning Pool (1)
Eminem (1)
Five For Fighting (1)
Flo Rida (2)
Fort Minor (1)
Get Scared (2)
Goodnight Nurse (1)
Gotye (1)
Hoobastank (1)
InMe (1)
Ivy (1)
Jamiroquai (3)
Jeniffer Lopez (3)
Jet (1)
Kelly Clarkson (1)
Kelly Sweet (0)
Kula Shaker (1)
Late night almuni (4)
Led Zeppelin (1)
Lenny Kravitz (0)
Limp Bizkit (3)
Linkin Park (1)
Lorde (1)
Lou Reed (2)
Magic! (1)
Maroon 5 (1)
Michiko (1)
Mindless Self Indulgence (1)
Mindy Gledhill (0)
Miss Jane (1)
Muse (2)
N.E.R.D. (1)
Nickelback (1)
Nirvana (1)
Oasis (1)
Panic! At The Disco (1)
Papa Roach (1)
Pharrell Williams (1)
Radiohead (1)
Rage Against The Machine (1)
Red (1)
Red Hot Chili Peppers (3)
Rhye (2)
Rumer (1)
Sade (1)
Sarah Brightman (1)
Shakira (1)
Sixpense None The Richer (0)
Soulja Boy (1)
Steven Cooper (1)
Sting (1)
Sum 41 (2)
Taio Cruz (1)
The Fratellis (0)
The Pretty Reckless (1)
The Weepies (1)
Three Days Grace (1)
Tom Waits (2)
Travie McCoy ft. Bruno Mars (1)
TRUSTcompany (1)
Ty Stone (1)
U2 (1)
Westlife (1)
未分類(個人的テスト等) (48)