vanillaice (Akira)

vanillaice (Akira)

注) こちらのテンプレートは配布終了致しました
ご利用ありがとうございました
改訂版をリリース致しました

Nostalgia - テンプレート

名称 Nostalgia カラム数 2 プラグイン対応 ○(サイドバー集約型) レスポンシブ対応 ○ サイドバー PC --- 右/ ブラウザ縮小時 下SP --- 右からスライド 記事幅 可変 最大1270px (内寸 1190px) サイドバー幅 固定 300px (内寸 260px) 新着サムネイル表示 なし 任意個人設定 ...



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



iMac Template 1

iMac Template 2




名称 nostalgia
カラム数 1 と 2
プラグイン対応 ○(サイドバー集約型)
レスポンシブ対応
サイドバー 右/ ブラウザ縮小時・スマホ 下
記事幅 可変 最大780px
サイドバー幅 280px
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
新着サムネイル利用 = RSS設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
Windows/ Mac
Chrome Firefox Safari Opera IE9以上 IE8以下
細かい部分がアレでソレ 4ねレベル ←
推奨カスタム 背景変更(枚数設定含む) ページ遷移エフェクト削除



更新履歴 2016.1.10


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


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



更新履歴 2015.11.22


背景がスライドしなくなった問題を修正


更新履歴 2015.9.22


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


更新履歴 2015.9.10


・ 公式化に伴うOGP削除

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


更新履歴 2015.8.27


・ FC2検索バーがタブレットでレイアウトを壊す件を対処
・ ページTOP/ BOTTOMボタン変更 使い易くしました
・ Javascript 若干の軽量化

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

ご迷惑おかけします よろしくお願いします


更新履歴 2015.6.4


修正版リリースしておりますのでご参照ください

Nostalgia修正版配信のお知らせ


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


本文内容を大幅に修正しています(2016.1.13)
古いバージョンをご利用の方はアップデートをお願い致します (*_ _)



Sample インデックス
Sample トップ
Sample 個別

DOWNLOAD
FAQ



th_76589.jpg


テンプレート新作を申請しました (●'0'●)/
今回のものは使い勝手にクセがありますので ご説明しますね
上記サンプルで動作確認しながらどうぞ


仕様
・ 背景はブラウザ全画面スライド
・ 擬似エンターページ
・ メイソンリーレイアウト
・ ブラウザ幅によって記事幅が変わるレスポンシブタイプ
・ スマホ表示ではワンカラムになります


お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)
・サイドバーの形状変更
・トップページの表示タイプ変更(メイソンリーからグリッド or 要約・全文表示へ変更 など)
・各ページのサイドバーの有無の変更
・レスポンシブを固定幅化
・インデックスページ(トップページの一番最初のページ)削除
・カラム数やサイドバー位置変更



最初にカスタマイズする際の重要な点

当該テンプレートは「プレビュー」ができません
「更新」して初めて状態確認ができます
必ず事前に複製をとっておいてください


というかですね 基本的にテンプレートの編集結果は「更新」及び「設定」した状態で行ってください
別テンプレを設定しておいて 編集したものをテンプレ名称クリックで確認 というのはキャッシュの都合やJSの都合で正しく表示されないことの方が多いです
ちゃんと修正されているのに「できない!できない!emoji」という方も中にはおられます(笑)




エントランス風ページについて


ブログの入り口風に作ってあります
エンターボタンを押してからブログに入る という形ではありませんので擬似的なものです
いわゆる「トップページ」の「1ページ目」のみがこの表示
FC2で言うところの index_area にあたります
ページ送りの1ページ目以外から1ページ目をクリックしてもこのページにはたどり着きません
これはFC2の仕様です



右上のメニューバーについて


sample

固定されてますので スクロールしても常に右上に駐在します

真ん中の人型アイコンと右から二つ目の新聞アイコンは Index ページ内でのスクロールです

About Me ↓

sample

写真の初期設定はプロフィール画像ですが 差し替え可能です (htmlソース内該当部分に説明あり)
テキスト部分についても htmlソース内へ書き込んで頂く形です
特に難しくはありません 日本語入れてもらえれば良いです
行末に
<br>
というタグを入れてもらうぐらいです (詳細はソース内に)
不要ならば取り除くこともできますが 右上のアイコンが残りますので

<li><a href="#section-2" title="About Me"><i class="fa fa-user"></i></a>


この一行を削除します
About Me の部分を削除したら 上のソース内容も削除
という意味ですよemo


Post ↓ (修正前のスクショなのでブロック同士の隙間がまちまちです(笑))

sample

メイソンリー と呼ばれるレイアウトです
記事内「本文の編集」内に画像がある場合は 一番最初のものが表示されます
FC2へのアップロードのみ有効
他の画像ホスティングサービスからの直リンクでは表示されません

ブラウザの幅が変わると ザザっという感じでブロック同士が自動で並べ替えを行います
このあたりの動作は実際にブラウザ幅を大きくしたり 小さくしたりで試してください


エントランスページにはサイドバーが存在しないため ブログ内での直感的な移動ができませんので


sample


このリンクが「タイトルリスト」への誘導になってます
タイトルリストのページにはサイドバーがありますので そこから行ったり来たりできます



sample


● サイドバーが無いページ
・ エントランス(エンターページ, index_areaページ)
・ 月別アーカイブ
・ タグ一覧
・ カテゴリ一覧

上記は全てメイソンリーです このページに飛んだ場合
エントランス以外のページではメニューバーの項目が変更してありますので

sample

ここからタイトルリストへ戻る と
そういう使い方をしてください
ともかくサイドバーが必要な時には 右上の「タイトルリスト」へ行く
ということでお願いします ( ̄∀ ̄;)

書いてるとややこしく感じますが そんなに難しいわけでもない(笑)

ここまでが基本的な仕様の説明です
ここからはカスタムの件



背景変更


対象箇所はhtmlソース内です
Ctrl+Fキー検索

<!-- 全画面背景開始 -->
内容省略
<!-- 注)全画面背景終了-->

画像の増減についてはソース内カスタマイズナビに従ってどうぞ
以下が画像一枚分です

<img src="ここに画像パス" alt="代替テキスト">

画像パス というのはURLのことです

sample

この赤い部分のことですね
これを差し替える あるいは 追加する ということです

画像サイズは大きいほうが良いですね
ブラウザ画面の拡大・縮小時 自動で全画面にフィットするようになっていますので
小さな画像が拡大されると解像度が落ちてしまいます
大画面のパソコンのことも考慮して できるだけ大きい物をどうぞ
もちろん初期状態のままお使い頂いても構いません (フリー画像です
)


ページ遷移時エフェクトについて


人によってはこのエフェクトによって表示が「遅い」「重たい」と感じられるかと思います
その場合にはエフェクトの削除をおすすめします(2手順)
Ctrl+Fキー検索(htmlソース内にあります)

<link rel="stylesheet" href="http://blog-imgs-71.fc2.com/v/a/n/vanillaice000/animsitionmin.css">

上記を削除 さらに同じくhtmlソース内

<!-- 注)ページ遷移エフェクト不要の方ここから削除 -->
内容 省略
<!-- 注)ここまで削除 -->


以上2箇所を削除してください



記事画面背景の透明度変更


ブログ自体の背景が露出するように記事背景に不透明度設定をしています
透け具合が強すぎて記事が見づらい時は 記事背景の透過度合いを緩くしてください

Ctrl+Fキー検索(CSSソース内にあります)

.stuff, .stuff2 {
  height: auto;
  background: rgba(255, 255, 255, .6);
  padding: 15px 30px;
  text-overflow: ellipsis;
}


続いて

.main_body {
  background: rgba(255, 255, 255, .6);
  margin-bottom: 50px;
  padding: 15px 25px;
}


