*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Template › テンプレ修正等 › テンプレートの修正・更新致しました。5/14
2019-05-14 (Tue) 02:17

テンプレートの修正・更新致しました。5/14

レスポンシブテンプレート、『al_responsive』『ct_responsive』『candy』『green』『lace_al』『dt21_ryo』をご利用頂き、誠に有難うございます。m(__)m
ユーザー様よりご連絡を頂きまして、本日HTMLの記述ミス部分を修正・更新を致しました。
その他、記事及びコメント投稿時間(個別記事ページ)の表示、最終更新日(個別記事ページ)の表示、折り畳み追記表示部(ReadMore部分)をJavaScriptからCSSに変更、の追加を致しました。

1) 外部参照CSSのlink要素にtitle属性を指定していたため、CSSの表示優先に生じた不具合修正。
2) 投稿時間や最終更新日表示の追加、折り畳み追記の表示方法変更。


1) 外部参照CSSのlink要素にtitle属性を指定していたため、CSSの表示優先に生じた不具合修正。
修正が必要なテンプレート 『al_responsive』『ct_responsive』『candy』『green』『lace_al』『dt21_ryo』 の2カラム・3カラム。

外部リンクのJavaScriptとCSSをHTMLに追加記述した際に、JS内記述のスタイル及びCSSの一部が反映しない不具合が報告されました。(縦書き表示用JS・CSS)
テンプレートの <head></head> 内に有る
<link rel="stylesheet" href="<%css_link>" media="all" title="default"> という部分の、title="default" を外す事によって表示されるようになりました。
<link rel="stylesheet" href="<%css_link>" media="all">
(↑上記のように変更)
大変申し訳ございませんでした。そして、不具合にお気付き頂いた方へ、誠に有難うございました。m(__)m

修正する箇所ですが、上記のように<head></head> 内のタグを修正お願い致します。


2) 投稿時間や最終更新日表示の追加、折り畳み追記の表示方法変更。
投稿時間や最終更新日表示については、ユーザー様の要望を拝見致しましたのでテンプレートに追加致しました。
ただ、投稿時間の表示は「個人の生活ペースが分かってしまうので知られたくない」というお声が、また最終更新日の表示は「誤字脱字程度の修正でも更新として表示されてしまう」というお声がございましたので、すぐに非表示にできるようHTML内に『不要の際は削除』の文言を入れました。
カスタマイズとして近日記事に致します。ご入用の方は暫しお待ち下さいませ。m(__)m

個別記事ページの折り畳み追記方法を、JavaScriptの使用からCSSのみに変更致しました。
この仕様変更も、(1)のJSを加えた際の不具合と共にJSのバッティングなのか動いてくれなくなったため、依存しないCSSを使って開閉するように変更致しました。(上記のような追加JSが無ければ現行のままでも問題有りません。)
変更可能なテンプレート 『al_responsive』『ct_responsive』『candy』『green』『lace_al』『dt21_ryo』 の2カラム・3カラム。

変更した追記部分はこんな感じです。
↓(変更方法はここをクリック)

変更箇所は、HTML編集枠内1/3程スクロールした所に有る

<p id="readmore" style="padding-top:3em;margin-top:-3em;margin-left:-5px;">&#8203;</p>
<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
<!--permanent_area-->
<a href="javascript:void(0);" onClick="showHide('more<%topentry_no>');">Read More</a>
<noscript>
<a href="<%topentry_link>#more">Read More</a>
</noscript>
<div class="sidehide" id="more<%topentry_no>">
<hr class="hr1">
<%topentry_more><a href="#readmore" onClick="showHide('more<%topentry_no>');">Return</a>
</div>
<!--/permanent_area-->
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->


という部分を下記に変更

<p id="readmore" style="padding-top:1.8em;margin-top:-3em;margin-left:-5px;">&#8203;</p>
<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
<!--permanent_area-->
<div class="hidden_box">
<input type="checkbox" id="navTgl">
<label for="navTgl" class="open">ReadMore</label>
<div class="hidden_show"><%topentry_more>
<label for="navTgl" class="close">Close</label>
</div>
</div>
<!--/permanent_area-->
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->


そして、スタイルシート編集枠内一番下(“@media only screen” で括っていない所)にでも

/* 記事ページ追記ボタン */
.hidden_box{
margin-top:1.5em;
}
.hidden_box label{
padding:0 10px;
border:solid 1px #aaa;
cursor:pointer;
}
.hidden_box label:hover{
background:#e1f0f6;
color:#333;
}
.hidden_box input {
display:none;
}
.hidden_box .hidden_show{
height:0;
padding:0;
overflow:hidden;
opacity:0; /* 中身を非表示にしておく */
}
.hidden_box input:checked ~ .hidden_show{
padding:10px 0;
height:auto;
opacity:1; /* クリックで中身表示 */
}


