vanillaice (Akira)

vanillaice (Akira)

Cabbie template


名称 Cabbie
カラム数 2
プラグイン対応
プラグイン1・2 --- 右サイドメニュー
プラグイン3 --- フッター上サイドメニュー
レスポンシブ対応
サイドバー PC --- 右/ ブラウザ縮小時・スマホ --- 下
記事幅 可変 最大954px (内寸 894px)
サイドバー幅 固定 300px (内寸 260px)
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
テンプレ固有機能 動画縦横比固定
画像ハイパーリンク上マスク
画像拡大
使い方詳細ページ
テンプレート固有機能説明
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


更新履歴 2017.4.17


・ iPhoneでfixedされたinputが固定されないバグのApple修正に伴いhackを削除

参考記事
【重要】iPhoneでfixed指定されたinputが固定されないバグが解消されました

--------- 以下本文



リロイ・ジェスロ・ギブスにオヤジ萌え (*´Д`)ハァハァ


きゃびぃ
1月27日 申請致しました。


TOP PAGE DEMO
ARTICLE DEMO
FAQ
DOWNLOAD



仕様
・ プラグイン1・2は右サイドメニューに、プラグイン3はフッター上サイドメニューにそれぞれ配置されます
・ タグを自ページ(自ブログ)リンクに変更しました


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


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



タグについて

各記事下に毎回置いている「タグ」ですが、
これまでは『みんなのタグ』とでも言えば良いでしょうか。
FC2ブログ内で同タグが付けられているページの一覧に飛ぶようになっていました。
こちらを『自分のブログ内のみでの同一タグページ』に飛ばして欲しい、というお声がありましたので今回変更しました。
従来通り、外へ向けてのリンクをしたい方は以下の通り修正をお願いします。

<p id="tags">

を目印に </p> までに挟まれた内容を以下の通り書き換え。

<%topentry_jointtag>



背景画像変更について(重要)

本テンプレでは同一画像を2サイズ準備して頂く必要があります。

① 横長、長辺1500px程度 --- PC用
② 縦長、長辺1000px程度 --- スマホ・タブレット用

iPhoneのSafariでは画面上部のステータスバーが、上下にスクロールする度に出たり引っ込んだりします。
ステータスバーが引っ込む = 画面が広くなる = 縦ビューポートのサイズが変更される
それが原因で、全画面に配置した画像がスクロールする都度ガクガクと拡大・縮小を繰り返します。
なかなかどうしてこれが鬱陶しい (´・ω・`)
デザイン上対策できる時とできない時とありますが、今回はできるタイプです。

デフォルト画像を掲載しておきますので、横長画像を基準に縦に切り出すにはどこをどうするか、お考え併せの上作成をお願いします。


横長 (1800 × 1237) 104KB --- PC用



縦長 (616 × 1073) 115KB --- スマホ・タブレット用




縦長の方は 横 : 縦 = 1 : 2.5 程度が妥当かと思います。
処理がめんどう、ガクガクも気にならない、という方は以下の処理を行って画像を共通化してください。

注)スマホ・タブレット用背景画像設定

を目印に対象箇所を 削除 します。
・ 2種画像を準備する
・ 1種共通にして該当箇所を削除する
必ずいずれかでお願いします(でないとデフォルト画像が表示残りしてしまいます)



サイト内検索について

こちらも前作同様iPhoneのバグ(or 仕様)あり。
また、iOS版 Google Chromeブラウザでの挙動の件もありますので以下のリンク先で内容をご確認ください。

Juvenile



ドミナントカラー

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

例) 51,51,51


rgb(22,25,30) 記事背景色
rgb(227,199,64) リンク色 など



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

デフォルトはグレー背景アイコン。
サンプル




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

There are no comments yet.

Leave a reply

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