.6
の数字が不透明度設定です
「不」透明度ですよemoji 透明度と不透明度は意味が違いますので注意
完全不透明(= 透けない)は 1
数字が大きくなるほど透けの具合が小さくなります
もっと透過を強くするのならば .4 などに変更 ってことですね
大きい数字 (最大 1.0) → あまり透けない 1 で完全不透明
小さく数字 (最小 .0) → かなり透ける 0 で完全透明
小数点 0 は省きますので カンマ数字 という記述です



Colorbox適用版(おまけ)


htmlファイル×1 (2016.1.13 現在最新版)
この日付以前にDLされました方はお手数ですが公式から再DLの上html差し替えをお願いします

file


Colorbox = ページ内画像拡大スクリプト
クリック ↓

sample

起動条件
<img>
<a>
で囲われており 同じアドレスが与えられている

ご利用頂けないパターン
・画像を「アルバムへリンク」している方
・画像ハイパーリンク(外部ページへの遷移)をご利用の方(ランキング, SNS, 拍手等含む)

仕様
・過去掲載画像の全てに適用されます

条件と照らしあわせてご利用の有無をお決めください
(上級者の方はデフォルトのhtmlへご自分でColorboxファイル適用されることをおすすめしています)
公式からデフォルトテンプレをDL後 htmlソースを差し替えてください

参考: Colorbox上級編



お問い合わせ・不具合のご報告はお気軽にどうぞ (●'ω')ノ みなさんいつもありがとうございますemoji
関連記事

Comments 92

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

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

2015/03/02 (Mon) 09:04 | EDIT | REPLY |   
あきら  
@内緒さん

気に入って頂けて嬉しく思います。
ありがとうございますe-454
・ローディング時間を短くしたい
・ページ遷移時に現在の画像が切り替わってしまう
という意味合いで合ってますでしょうか?

ローディングのスピードについては、トランジション(演出効果)は実際のローディングにコンマ数秒遅れを生じさせることで実現しています。
なので、通常時よりも少し遅くなってしまうのは避けられません。
ごめんなさい (*_ _)
これから記事本文に追記でスピード調整の仕方を記しますので、そちらを参照してくださいね。
また、スピード重視の方へは、トランジション削除をおすすめしています。
通常の切り替えになりますのでちょっと情緒はありませんが ( ̄∀ ̄;)

htmlソース (管理画面「テンプレートの設定」の上の段の方)の29行目に
<link rel="stylesheet" href="http://blog-imgs-71.fc2.com/v/a/n/vanillaice000/animsitionmin.css" />
という部分がありますので、こちらを削除して頂くと通常ローディングになります。

二つ目の件、ちょっと考えてみますのでお時間くださいませ (*_ _)
よろしくお願いしますe-257

2015/03/02 (Mon) 13:21 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/02 (Mon) 13:38 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

今追記しました。
鍵の件、内緒さんのご都合で構いませんよe-257

2015/03/02 (Mon) 13:46 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/02 (Mon) 14:46 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

返信遅くなりました (*_ _)
削除の手順も詳しく記載しておきましたので、いざというときはそちらでお願いします。
何度もごめんなさいね。
もっと詳しく注訳しておくべきでした。
今後に役立てたいと思います。
ありがとうございますe-454

2015/03/02 (Mon) 16:07 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/02 (Mon) 16:50 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/02 (Mon) 19:33 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

とっても遅くなっちゃいました!ごめんねー!

できますよe-257
恐らく黒にしたいのかしら?
CSSソース内 225行目

body{
font-size: 13px;
~略~
background-color: rgb(255,255,255);
}

という箇所があります
これ今「白」に設定されていますので

rgb(0,0,0)

が「黒」です。
background-color: rgb(0,0,0);

に直せば良い、ってことです。
コロンやセミコロンに気をつけてください。
他の色にされる場合には色コードを調べる必要がありますが、
わからなければ聞いてくださいね。

2015/03/02 (Mon) 22:35 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 11:20 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

こんにちはe-257
そう言って頂けると励みになりますe-271
ご質問の件はどうぞお気になさらず。
ご納得いかれるまで何度もお気軽に聞いてください。

色コードの件も追記しておきましたので、よろしければお使いくださいe-454

2015/03/03 (Tue) 12:03 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 12:12 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

これからそちらにお邪魔しますね。
たぶん何か触っちゃったね(笑)

2015/03/03 (Tue) 12:30 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 12:37 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

たぶんなんですけど、「変数」を削除してしまったのかもしれませんね。
FC2の独自変数というのがありまして。

<!--not_index_area-->

こんなのがそうなんだけども。
この一部が抜けてしまったようです。
まず htmlソースのかなり後ろの方になりますが、

<!--カレンダー不要な方はここから削除-->

というのが二つあります。
その二つ目の方を見て頂くと、すぐ上に

<div id="secondary-column">
<aside id="sidebar">

というのがあります。
その上がまず重要で、以下の通りになっているか確認してください。

<!--not_category_area-->
<!--not_page_area-->
<!--not_date_area-->
<!--not_index_area-->

このあたりはとっても繊細な部分なので、変更した点をメモしておいてやり直した方が早いかもしれません。
今のところ

・背景画像変更
・記事背景透明度変更
・スピード調整 (元に戻されたようなので不要かな?)
・ローディング時の背景色変更

こんなところでしょうか。
今回の問題は htmlソース側にありますので、CSSソースはとりあえずそのままで。
ちょっと荒業使うかもしれませんので、そのままお待ちくださいませ!
ちゃんと直ります(直します)ので大丈夫ですよe-257

2015/03/03 (Tue) 12:46 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

記事本文末尾に zipファイルを置きました。
現在内緒さんが設定されているものを踏襲しつつ、レイアウト崩れを直したものです。

ダウンロードしたらファイルを開いて、全コピーして htmlソース部分を差し替えてみてください。
元ソースの複製をお忘れなく。
個人様の背景なんかが含まれますので、ダウンロードしたらお知らせくださいね。
削除しますのでe-454
ファイルアイコンをクリックすると自動でダウンロードが始まりますが、警告が出るかもしれません。
「安全じゃないかもよ」的なやつ(笑)
害はありませんのでそのままダウンロードで!

2015/03/03 (Tue) 13:06 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 13:11 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 13:15 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

崩れはこれで直ると思います。

んで、ローディング時の背景色なんですけど、
RGB(31,7,31)
が良いんじゃないかしら?
現在設定されている背景画と同じ色はこちらです。

あ、でも今確認したら、今のも良い感じですねe-257

2015/03/03 (Tue) 13:18 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 13:24 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