上記を追記して更新ボタンを押せば完了です。
不具合が有った時のために複製を作っておくと安心です。
yasuko 様へ * by aki
無事に表示出来たようで何よりです。(^-^)
貴ブログへ伺いましたが、パンくずリストの部分についている拍手が不要であれば、ソースタグを外して下さいませ。

色んな記事を拝見させて頂き、yasuko様がとても多識でいらっしゃり、またコメントされる方々もお詳しい方ばかりで、自然や季節・生命を感じるとても素敵な場所なのだと感じました。
拙いテンプレートではございますが、どうぞ末永くお付き合い下さいます様 宜しくお願い致します。

p.s. 拍手広告の件、当方は拍手を設置しておりませんでしたので分かりませんでした。
大変失礼致しました。m(__)m

できました!ありがとうございます。 * by yasuko
ご連絡の通りやってみたらできました。実は前にも自分でやってみたことがあったのですが、その時は、前と同じところに拍手ボタンがあるのを見て、やっぱり変わってないと思ってしまったのですが、前のを削除していないから、2個拍手ボタンが上と下についていたみたいです。
ご丁寧にほんとにありがとうございました。
ところでFC2ブログ拍手の嫌な広告は、拍手ボタンを押すと表示されるものです。私はそれを見るたびにぞっとするのでたぶん押してくださる方も不快な思いをされているのではないかと思います。
fc2拍手では、拍手ボタンを押すと、お礼の言葉が表示されるように設定できます。

