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

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

テンプレート
2015/08/14
vanillaice (Akira)
vanillaice (Akira)
HTML5 CSS3 RWD

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

Valparaisoテンプレート

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

最終更新 2017.12.8

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

名称 Valparaiso
動作確認済みブラウザ
トップページ記事並び 全文表示タイプ
記事幅 メイン --- 最大788px
サイド --- 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シェアリンクのエンコード

更新履歴 2016.10.11

不具合修正
・ Windows10 IE11及びMicrosoft Edgeのスクロールバグに対処
● 全体レイアウトの再調整
● 関連記事サムネイルの整形
● ベンダープレフィックスの整理
●その他微調整

メンテナンスに伴い 当該記事内容を大きく書き換えました
お手元のソース内容と合致しない場合はお手数ですが最新バージョンへのアップデート(再DL)をお願い致します

更新履歴 2016.9.9

● リストマーカーの位置を調整しました
参考記事
list-item横の隙間について
● 最優先フォントを游ゴシック体に変更しました
● ページ遷移の動作をJSからCSSに変更しました(若干の高速化)

更新履歴 2016.1.9

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

更新履歴 2015.12.12

タイトルリンクが長い時 記事幅からはみ出る問題を修正しました

更新履歴 2015.9.21

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

更新履歴 2015.9.9

・ 公式化に伴うOGP削除
テンプレ付随のSNSボタンをご利用の方は ブログ環境でのメタタグ設定をお願いします

更新履歴 2015.8.28

・ FC2検索バーがタブレットでレイアウトを壊す問題の対処
・ ページtop/ bottomボタン変更
・ ビューポート設定調整
・ Javascript 若干の軽量化

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

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

2015.8.14 申請いたしました
したつもりがしてなかった (´・ω・`) バカかよ((((笑) 今した!8月17日(笑)
8.18 承認されました

ばるぱらいぞ ( ゚Д゚)ノ

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: 30px;
緑の right を left に変更。

ヘッダー下welcome背景について

背景画像は1種ですが、画面サイズによって2サイズに振り分けています。

注)ヘッダー画像

で検索されますとCSSソース内に2箇所ヒットし、pc用・スマホ用のガイダンスが付いてます。
画面横幅415pxを含みそれ以上の場合には横1600pxの画像を。
414pxを含みそれ以下の場合には横800pxの画像をそれぞれ指定しています。
これは容量対策ですが必須というわけではありません。
画像を変更されます際は2サイズ用意するか、煩わしい場合にはスマホ用の内容を削除してください。
1種で賄う場合は解像度の観点から横1500px以上を推奨します。
画像の容量削減は確実に行なってください。

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

デフォルトは一律「黒背景茶文字」です
管理人コメントを変更するには(スクショは一例です)

.name管理人ハンドルネーム {
  display: table;
  width: 100px;
  height: 100px;
  background-color: rgb(179,154,100);
  color: rgb(51,51,51);
  text-align: center;
}

上記内容をCSSソース(テンプレ管理画面「下段」)の末尾に追加
管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません
サンプルのカラーコードは rgb(148,170,201)

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

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

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

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

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

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

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

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

テンプレート