えー直らない?
ちょっと私の方で全く同じファイル使って設定してみますね。
しばしご無礼お許しください。
私のはならないんだけどな (´・ω・`)
CSSも壊れちゃったかな?
確認しますので、内緒さんは私の方を目視確認お願いします。

2015/03/03 (Tue) 13:26 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

今度のファイルはCSSの方です。
記事背景の透過は .1 にしてあります。
それから、ローディング時の背景は上に書いた色に指定しています。
こちらも差し替えてみてね。

現在設定中のテンプレが、操作中のものと同じかどうかも念のため確認お願いします。
変更を加えても設定中になっておらず、困惑するケースもしばしばあります(笑)

2015/03/03 (Tue) 13:34 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 13:41 | EDIT | REPLY |   
vanillaice (Akira)  
@内緒さん

いえ。お気になさらず。
今日はたまたま時間がありました(笑)

ちょっと私透明度設定間違えました(笑)
改めて載せますのでそちらどうぞ。
今すっごい透けてる ( ̄∀ ̄;)

2015/03/03 (Tue) 13:42 | EDIT | REPLY |   
vanillaice (Akira)  
No title

今載せているソースが

透明度 .9
ローディング背景色 RGB(31,7,31)

のものです!

2015/03/03 (Tue) 13:49 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 14:00 | EDIT | REPLY |   
vanillaice (Akira)  
No title

現在「設定中」になっているテンプレと、変更を加えているテンプレが別なのかもしれませんよ。
そちらをまず確認しましょう。
例えば、

テンプレ1 設定中
テンプレ2 変更中

テンプレ2にいくら変更を加えても「設定」されていなければ確認はできません。
意外とそんな盲点だったりしますよ。
私もたまにやって、
なんでやぁーーー!(/_;)
ってなる(笑)

2015/03/03 (Tue) 14:08 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 14:29 | EDIT | REPLY |   
vanillaice (Akira)  
No title

はい。頑張ってください。
お近くなら出向いて直接やりますものを(笑)
あまり根詰めずにどうぞe-257

また何かありましたらお気軽におっしゃってね。

2015/03/03 (Tue) 14:35 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 14:48 | EDIT | REPLY |   
vanillaice (Akira)  
No title

記事数が関係しているかどうかがちょっとわからないけれども、なんでやろな~e-260
お手間取らせてしまい申し訳ありません。
私ももう一度ソースの見直しをしてみますね。

とてもお勉強になります。
ありがとうございますe-257

2015/03/03 (Tue) 15:44 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 16:28 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 16:50 | EDIT | REPLY |   
vanillaice (Akira)  
No title

今私も原因がわかったところですe-447
not_page_area
というFC2変数があるのですが、こちらの解釈が以前とは変更になっているそうです。

同じページであっても、「複数ページに渡っていない場合にはpage_areaの判定を受けない」
ということのようです。
んなアホなe-447

これ私全然知りませんでした。
すんごくご迷惑をかけてしまいました。
陳謝e-259
ホントにごめんなさい。
とりあえず内緒さんがおっしゃるように、一番の近道は記事数を増やして頂くことだと思います。
なんとか書き換えできないものかやってみますが、時間もかかりそうですので、記事数が増やせるものならそちらでお願いします。

ホントに申し訳ない (*_ _)

2015/03/03 (Tue) 17:00 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/03/03 (Tue) 17:24 | EDIT | REPLY |   
vanillaice (Akira)  
No title

今Q&Aサイトでも聞いています(笑)
同じことでお悩みの方もおられるようでした。
知識不足でこのようなことになり、ホントに申し訳ありません。
どうも根本的な解決策も無さそうな感じなんですよねe-258
内緒さんのご指摘が無ければずっと気づかないままだったと思います。
ありがとうございます。

内緒さんには丁寧に尋ねていただきましたことにも感謝します。
ホントなら怒っても良いところだもん。これ(笑)
いや、笑い事じゃなかった ( ̄∀ ̄;)

これを機にまた精進したいと思います。
本当にありがとうございますe-454

2015/03/03 (Tue) 17:53 | EDIT | REPLY |   
丼王  
はじめまして

はじめまして。
「Nostalgia」が気に入って、早速使わせていただいております。
B級な私のサイトさえ美しく見えてしまうなんて
なんて素敵なテンプレなんでしょう(笑)
ありがとうございます。

さて、一つ質問です。
サイドバーのタグのリンク、
私の場合、「丼 種類別」という
タイトルにしてあるものですが、
これがどうしても表示されません。
タグが使えない仕様なんでしょうかね?

あと、タイトルの文字の色や大きさを
変える方法があるのでしょうか?
スタイルシートのh1のfont-sizeをいじってみましたが、
一向に変わる様子もなく…
ど素人な質問で、大変恐縮ですが、
お時間が許せば、ご教授いただければと思います。

2015/03/22 (Sun) 18:01 | EDIT | REPLY |   
vanillaice (Akira)  
@丼王さんへ

こんばんは。
気に入って頂けて感謝ですe-257

まず一点
「サイドバーへリンクを設ける」

こちらですが、タグというのはhtmlタグではなく、いわゆる「user tags」ユーザータグ のことでしょうか。
例えばFBやInstagramなどのハッシュタグのような。
プラグインかしら?
プラグインであれば該当プラグインの仕様によりますが、FC2の一般的な「タグ」であれば記事内に設ける形になっています。
ちょっと丼王さんがおっしゃっている内容のイメージを私が掴めておりません。
申し訳ない (*_ _)

二点目。
タイトルの件。
こちらの該当箇所は

#banner h1 と #banner h1 a

がそれにあたります。
全部で4箇所あります。
レスポンシブ(パソコン以外のデバイス閲覧の考慮)で書いておりますので複数箇所です。
文字サイズはソースの下に行くにつれて小さく設定してください。
下の方はブラウザが縮小された時とスマホ閲覧時の内容指定です。
あまり大きく設定しますとタイトルの途中で強制改行されて下へ繰り越してしまいます。

文字色については

color

とありましたらそれは「文字の色」ですので、お好きに変更してくださいね。
(background-color などは違います あくまでも単なる「color」です)

2015/03/22 (Sun) 19:42 | EDIT | REPLY |   
丼王  
早々の返信、ありがとうございます

タイトルの方は、
PC用、iphone用と、それぞれいじらせて
もらいました。
ありがとうございました。

タグの方ですが、
記事内のタグは利用できているのですが、
例えば、この記事でいうと、↓
http://mondbar.blog.fc2.com/blog-entry-3947.html
記事の最後にある
「天丼/専門店」をクリックすると、
タグ付けされた記事の一覧が出るのですが、
サイドバーのタグ一覧の
「天丼/専門店」をクリックしても、
何も出てこないということです。
プラグインの問題でしょうかね…

2015/03/22 (Sun) 20:23 | EDIT | REPLY |   
vanillaice (Akira)  
@丼王さんへ

理解できましたー!
サイドバーの
「丼 地域別」と「月間アーカイブ」の間にある
「丼 種類別」をJavascriptを利用したプラグインで表示させている、ということですかね。

これは通常時どのような表示になるプラグインなんでしょうか。
記事内のタグからは他ブロガーさんたちの類似記事一覧に飛ぶわけですが、こちらのプラグインは丼王さんのブログ内で丼王さんの同タグが付けられた記事を抽出するんでしょうか。
恐らく後者ですよね。

いずれにしても該当プラグインのリンク遷移先は
「タグページ」
そしてそのタグページ (http://~?tag)
のサポートがこちらのテンプレでは為されておりません。
申し訳ない (*_ _)

少しお待ち頂けますでしょうか。
なんとかなるものかやってみます(笑)
ごめんなさいね。

2015/03/22 (Sun) 20:49 | EDIT | REPLY |   
丼王  
そうなんですか…

これまでのテンプレの表示では、
同じタグを付けられた記事だけが、
テンプレの標準的な表示で並ぶというものでした。
つまり、カテゴリーをクリックした時の表示と同じような感じ。

公式プラグインの「ユーザータグ」も設置して試してみましたが、
やはり反応しないようです。

もし、以前のようにできれば、勿論嬉しいですが、
それでなくても素敵なテンプレですので、
このままでも使わせていただこうと思っています。

2015/03/22 (Sun) 20:59 | EDIT | REPLY |   
vanillaice (Akira)  
@丼王さんへ

お待たせ致しました。
ちょっとバタバタしておりました。
子供たちがお休みなもので(笑)

えーとですね。できたと思います。
どのプラグインをご利用かがわかりませんので、暫定ということで…。

まずHTMLソースを変更してもらうんですが、


<!--not_tag_area-->



<!--/not_tag_area-->

というのが各1箇所づつあります。
この二つを削除してください。
次に

<!-- カレンダー不要な方はここから削除 -->

という部分が2箇所あります。
最初の方は無視して、二回目に出てくる方を見て頂きますと
それよりも少し上の方に

<!--not_category_area-->
<!--not_page_area-->
<!--not_date_area-->
<!--not_index_area-->
<!--not_search_area-->

という長ったらしい羅列があります。
そこを以下の通り変更してください(not_tag_areaを追加します)

<!--not_tag_area-->
<!--not_category_area-->
<!--not_page_area-->
<!--not_date_area-->
<!--not_index_area-->
<!--not_search_area-->

次に下の方へ下がってもらうと今度は

<!--/not_index_area-->
<!--/not_date_area-->
<!--/not_page_area-->
<!--/not_category_area-->
<!--/not_search_area-->

というのがありますのでここでも追加して以下の通りにします。

<!--/not_index_area-->
<!--/not_date_area-->
<!--/not_page_area-->
<!--/not_category_area-->
<!--/not_search_area-->
<!--/not_tag_area-->


この二つの手順でいけると思います。
一度お試しください。
不備がありましたらお知らせくださいね。
私も確認したいのでご報告お待ちしておりますe-257

2015/03/22 (Sun) 21:39 | EDIT | REPLY |   
vanillaice (Akira)  

あ、ちょっと待って。
ページャー入れ忘れたかもしれません ( ̄∀ ̄;)
今しばらくお待ちください!

2015/03/22 (Sun) 21:43 | EDIT | REPLY |   
vanillaice (Akira)  

大丈夫でしたー!
やってみてください。
GO!!! (っ´∀`c)