yasuko 様へ * by aki
ご連絡有難うございます。
メールを頂いて、6/16にお返事を送信しているのですが…^^;?
不達のメッセージ(MAILER-DAEMON)も来て無いので てっきり届いているものと思い、当方も完了等の返事が無いなぁ~と思っておりました。
当方の長文、何処へ行ってしまったのでしょうね?(^-^;

コピペで申し訳無いのですが、以下 お返事で送った内容です。

--------------------------------------------
ご愛顧有難うございます。*Essenceのakiです。

FC2拍手ご質問の件ですが、HTMLタグの設置場所が間違っております。

「FC2ブログ拍手」はFC2ブログの環境設定画面から「追記リンクの前・後」で設定しますが、それ以上の位置設定は出来ません。
( > fc2blog拍手が嫌な広告が出るのでやめて、…と有りますが、FC2ブログ拍手の設置で広告は出ないと思います。…どの部分の広告なのでしょう?)
『FC2拍手』はブログ以外にもホームページや他のサービスでも使えるという特徴があるため、発行されたHTMLソースタグを好きな位置に入れる事が出来ます。
多分、タグの生成画面に有る
「テンプレートの設定」→HTML、CSSの「編集」でHTML編集を開き、<!--topentry--><!--/topentry-->内に下記タグを貼り付けてください。
という文言で場所を決めたのだと思いますが、FC2の公式及び共有テンプレートの全てが同じHTMLで出来ている訳では有りませんので、テンプレートによっては意図した場所に表示されない場合も有ります。
弊テンプレートでは<!--topentry--><!--/topentry-->で括られている個所が2か所有り(FC2変数タグの使用回数は決められていないので、テンプレートによっては出現回数が3回・4回のものも有ります。)、1つがyasuko様が入れた場所(パンくずリスト)で、もう一つが記事の部分です。
記事を括っている個所の追記リンク前・後に(FC2ブログ環境設定の)「FC2ブログ拍手」が入るようになっていて、『FC2拍手』は括られている範囲の好きな所に入れられるという違いが有ります。

> ほかの方のblogではできているのでテンプレートの問題なんでしょうか。
違うと思います。多分、他の方の設定は簡単な「FC2ブログ拍手」です。ボタンのデザインはほぼ一緒ですし、名称も似ていますので同一視されているのでは。

肝心の取り付け位置ですが、テンプレートのHTML編集枠内上から1/3程スクロールした場所にある

本記事の直後・追記の前なら↓
<%topentry_body>
~~~ここに拍手タグ~~~
<!--more_link-->

追記の後なら↓(追記が無ければ本記事下)
<!--/more-->
~~~ここに拍手タグ~~~
<!--/permanent_area-->

にタグを入れて下さい。
<!--topentry--><!--/topentry-->の範囲内・何処にでも入れられる、テンプレートによってHTMLが違う、という「設置場所を問わない」というのが逆に難しい点なのだと思います。
取り付けにご不明の点がございましたら、再度ご連絡下さいませ。

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

以上がメールの内容です。宜しくお願い致します。m(__)m

FC2 拍手 * by yasuko
こちらに書いて良いのかわかりませんが、先日メールを送りましたが、お返事がなかったので(私が書いたアドレスが違っていたかも)
ここでお聞きします。ct_responsive を使わせていただいているのですが、fc2拍手を入れました。
fc2拍手の説明の通りにタグを入れたら、タイトル行の上の表示されます。これを何とかコメント投稿のあたり、記事の下の部分に表示したいのですが、できないのでしょうか。他のテンプレートならできるのでしょうか?
お尋ねします。

koubeiwata19 様へ * by aki
koubeiwata19様、初めまして♪
テンプレートのダウンロード、誠に有難うございます。
FC2ブログには沢山のテンプレートが有りますので、気分で変更しても楽しいですよね。
色々なものをお試し頂いて、是非お気に入りを見つけて下さい。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

No Subject * by koubeiwata19
今晩は

素敵なテンプレートを

お借りしました

有難う御座います

素姓乱雑 様へ * by aki
この度の縦表示の件、お問い合わせ頂かなかったら 当方の気付きも無く、改善も無いまま利用を諦める方がいらっしゃったかもしれません。
改めてお礼申し上げます。有難うございました。m(__)m

テンプレート、ご利用頂いてるんですね♪嬉しいです。(^-^)
FC2のアクセス解析も問題無い位置です。(<body>直下でOKです)
一応、設置のマニュアルURLです。
https://help.fc2.com/analysis/manual/Home/secchi.html

ブログ記事を拝見させて頂いて気付いたのですが、当方のテンプレートはIEとEdgeも対応です。
ただ、IEで閲覧時に 記事内の画像が大きく枠をはみ出てしまっていますので、スタイルを一つ追加して下さい。(これを加えればIE9~11でも崩れ無く表示出来ます。開発者ツールにて確認)

.shadow-attachment {
box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
max-width: 100%; /* 最大表示幅 */
}

画像の影スタイルに、max-width: 100%; を追加して下さい。
そうしますと新しいブラウザは素より、当方の手持ちブラウザ(確認用に敢えて古いバージョン。win10)IE,Edgeの他 Opera27.0,Firefox40.0,Safari5.1 でもはみ出さずに表示出来ます。(^_^)

No Subject * by 素姓乱雑
一つ書き忘れました。FC2アクセス解析をどこに放り込んだら最適か、
ご教示ください。

管理人のみ閲覧できます * by -

Comment-close▲

Comment







管理者にだけ表示を許可

yasuko 様へ

無事に表示出来たようで何よりです。(^-^)
貴ブログへ伺いましたが、パンくずリストの部分についている拍手が不要であれば、ソースタグを外して下さいませ。

色んな記事を拝見させて頂き、yasuko様がとても多識でいらっしゃり、またコメントされる方々もお詳しい方ばかりで、自然や季節・生命を感じるとても素敵な場所なのだと感じました。
拙いテンプレートではございますが、どうぞ末永くお付き合い下さいます様 宜しくお願い致します。

p.s. 拍手広告の件、当方は拍手を設置しておりませんでしたので分かりませんでした。
大変失礼致しました。m(__)m
2019-06-22-23:46 * aki [ 返信 * 編集 ]

できました!ありがとうございます。

ご連絡の通りやってみたらできました。実は前にも自分でやってみたことがあったのですが、その時は、前と同じところに拍手ボタンがあるのを見て、やっぱり変わってないと思ってしまったのですが、前のを削除していないから、2個拍手ボタンが上と下についていたみたいです。
ご丁寧にほんとにありがとうございました。
ところでFC2ブログ拍手の嫌な広告は、拍手ボタンを押すと表示されるものです。私はそれを見るたびにぞっとするのでたぶん押してくださる方も不快な思いをされているのではないかと思います。
fc2拍手では、拍手ボタンを押すと、お礼の言葉が表示されるように設定できます。
2019-06-22-17:54 * yasuko [ 返信 * 編集 ]

yasuko 様へ

ご連絡有難うございます。
メールを頂いて、6/16にお返事を送信しているのですが…^^;?
不達のメッセージ(MAILER-DAEMON)も来て無いので てっきり届いているものと思い、当方も完了等の返事が無いなぁ~と思っておりました。
当方の長文、何処へ行ってしまったのでしょうね?(^-^;

コピペで申し訳無いのですが、以下 お返事で送った内容です。

--------------------------------------------
ご愛顧有難うございます。*Essenceのakiです。

FC2拍手ご質問の件ですが、HTMLタグの設置場所が間違っております。

「FC2ブログ拍手」はFC2ブログの環境設定画面から「追記リンクの前・後」で設定しますが、それ以上の位置設定は出来ません。
( > fc2blog拍手が嫌な広告が出るのでやめて、…と有りますが、FC2ブログ拍手の設置で広告は出ないと思います。…どの部分の広告なのでしょう?)
『FC2拍手』はブログ以外にもホームページや他のサービスでも使えるという特徴があるため、発行されたHTMLソースタグを好きな位置に入れる事が出来ます。
多分、タグの生成画面に有る
「テンプレートの設定」→HTML、CSSの「編集」でHTML編集を開き、<!--topentry--><!--/topentry-->内に下記タグを貼り付けてください。
という文言で場所を決めたのだと思いますが、FC2の公式及び共有テンプレートの全てが同じHTMLで出来ている訳では有りませんので、テンプレートによっては意図した場所に表示されない場合も有ります。
弊テンプレートでは<!--topentry--><!--/topentry-->で括られている個所が2か所有り(FC2変数タグの使用回数は決められていないので、テンプレートによっては出現回数が3回・4回のものも有ります。)、1つがyasuko様が入れた場所(パンくずリスト)で、もう一つが記事の部分です。
記事を括っている個所の追記リンク前・後に(FC2ブログ環境設定の)「FC2ブログ拍手」が入るようになっていて、『FC2拍手』は括られている範囲の好きな所に入れられるという違いが有ります。

> ほかの方のblogではできているのでテンプレートの問題なんでしょうか。
違うと思います。多分、他の方の設定は簡単な「FC2ブログ拍手」です。ボタンのデザインはほぼ一緒ですし、名称も似ていますので同一視されているのでは。

肝心の取り付け位置ですが、テンプレートのHTML編集枠内上から1/3程スクロールした場所にある

本記事の直後・追記の前なら↓
<%topentry_body>
~~~ここに拍手タグ~~~
<!--more_link-->

追記の後なら↓(追記が無ければ本記事下)
<!--/more-->
~~~ここに拍手タグ~~~
<!--/permanent_area-->

にタグを入れて下さい。
<!--topentry--><!--/topentry-->の範囲内・何処にでも入れられる、テンプレートによってHTMLが違う、という「設置場所を問わない」というのが逆に難しい点なのだと思います。
取り付けにご不明の点がございましたら、再度ご連絡下さいませ。

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

以上がメールの内容です。宜しくお願い致します。m(__)m
2019-06-19-12:30 * aki [ 返信 * 編集 ]

FC2 拍手

こちらに書いて良いのかわかりませんが、先日メールを送りましたが、お返事がなかったので(私が書いたアドレスが違っていたかも)
ここでお聞きします。ct_responsive を使わせていただいているのですが、fc2拍手を入れました。
fc2拍手の説明の通りにタグを入れたら、タイトル行の上の表示されます。これを何とかコメント投稿のあたり、記事の下の部分に表示したいのですが、できないのでしょうか。他のテンプレートならできるのでしょうか?
お尋ねします。
2019-06-19-10:43 * yasuko [ 返信 * 編集 ]

aki koubeiwata19 様へ

koubeiwata19様、初めまして♪
テンプレートのダウンロード、誠に有難うございます。
FC2ブログには沢山のテンプレートが有りますので、気分で変更しても楽しいですよね。
色々なものをお試し頂いて、是非お気に入りを見つけて下さい。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m
2019-05-15-22:54 * aki [ 返信 * 編集 ]

No Subject

今晩は

素敵なテンプレートを

お借りしました

有難う御座います
2019-05-15-21:55 * koubeiwata19 [ 返信 * 編集 ]

aki 素姓乱雑 様へ

この度の縦表示の件、お問い合わせ頂かなかったら 当方の気付きも無く、改善も無いまま利用を諦める方がいらっしゃったかもしれません。
改めてお礼申し上げます。有難うございました。m(__)m

テンプレート、ご利用頂いてるんですね♪嬉しいです。(^-^)
FC2のアクセス解析も問題無い位置です。(<body>直下でOKです)
一応、設置のマニュアルURLです。
https://help.fc2.com/analysis/manual/Home/secchi.html

ブログ記事を拝見させて頂いて気付いたのですが、当方のテンプレートはIEとEdgeも対応です。
ただ、IEで閲覧時に 記事内の画像が大きく枠をはみ出てしまっていますので、スタイルを一つ追加して下さい。(これを加えればIE9~11でも崩れ無く表示出来ます。開発者ツールにて確認)

.shadow-attachment {
box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
max-width: 100%; /* 最大表示幅 */
}

画像の影スタイルに、max-width: 100%; を追加して下さい。
そうしますと新しいブラウザは素より、当方の手持ちブラウザ(確認用に敢えて古いバージョン。win10)IE,Edgeの他 Opera27.0,Firefox40.0,Safari5.1 でもはみ出さずに表示出来ます。(^_^)
2019-05-14-22:24 * aki [ 返信 * 編集 ]

No Subject

一つ書き忘れました。FC2アクセス解析をどこに放り込んだら最適か、
ご教示ください。
2019-05-14-16:28 * 素姓乱雑 [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-05-14-16:18 * - [ 返信 * 編集 ]