2015/03/22 (Sun) 21:47 | EDIT | REPLY |   
丼王  
で、で、できましたーーーー!!!

できましたよ~!!!
嬉しい~~~~~!!!!!!

80店の天丼がずらりと並んで壮観ですよ!
いやもう、油で胸やけしそうですよ(笑)

カレンダーの部分、削除しちゃってたんで、
探すのに手間取りましたが、何とか。

ありがとうございました!!!

2015/03/22 (Sun) 22:16 | EDIT | REPLY |   
vanillaice (Akira)  
No title@丼王さん

丼王さん、ごめんね (´・ω・`)
やっぱページ送りが出ないみたい (´・ω・`)

今私もプラグイン導入してみましたので、ページ送りのところだけ再度修正します。
あとでもう一回来て(笑)
ごめんなさい (*_ _)

2015/03/22 (Sun) 22:24 | EDIT | REPLY |   
vanillaice (Akira)  
No title

ブラウザキャッシュのクリアしたら出た((((笑)
翻弄しちゃってすみません(笑)

解決できて良かったですー。
勉強不足でお手数をおかけしてすみませんでした。
精進致します。

教えて頂きましたので修正版の申請をしようと思います(笑)
お疲れ様でした。
ありがとうございますe-257

2015/03/22 (Sun) 22:28 | EDIT | REPLY |   
グレース  
質問です

このテンプレートとても気に入りました
特にスライド機能が好いです
早速使わせて頂きましたが、
アダルトブログでも使用可ですよね?
もしだめなら中止します

2015/04/19 (Sun) 09:12 | EDIT | REPLY |   
Akira  
To グレースさん

こんにちはe-257

製作中でコメント欄見難くてごめんなさいね ^^;
商用やアダルトの制限は特に設けておりませんので、自己責任の上でどうぞお使いください。
えと。
自己責任の上で(笑)
ご丁寧にありがとうございますe-454

2015/04/19 (Sun) 11:48 | EDIT | REPLY |   
グレース  
To Akiraさん

ありがとうございます
大切に使わせて頂きます
エログですがマイブログもご覧下さい

2015/04/19 (Sun) 12:40 | EDIT | REPLY |   
Akira  
To グレースさん

は、はい(汗)
頑張ります!!! ←←←

2015/04/19 (Sun) 13:32 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2015/04/27 (Mon) 12:49 | EDIT | REPLY |   
Akira  
To 内緒の「S」さん

こんにちはe-257

まず確認です。

・トップページに記事内容を表示させたくない(時系列に関わらず記事自体を表示させない)

ということで合ってますでしょうか。
トップページの役割をいわゆる『エンターページ』的に利用したい
という解釈で合ってますでしょうか。
まずそれ確認(笑)

結論から言うと「できます」
ちょっとややこしいソース操作が必要なのと、以下の注意点をよくよくご覧頂いた上でお願い致します。

・エンターページを好まない方は多いかもしれない
・必ずしも全員がエンターページを通過するとは限らない(非公開ブログならば別です)
・非公開ブログにされる場合には必ずエンターページからのアクセスにできますが、検索でヒットしなくなります

ごくごく当たり前のことですが、一応 ^^;

(続きます)

2015/04/27 (Mon) 13:49 | EDIT | REPLY |   
Akira  
To snow miyさん

今動作確認しました。
表示もされ、リンクも問題なくクリックできました。
もしかして「プレビュー」画面のみでの確認ではないでしょうか。
「更新」をしてご確認くださいね。
コード内容もう一度載せます。
今後はアドレスも入れてありますが、URL超過で送信できませんので●マークを入れておきます。
貼り付けの際に忘れず削除お願いします。

<script>
$(function() {
$('<div style="text-align:center; margin: 30px auto;"><div><span style="color:#ffccff">★-★-★-</span> <span style="color:#666666">下のボタンをクリックしてね♪</span><span style="color:#ffccff">-★-★-★</span></div><div><span style="color:#FFFF00">★-★-★-</span><span style="color:#666666"><u>ランキングの応援お願いします</u></span> <span style="color:#FFFF00">-★-★-★</span></div><div><a href="ht●tp://art.blogmura.com/glassart/ranking.html" target="_blank"><img src="http://art.blogmura.com/glassart/img/glassart88_31.gif" width="88" height="31" alt="にほんブログ村 美術ブログ ガラス工芸へ" style="padding: 5px 0;"></a></div><div><a href="ht●tp://blog.with2.net/link.php?1638860:1771" title="ガラス工芸・グラスアート ブログランキングへ"><img src="http://image.with2.net/img/banner/c/banner_1/br_c_1771_1.gif" width="110" height="31" style="padding: 5px 0;"></a></div><div><a href="ht●tp://blogranking.fc2.com/in.php?id=893947" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_01.gif" style="padding: 5px 0;"></a></div><div style="text-align: right; padding-top: 5px;">みなさんの応援が励みになります<span style="color:#FF0000">♥</span></div></div>').insertBefore('.fc2_footer');
});
</script>

記述場所スクショ ↓

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/html/%202015-11-05%2015.11.00_zpswxv0bovj.jpg~original

2015/04/27 (Mon) 14:01 | EDIT | REPLY |   
Akira  
To 内緒の「S」さん

上記の作業はhtmlソースへの変更で、次はCSSソース側です。

⑤ CSSソースに追加記述

以下の内容をCSSの末尾に追加(管理画面文字列ボックス『下』本記事内スクショ参照)

#sm {
padding-top: 60px;
}


これをつけないとクリック部分に右上の要素が被って押しにくくなります。
こうしてもまだ押しにくい場合には 60px の数字を増やしてください(80pxや100pxなど)



以上がソース修正です。
もしかしたら記事表示ページにサイドバーが出てしまうかもしれません。
その場合には、記事を増やして頂く(笑)
すみません ^^;
記事が複数ページに渡るように操作して頂くと直ります。

2015/04/27 (Mon) 14:08 | EDIT | REPLY |   
Akira  
To 内緒の「S」さん

もう一つありましたー!

トップページ右上の『Post』(新聞みたいなマークです)
こちらのリンクが失われてしまいますので、以下の手順で変更します。

以下の語句を探して…

<li><a href="#section-1" title="Post"><i class="fa fa-newspaper-o"></i></a>

青字を赤字に変更します

<li><a href="<%url>page-0.html" title="Post"><i class="fa fa-newspaper-o"></i></a>



これで行けるかと思いますが、ご不明な点はお申し付けくださいませe-247

2015/04/27 (Mon) 14:16 | EDIT | REPLY |   
齊藤  
ありがとうございます!

ご丁寧にありがとうございます!

今日一日あれやこれやと悩んでおりました。


現時点では、ページ作成の為非公開にしておりますが、スタッフの合意の下にどうするか考えていきたく思っています。

現在HPを利用していますが、更新に費用が掛かるのと、手間が掛かるのでブログ式に移行できればと思っていました。

本当にありがとうございました!


2015/04/27 (Mon) 18:00 | EDIT | REPLY |   
Akira  
To 齊藤さん

そういったご事情でしたかe-454
お役に立てましたなら幸いです。
こちらこそありがとうございますe-257

2015/04/28 (Tue) 09:14 | EDIT | REPLY |   
cosmos  
使わせていただきます

とあるアダルトブログを運営しています。
昔ながらの3カラムのブログを刷新したく、このNostalgiaテンプレートを使わせていただこうと思っています。本当に素晴らしいです。どうもありがとうございます。

こちらにコメントした理由は、最初このテンプレートとその他が正常に動かなかった(画面真っ白)からです。ブラウザで確認するとjavascript関連のエラーが発生していました。原因を突き止めましたので他にも困っている方がいるかもしれないと思って書かせていただく次第です。

a.症状
Nostalgia : 個別記事ページが真っ白になってしまい表示されない。
AnotherDay,Glass_shore : 背景色や背景画像だけが表示され、トップページの中身が全く表示されない。

b.原因1 A-ページランク
A-ページランク (http://www.a-pagerank.net) というサービスのタグを設置していましたが、このタグを外したところ正常動作するようになりました。理由はよくわかりません。

c.原因2 複眼RSS
複眼RSS (http://fukugan.com/) のサービスを利用していましたが、こちらの貼り付けコード中にjqueryを読み込むコードが入っており、これを削除したところ正常動作するようになりました。jqueryの読み込みが重複してしまったのでしょう。これを削除すれば複眼RSSも使用できます。

正常に動かない方、何かお役に立てれば幸いです。

2015/05/25 (Mon) 23:06 | EDIT | REPLY |   
Akira  
To cosmosさん

わー。ありがとうございますe-257
自力で解決して頂いたんですね。
それは大変なお手数をおかけしました。

そうなんです。
Javascriptはよくよく考えないと干渉してしまうことがあるんです。
特にこちらのNostalgiaではページ遷移のscriptを入れていて、なかなか扱いが難しくなっております。

これせっかくコメント頂きましたので、お困りの方是非ご覧になってね(笑)
cosmosさん、重ねてありがとうございます!

2015/05/25 (Mon) 23:48 | EDIT | REPLY |   
cosmos  
追記

書き忘れましたが、原因となったものは両方ともプラグインに含まれていたものでした。正常に動かなかったらプラグインを疑うのが良いと思います。というか、それが基本ですよね(笑)、私はいろいろ疑ってしまい解決まで2日要しました。
Akiraさまコメントありがとうございました。どうも失礼いたしました。

2015/05/26 (Tue) 22:02 | EDIT | REPLY |   
Akira  
cosmosさん

そうですね。
テンプレだけの環境を知ろうと思ったときには、一旦全てのプラグインを外して頂くのが確実だと思います。
検証するにはひとつづつ追加(表示)していくと良いけれども、結構手間でもあります ^^;

プラグイン製作者はその立場から、テンプレ制作者はまた別の立場からそれぞれ仕上げていきますので、なかなか全てに通づるような完璧なものってのは難しいです。

とてもお勉強になりました。
感謝ですe-454

2015/05/27 (Wed) 01:35 | EDIT | REPLY |   
cosmos  

こんにちは。たびたびすみません。
おかげさまでNostalgiaテンプレートをカスタマイズし実際に自サイトに適用させるところまで来ました。素晴らしいテンプレが使えることに感謝感謝です。重ね重ねありがとうございます。

さて、またご報告のようになってしまうのですが。スマホが大事の記事の方にコメントしようか迷いましたがこちらに。

テンプレを適用した後、iPhoneでトップページから個別記事へアクセスし、戻るボタン、または左フリックで [戻る] のジェスチャーを使うとトップページが真っ白になってしまう現象が発生しました。

前回の教訓(笑)からプラグインも全て外し、カスタマイズ前のPureなNostalgiaテンプレートで試しましたが同様でした。

原因は「animsition-link」でした。これが組み込まれているリンクをクリックした後に [戻る] 動作をすると画面が真っ白になってしまいます。私は「animsition-link」を全削除することで対応しました。

なお、私のiPhoneは一つ古いiOS7です。またこの現象はiPhoneのみで、パソコンのブラウザでは問題ないのです。もしかするとiOS7のiPhone固有の問題なのかもしれません。

2015/06/01 (Mon) 18:48 | EDIT | REPLY |   
Akira  
To cosmosさん

ほんまや(T-T)
これリリース当時のiOSバージョン(7.いくつ 忘れちゃった(/_;))ではならなかったんです。
(今もSleipnirなどのブラウザではならない。Safariではなる。)
マジかー(T-T)
ご本家Safariでなってるようじゃダメじゃんね (/_;)
しかも、なるときとならない時がある(笑)
cosmosさんの場合はどうでした?
覚えてたら思い出して ←
すみません(笑)

左フリックアクションで戻れるブラウザって何だろう?
お使いのiOSブラウザ教えて頂けるとなお助かります。
ちょっとanimsition入れたのが失敗だったかもしれないなー (´・ω・`)
どないしよ((((笑)

いずれにしてもご報告頂いたこと、とっても有難いです。
じゃなければいつまでも気づかなかったと思います(笑)
ちょっと対策練らないとー (´・ω・`)
iPhone固有というより、ブラウザ依存のようです。
挙動を見てると。
えぇ?!今更のクロスブラウザ?!
ぎょえ ( ̄∀ ̄;)
ちょっと頑張ってみます ^^;

2015/06/01 (Mon) 21:16 | EDIT | REPLY |   
Akira  

Githubで同じこと訴えてる外人さん居た (´・ω・`)
「iOSでおかしなったった。」
これ同じや(笑)
むぅー なんとかなるか ( ̄∀ ̄;)

いけたっぽい… たぶん…。
確信持てたら修正版出しますー (´・ω・`)
ご迷惑かけちゃってすみません (*_ _)

2015/06/01 (Mon) 21:41 | EDIT | REPLY |   
cosmos  

おはようございます。
なんか大ごとになってしまいすみません。

iPhoneのブラウザはSafari、iOSは7.1.2です。iOS8でもなるのでしょうか?
ちなみにこのサイト「The other way round」をiPhoneで見ましたがPC版でホワイトアウトが発生します。
(スマホ版は大丈夫でした)

ホワイトアウトの再現率は私のところでは100%です。
「animsition-link」が組み込まれているリンクだと再現し、組み込まれていないリンクだと正常動作するので、それで「なる時とならない時がある」ように見えるのだと思います。

わぁ、直るんですね、これ。
でも「animsition-link」全部消してしまった(笑)

この問題、「?template=」でテストしている時には発見できないので厄介ですよね。
クロスブラウザ、もうその言葉を聞くだけでため息が・・。

さて、ついでと言ってはなんですが、テンプレカスタマイズ中に気がついたこと、他にもありましたのでここで記載させていただきます。なお動作環境はMac版Safariです。

a.フッタのリンクが押せない。「Designd by Akira」の Akiraのリンクが押せないのです・・(悲)

b.画面の右上に固定されている「top-head」ですが、画面スクロール中に左側に他のリンクと「top-head」が並んでしまうと、そのリンクが押せなくなる。(うまく伝わるかな・・)

c.画面トップの「スクロール」ボタンですが、ブログの説明記事が長いとブラウザの画面を小さく縮小した時にブログの説明とスクロールボタンが重なってしまう。

d.背景の画像「maximage」ですが、画像を複数枚ではなく1枚だけ設定すると、IE8で記事が表示されず背景画像だけの表示になる。もちろんIE8は対応外ですが、画像を複数枚設定することでデザインは崩れながらも表示させることができました。(結構悩みました)

2015/06/02 (Tue) 06:46 | EDIT | REPLY |   
Akira  

おはようございますー!
どうやら7.1.2からなるらしい(笑)
最新8でもやはりなります。
ホワイトアウト自体の解消は既にわかりましたので、これから最新記事の方に追記します。
ご迷惑おけけしております (*_ _)

これキャッシュ取得の問題でして。
キャッシュが上手く生成されて動作するときはならないときもあるんですね(同クエリ移動ではなく別クエリ移動)
ともかくキャッシュを拾うようなスクリプトが書けたはずなので、ご確認頂けると助かります。

IE8以下の件
IE8そのものがCSS3及びhtml5, Jqueryの「対象外」なブラウザなもので (´・ω・`)
今ついでと言ってはなんですが、一度綺麗に書きなおそうと思ってます。
その際にJqueryの最新版を入れる予定(もう入れた)なので、
IE8以下は完全にアウトになります ^^;
Jqueryライブラリの最新版(バージョン2)はIE8以下への対応を全て打ち切っております (´・ω・`)
どうしても…ということであれば、古いバージョン(1.7や1.8)に個人様で置き換えて頂くと良いかと思います。
ただ、個人的にはおすすめしません。

2015/06/02 (Tue) 07:30 | EDIT | REPLY |   
Akira  
To cosmosさん

今このテンプレでもなりますか!
マジかーーー!んもっ!(笑)
Safariめe-259
ちなみにSleipnir使ってます。私((((笑)
こちらも修正しまーす!
リリース前で良かった ( ̄∀ ̄;)

2015/06/02 (Tue) 07:31 | EDIT | REPLY |   
Akira  
To cosmosさん

ご指摘頂きました部分についても修正しておりますので。
でもcosmosさん、随分カスタマイズお済みになった後じゃないだろうか。
またやるんかい…。とか泣きたくなりませんかね(笑)
IE8対応のこともありますので、修正版と見比べてご判断お願いしますね。
なにからなにまで申し訳なーい!

2015/06/02 (Tue) 08:39 | EDIT | REPLY |   
cosmos  

修正お疲れさまです。
iOS8でもなるんですね。でも解決されたようで良かったです。

修正版ですが、問題が修正される上に軽量化され良くなるということですから大歓迎です。まあカスタマイズはそんなに大きなことはしていませんし、a〜cまで自己流に修正したのも戻せますし、何よりページ送りが修正されるのがうれしいです。私はParadisoテンプレートのページ送りが気に入ってしまい、それをnostalgiaに移植したりもしました。Paradisoテンプレートのようなページ送りになればいいなぁ(デザインという意味ではなく、ページ送り機構という意味です)、とちょっとリクエストしておきます(笑)

私は修正版のリリースを待ってカスタマイズ部分は移植作業をしたいと思っています。

IE8については完全にアウトになるんですね。
アクセス解析をしていると今だにIE8以下が見受けられます。そういう人たちのために、スタイルは崩れてもいいのでブログのタイトルと、IE9未満は対応していませんよ、というメッセージだけは出したかったんですが、これは修正版テンプレをIE8で見て判断します。

(MacでVirtualBoxというエミュレーションソフトでWindowsを走らせてIE11を見ていますが、IE11には過去のIEでの見え方をシミュレーションできる機能があることを最近知りまして、それで見てみます。というか、そんな機能つけるぐらいならまともなIE作って欲しいですね 笑)

ともあれいろいろありがとうございます。

2015/06/02 (Tue) 19:31 | EDIT | REPLY |   
Akira  
To cosmosさん

ページ送り修正しておきました ^^;
IE8 countdown入れておくと良いかもしれません。
もう入れてるかしら?

iOS8もね~…。
うぅ~~んe-263
バグが次々に見つかる(笑)
修正版のお知らせと合わせてこの件も記事にしますね。
んもー どうなっておるのやら ( ̄∀ ̄;)

2015/06/03 (Wed) 00:09 | EDIT | REPLY |   
cosmos  
IE8 countdown

IE8 countdownって何??と思いましたが、
AkiraさまのIEの記事を読んでようやくわかりました。
うーん、日本語版があったら使ってみてもいいと思いました。
これぐらいしないと最新版に移住してくれませんよね(笑)

2015/06/03 (Wed) 11:02 | EDIT | REPLY |   
Akira  
To cosmosさん

定住民ですよね。何故か(笑)
移住しておくれ… ( ̄∀ ̄;)

IE6 no more
を使う手もありますよ。
日本語警告版もあります。

http://www.ie6nomore.com/code-samples.html

このコードの
<!--[if lt IE 7]>の部分を
<!--[if lt IE 9]>に直すと IE8も対象になります。
でも画像がね (´・ω・`)
IE8ならオッケーよ的な感じになってるからどうだろう(笑)
でもご存知ない方は載ってるブラウザ = 古い
という見方をするかも。寧ろ良いのか?(笑)

2015/06/03 (Wed) 11:40 | EDIT | REPLY |   
Akira  
To cosmosさん

あ。なんか…。
Windows10予約しなさい みたいなお知らせ来てる(笑)
んーでもでも。
怖いe-247
何がって、勝手にインストールが始まりそうで(笑)
それはない、って書いてあるけど信用できないe-452

2015/06/03 (Wed) 11:43 | EDIT | REPLY |   
cosmos  
プラグインについて

こんにちは。
現在適用されているテンプレートもすばらしいですね。ほぼ画像だけで記事を選ばせるやり方、いいです。いろいろなテンプレートに目移りして困ります・・。

今日はご相談でコメントいたしました。
お手の空いた時で結構ですし、本当はFC2に相談すべき内容かもしれません。場違いでしたらお許し下さい。

Nostalgiaのトップページ下部にプラグインを表示できないかと(といいつつ、本当はsidrというものを入れたいのですが)、いろいろ試行錯誤しているのですがうまくいきません。手順は

1.Nostalgiaのプラグイン部分、たとえば<!--plugin_first-->から<!--/plugin_first-->までのかたまりをコピーする。
2.Nostalgiaテンプレートの下部、たとえば<div class="push"></div>の下あたりに(1)を貼り付ける。
3.この状態では正常にプラグイン1が表示されるのですが、貼り付けたコードの<section class="side_bar">のクラス名を変更したり、クラスを削除すると、
4.プラグイン変数が変数として認識されず、変数が文字列として出力されてしまいます。

カスタマイズ前のテンプレートで試し、プラグインも全部外しましたが以上のような状態が再現されます。
クラス名を変更しただけで認識されなくなってしまい、まったく問題の見当がつかず途方に暮れています。<!--plugin_first-->から<!--/plugin_first-->までが認識されるコツのようなものがあるのでしょうか。

もしお時間ありましたらよろしくお願いします。御無理なようでしたらそれでいいですので。

2015/06/13 (Sat) 15:09 | EDIT | REPLY |   
cosmos  
もしや

もしや、このテンプレートsidrですか!?

2015/06/13 (Sat) 15:23 | EDIT | REPLY |   
Akira  
To cosmosさん

今車中ですー!
とりあえず、
「そうだよ!sidrです(笑)」

ごめんね。また後程改めます~e-257

2015/06/13 (Sat) 15:28 | EDIT | REPLY |   
Akira  
To cosmosさん

sidrの件。
このプラグインは一筋縄で行かないというかですね (´・ω・`)
どこを切り替えてどこを非表示にするか、切り替わった時のスタイリング内容の強制変更をどうするか、「閉じる」ボタンの設置 etc.
ちょっとこの辺が難しいところかもしれません。
通常のやり方(公式ページでの説明)通りでは恐らく上手く行かないと思います。

--------------

公式プラグインのブロック変数の件。
まず、公式プラグインの仕様というのは一言で言うと
「グループ分け」
です。
グループは3つあり、
plugin first
plugin second
plugin third
という名称がついていますよね。
この文字列の変更の一切は「不可」です。

<!--
から始まって
-->
から終わる、いわゆる「コメントアウト」の方式になっていますが、単なるコメントアウトではなく変数からある一定のタグを導く法則になってます。

そして<section>や<div>などのタグにくっついている id あるいは class。
これはページ作成者が任意にスタイリングをするための名称です。
これを取り除くとCSSで指定されたデザインが全て失われますので、表示が崩れてしまうこともありますし、違う形式にしたいのに同じものが適用されてしまう、といったことが起こります。

変数を一文字も変更せず、idやclassの名称だけを変更したにも関わらず、プラグインの変数が機能しなくなるということは、やっぱりどこかが欠けてしまっているんじゃないだろうか (´・ω・`)
エクスクラメーション、ハイフン等、一つでも間違えるともう機能しません。
まずその確認を。

plugin変数を移動させる際は容れ物を用意してください。
例えば、

<div class="plugin-container">
<!--plugin_first-->
省略
<!--/plugin_first-->
</div>

といった形です。
<section>や<article>といった要素の概念がお分かりになる場合には、それを利用しても構いません。
わからない場合には意味や概念を持たない<div>タグを使うのが安全だと思います。
容れ物(アウトライン)が無いとスタイリングの際にとても苦労しますので、まずは容器。
そしてその容器がどこにあって、どんな幅で…。
というのをまず決定すると良いと思いますよe-257

2015/06/13 (Sat) 16:27 | EDIT | REPLY |   
Akira  
To cosmosさん

あと、フと思った。

<!--plugin-->
<!--plugin_first-->内容<!--/plugin_first-->
<!--/plugin-->

この太字部分も必要ですよ。
これが「プラグイン」の内容を記します、という合図のような変数です。

2015/06/13 (Sat) 16:32 | EDIT | REPLY |   
Akira  
To cosmosさん

あともう一個。

pushという名称のdivですが、これはコンテンツの内容が少ない(縦幅が短い)場合にフッターが上に上がってこないようにするための裏技的処理です。
フッターの中に今回のplugin移動をさせるのであれば、

<footer>
内容
</footer>

の中に含めると良いと思います。
そうではなく単独で存在するコンテンツとして扱うのならば、push div よりも上に移動させてくださいね。
push は目に見える要素ではありませんが、一番最後に持ってくるべきボックスであります (o'д`o)ゝ

2015/06/13 (Sat) 16:37 | EDIT | REPLY |   
cosmos  
もう少し苦闘してみます

何から何まで本当にありがとうございます。
そうですよね、やはり何かが欠けていると考えるのが自然ですよね。もう少し苦闘してみて結果ご報告します。
push divのこともよくわかりました。

sidrですが日本語で解説しているサイト、どこだか忘れましたがその通りにやったらあっけなく簡単にできてしまい驚いていたところでした。公式は英語なのでほとんど見ていませんでした(笑) 結構奥深そうですね。

2015/06/13 (Sat) 17:39 | EDIT | REPLY |   
Akira  
To cosmosさん

日本語の説明サイトがあるのですねe-257
それはもう、そちらを見た方が話しが早いですよね(笑)
スマホでの操作性を重視しているので、パソコン版と行の並びなんかが変わってしまうんですよね。
それが良いかどうか、というところです。

はい、苦戦してみてください。
苦労すると忘れませんので(笑)
私も日々お勉強でございますe-348

2015/06/13 (Sat) 21:33 | EDIT | REPLY |   
cosmos  
プラグインについて(ご報告)

おおっ、今回のテンプレートもかっこいいです。
Nostalgiaのさらにかっこいい版という感じです。

プラグインについて、先日はありがとうございました。
アドバイスを参考にしながら試行錯誤でしたが、私なりに一応の結論を出しましたので、
この場を借りてご報告です。

個人的な見解ですが、どうやら、

<!--plugin_first-->
(中身)
<!--/plugin_first-->

プラグインを(エリア変数関係なく!!)複数配置する場合は、この (中身) を、「同じものにしなければならない」のではないか、との結論です。

つまり、ページごとにプラグインのデザインを変えるとか、同じページにデザインを変えて複数配置するとか、そういうことはできないのではないか、と・・。

プラグインを複数配置する場合、同じプラグイン変数内でクラスの名前を変えたり、要素を例えばsectionからdivに変更したり、もうそれだけでアウトです。2つ目からは認識されなくなってしまいます・・。

うぅん、これがFC2の仕様だとしたら、結構厳しいです。
嘘であってほしい (笑)
Akira様からの「そんなことないよ〜」という突っ込みが来るのを待ちつつ・・、
ご報告でした。

2015/06/17 (Wed) 14:03 | EDIT | REPLY |   
Akira  
To cosmosさん

ページ毎にデザインを変えようとなさっていたのですね。
残念ながら、そうなんです(とどめ) ←

私も以前やってみたんだけども、ダメでした(笑)
「Sidrとツリー系プラグインが干渉します」がちょっと形は違いますが若干それに絡んでます。
ツリー系のプラグインはSidrが入ることによって「複数設置されている」状態になっちゃうんですよね。
そしてその複数のどちらかに不備が出る。
そっかー。私が最初にそれに気がつけば良かったのにね。
申し訳ない ( ̄∀ ̄;)

2015/06/17 (Wed) 15:17 | EDIT | REPLY |   
cosmos  
そうなのか〜

そうでしたか〜 うーん、そうなのか〜。
いやこれですっきりしました。Akira様のおかげで仮説が立証?できました。
おっしゃるとおり、sidrでもプラグインを表示させたくて複数設置になってしまうのはジレンマですね。
FC2も公式ヘルプあたりに記載してくれればいいものを、何も記載されていないので困ったものです。
解決にお力いただいて感謝します。

2015/06/17 (Wed) 20:13 | EDIT | REPLY |   
Akira  
To cosmosさん

そうなんです (´・ω・`)
ツリー系のプラグインのことも別途記した方が良いですよね。
今から書こうかな (´・ω・`)
ツリーのjavascript内容によっては画面が全くの空白になることも。

サイドバーはプラグインを利用せずにひとつづつ直接ソースに記述すればなんとでもなりますよ。
javascriptは使わずにCSSを駆使すれば(笑)
かなり手間ですけどもねー (´・ω・`)

2015/06/17 (Wed) 23:40 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2016/06/28 (Tue) 21:13 | EDIT | REPLY |   
Akira  
To nostalgiaカスタマイズの件 内緒さん

ご無沙汰しております

まず最初に、個人カスタマイズの具体的なお手伝いというのは承っておりませんので、触りだけでお願いします (*_ _)

① コメント欄背景色の件

こちらはコメント入力フォームのことでお間違いないでしょうか。
方針としては「背景色を完全不透明の白にする」ということで良いんでしょうか。

● 全ての背景色を完全不透明にする場合
Ctrl+Fキー検索

.main_body

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

background: rgba(255,255,255,.6);

を以下の通り変更。

background: white;

● コメント入力フォームのみ完全不透明
Ctrl+Fキー検索

/***-----comments
------------------------------------------***/

この直下(.c_name のすぐ上)に以下を追加

#comme2 {
background-color: white;
}

背景色の操作は以上です。
全て変更か、コメント入力フォームのみ変更かを選択されまして該当の作業をお願いします。
この時点でどちらの作業を選んでもコメント入力フォームは背景色と同化します。
その修正はこの後行います。

------

② 掲載画像の文字入れと右クリック禁止

掲載画像の文字入れ、というのはウォーターマーク(画像に直接編集を入れて著作を明らかにするもの)のことでしょうか。
こちらについては私ではどうにもできませんので、内緒さんのご一存ということになります。

右クリック禁止については以下のページをご参照ください。

http://vanillaice000.blog.fc2.com/blog-entry-220.html

上記ページのコード内容は、
「ページ内全ての要素に対して右クリックを禁止する」
というものです。
画像に限定するのであれば、

$('body')

の部分を

$('.contents img')

に変更してください。

● colorboxのポップアップに対して右クリック禁止

.contents img と同時に禁止するならばさらに以下の通り修正

$('.contents img,#cboxContent')

ただしこれまでの内容ではドラッグ&ドロップによる画像保存は禁止できません。
全てを禁止するならば参考ページの2番目に掲載されているコードを使ってください。
そのコード内容の同じく $('body') 部分を適宜修正。

-------

③ コメント一覧の名前の後ろの英数字

これは本人特定のための「トリップ」と呼ばれるものです。
パスワードから生成されます。
これを削除するには Ctrl+Fキー検索

#<%comment_trip>

この後ろに あんどえぬびーえすぴーせみころん という英単語+記号がついていますが、こちらも同時に削除。
ひらがな表記にしたのは、ここで書いてしまうと半角スペースとして実態変換されてしまうからです。

-------

④ コメントの編集ができない

これはソース内容を見せて頂かないと検証できません。
ソース内の

<!--edit_area--><!--コメント編集-->

から

</main>
</div>

までをコピペでお伝え頂くか、該当箇所のスクリーンショットをお見せくださいね。
(私の手元にあるもので確認したところ、編集可能でした)

-------

⑤ IEで表示がカクつく

IEのバージョンはいくつでしょうか。
私どこかに書いたのですが、ちょっと思い出せませんけれど(笑)
Windows10のIE及びMicrosoft Edgeでは固定背景のスクロールにグリッチがあります。
ブルブルビクビク震えるような感じのものですけれど、恐らくそれではないかと思います。
(グリッチ = バグとほぼ同義)

</body>
の直前に

<script>if(navigator.userAgent.match(/MSIE 10/i)||navigator.userAgent.match(/Trident\/7\./)||navigator.userAgent.match(/Edge\/12\./)){$('#wrapper').on("mousewheel",function(){event.preventDefault();var a=event.wheelDelta;var b=window.pageYOffset;window.scrollTo(0,b-a)})}</script>

こちらを追加してみてください。
Microsoftのマウスホイールグリッチに対するハックです。

------

⑥ 月日別のリスト表示やこのtop画面でカテゴリリスト表示

申し訳ありません。こちらはFC2変数の絡みもあり大幅なレイアウト変更になりますので今回は対応できませんですー。

------

肝心なの忘れてました。
コメント入力フォームを完全不透明にした際の入力欄(input及びtextarea)の背景。
Ctrl+Fキー検索

/***-----comments
------------------------------------------***/

このすぐ下(#comme2 の上)に以下を追加。

#comment_form input, #comment {
background-color: カラーコード;
}

続いて検索。

#url:-webkit-autofill, #pass:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px rgb(230,212,216) inset;
}

赤字部分もカラーコードの変更をしてください。

2016/06/28 (Tue) 23:28 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2016/07/07 (Thu) 23:43 | EDIT | REPLY |   
Akira  
To nostalgia コメントフォームの件 内緒さん

お身体大丈夫でしょうか。
私も身体はなんともないのに喉が痛くて声出ないので仕事行けない ^^;
お大事になさってください (*_ _)

IEのカクつきはWindows10の固有バグですので、根本的な解決はMicrosoftの修正を待つしかないですね (´・ω・`)
当面はお渡ししたコードでしのいでください(笑)

● コメント入力欄に枠線
Ctrl+Fキー検索

/***-----コメント入力欄色付け

上記は内緒さんがご自分で付けられたコメントアウトです。
まずこれを目印にしてください。
ここちょっと問題あるので後述。

上記コメントアウトのすぐ「下」に以下を追加

#comment_form input,
#comment {
border: 1px solid カラーコード;
padding: .5em;

}

ボーダーはソリッドスタイルの太さ1pxになってますので、ご希望があれば任意で変更してください。
border指定の下にpaddingを入れておきました。
ちょっと入力欄がせせこましい感じがしますので、ここで広げてください。
もっと大きくするのならば数字を大きく
例)
padding: .8em;

小さくするのならば数字を小さく。
不要ならば行ごと削除。

=====

● 背景色が異なる部分がある件

これはwebkit系ブラウザ特有のもので、入力補助機能っていうんでしょうかね。
補完機能と言った方が良いのか。
一度入力した内容が予め記載されている、という特徴のもので、デフォルト色は黄色です。
これに対する背景色指定が

#url:-webkit-autofill, #pass:-webkit-autofill

この部分で、上に記したコメントアウトのすぐ下に書いてあると思います。
で、私のお伝えした内容としては、ここのカラーを指定して頂いて他の部分と色を揃える意図があったのですが。
内緒さんがコメントアウトをつける際にですね、閉じ記号を記載し忘れておられます(笑)
正しいコメントの付け方 ↓

/* 内容 */

赤く色づけした部分、これが不足しているので、以降に続く内容がコメント扱いになって反映されなくなっています。
私がソース内で使用している2行のうち上の1行だけをコピペしてしまわれたかと思いますが、正しい使い方はこうです ↓

例)

/***-----title list, search etc.
------------------------------------------***/

赤い部分が両端にありますよね。
これが「コメント」を囲う記号です。
中に挟まれているものは全て「コメント内容」ということになります。
アスタリスク(※)やハイフン(-)をたくさん使っているのは、単に見やすくするための処理です。
というわけで、

/***----- コメント入力欄色付けrgb(230,212,216)を(204,192,157) -----***/

上記のように修正をお願いします。
それで色は揃うはずです。

====

コメント入力欄にborderをつけましたが、このままだと送信・削除のボタンにもボーダーがついてしまいます。
それが好ましくない場合には Ctrl+Fキー検索

#sendbtn, #delbtn

これまでの内容の近接ですのですぐわかると思います。
この括りの中に以下を入れてください。

border: none;

こんな感じ ↓

#sendbtn, #delbtn {
color: rgba(179,118,134,.5);
〜省略〜
cursor: pointer;
border: none;
}


よろしくお願いします。

コメントアウトに関する参考記事(当ブログ内)
http://vanillaice000.blog.fc2.com/blog-entry-383.html

2016/07/08 (Fri) 01:17 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2016/07/09 (Sat) 23:29 | EDIT | REPLY |   
Akira  
To nostalgia 送信ボタンの件 内緒さん

内緒さんのコメント見逃しておりました。
遅くなってごめんなさい (*_ _)

送信ボタンの件、大変失礼致しました ( ̄∀ ̄;)
Ctrl+Fキー検索

#comment_form input, #comment {

以下の通り追加修正

#comment_form input:not([type="submit"]), #comment {

これで送信・削除ボタンのボーダーは解除されると思います。
二度手間になって申し訳ないですー!
変更についてはお任せしますね。

こちらこそお手数おかけしました。
ありがとうございます

2016/07/11 (Mon) 21:28 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
該当テンプレートの専用記事にお願いします。無関係な記事でのコメントはお控えください。
テンプレートカテゴリ