Sincerely-yours - FC2ブログテンプレート

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

名称
Sincerely-yours
しんしあり よあぁず
動作確認ブラウザ
Google Chrome Firefox Safari Vivaldi Edge
ブログタイプ
全文
記事見出しレベル
h2 〜 h6
jQuery
Lazyloading
ダークテーマ対応
パン屑リスト
個別記事前後ページサムネイル
構造化マークアップ
その他機能
  • プロフィール + SNSリンクリスト
  • 画像にドロップシャドウ
  • YouTube動画縦横比固定
  • 見出し装飾
  • その他
使い方など詳細は ARTICLE DEMO 参照
Google fonts
Playfair Display
Lighthouse
ライセンス
Required 必須事項
  • Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
  • Modification 改変
  • Personal Use 個人利用
  • Commercial Use 商用利用
Forbidden 禁止事項
  • Distribution 再配布
  • Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
パソコン
タブレット
スマートフォン
最終更新 2023.10.3
  • 公式タグプラグインの位置ズレの対策
  • サムネイル付き関連記事リストを全体リンクに
更新履歴 2023.9.18
  • No imageの設定方法を変更
  • YouTube縦横比を自動調整
更新履歴 2023.8.7
  • Twitterアプリ名変更及びロゴ変更に対応
更新履歴 2023.7.29
  • IE用対応終了
  • Font Awesomeの利用を停止
  • 個別記事ページ送りに前後記事サムネイル表示を追加
  • jQueryの利用を停止
  • スクロールアンカーJSの利用を停止
  • カスタムプロパティ導入
  • ユーザビリティの最適化
  • idセレクタによるスタイリングをclassセレクタに統一
  • RSSリンク削除
  • コメント削除アラート追加
  • 記事編集リンクをアイコン型に変更
  • その他UI調整

カラム入れ替え、記事最大横幅の調整、色彩の変更等、簡単にできるようになりました。想定されるほとんどのCSSカスタマイズはスタイルシートの 注)主要カスタマイズ(variables) でできるかと思います。

カテゴリ階層表示とChromiumグリッチについては以下の記事をご覧ください。

FC2ブログ「親子カテゴリ」の階層の話とパンくずリスト

FC2ブログ「親子カテゴリ」の階層の話とパンくずリスト

FC2ブログには 親子カテゴリ化 という機能があります。通常「親子」という場合には フォルダ階層(ディレクトリ) が関わっており、親のフォルダの下層に子のフォルダ、という形ですが、FC2では偽装しているだけで親も子も階層のレベルは同じですよ、というお話。パンくずリスト にも関わってきますので興味のある方はご覧ください。...

Chromium系ブラウザでページロード時にtransitionがかかってしまう件の対処

Chromium系ブラウザでページロード時にtransitionがかかってしまう件の対処

表現が難しいのだけれど、ページを表示したときに、「CSSが適用されている最中なのか?」と思わせるような挙動と言えば伝わるでしょうか。なんかガチャガチャとレイアウトが動いてから正常表示になるという感じの挙動というか。本記事はその原因と対策についてです。...

更新履歴 2022.1.6
  • iOS14でサムネイルが時折表示されない件修正
  • FC2ブログ新機能「SEOアドバイザー」対応のためのhead要素記述方法変更
  • jQueryを3.6.0にアップデート

カスマイズ済みなどで再適用が困難な場合でもまずは修正済みテンプレートの再DLを行ってください。最新のhtmlと比較しての作業をおすすめします。

【ページナビJS修正】
<script>document.addEventListener を目印に検索し、このscript要素を以下の内容と差し替え。

<script>document.addEventListener("scroll",function(e){<!--preventry-->const u_p="<%preventry_url>";fetch(u_p).then(res=>res.text()).then(text =>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("prev-a");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/preventry--><!--nextentry-->const u_n="<%nextentry_url>";fetch(u_n).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("next-a");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/nextentry-->e.target.removeEventListener(e.type,arguments.callee)});</script>
<script>document.addEventListener("scroll",function(e){<!--prevcategoryentry-->const uc_p="<%prevcategoryentry_url>";fetch(uc_p).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("circle-left");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/prevcategoryentry--><!--nextcategoryentry-->const uc_n="<%nextcategoryentry_url>";fetch(uc_n).then(res=>res.text()).then(text=>{const el=new DOMParser().parseFromString(text,"text/html");const el_h=(el.head.children);Array.from(el_h).map(v=>{const p=v.getAttribute("property");if(!p) return;const og_i=v.getAttribute("content");const og=document.getElementsByClassName("circle-right");for(var i=0;i<og.length;i++){og[i].style.backgroundImage="url("+og_i+")"}})});<!--/nextcategoryentry-->e.target.removeEventListener(e.type,arguments.callee)});</script>
<script>var start_pos=0;$(window).scroll(function(e){var a=$(this).scrollTop();if(a>start_pos){$('.side-pager-left,.side-pager-right').removeClass('appear')}else{$('.side-pager-left,.side-pager-right').addClass('appear')}start_pos=a});</script>
<script>function changeTextValue(e){document.getElementById("subject").value=e};</script>

script要素を1つから3つ分割に変更しています。

【head内容変更】
<head prefix を目印に検索し、このhead要素を最新バージョンのそれと差し替え。

【jQueryバージョンアップ】
/jquery/ の直後の数字を 3.6.0 に変更。

更新履歴 2020.5.29
  • ページ送りのJSを修正
更新履歴 2020.4.5
  • コメント返信のJS変更
  • jQueryを3.4.1にアップデート
更新履歴 2020.3.25
  • 個別記事ページ送りの複製を可能にしました

複製時の注意点含め本記事の章を追加しましたのでご確認ください。
章をすぐに確認する

更新履歴 2019.12.17
  • パーマリンク設定導入に伴う個別記事URL正規化
  • パーマリンク設定導入に伴うページ送り変更
更新履歴 2019.11.2
  • コメント主のリンク表示用JS及びデザインの変更
  • スクロールのIE向け調整
更新履歴 2019.7.29
  1. 管理画面経由で管理人名を装飾した際にテンプレートの返信ボタンレイアウトが崩れる件を修正
  2. 受信コメント一覧とコメント投稿フォームのセクションを統合
  3. コメント一覧の管理人ハンドルネームにクラス名を追加(カスタマイズ用)
  4. 記事範囲上下の余白をpaddingからmarginに変更(記事内でp要素を利用する方向け)

カスタマイズ済みなど、再DLが困難な方はお手数ですが以下の手順で修正を行ってください。また、作業の前に以下の記事をお読み頂いて、修正する・しないを決定してください。

【重要】テンプレートの変更点2つについてお知らせ

【重要】テンプレートの変更点2つについてお知らせ

既存テンプレートの以下の点について修正・変更をしたいと思います。 管理画面経由で管理人名に装飾をして コメント返信をした際に受信コメント欄のレイアウトが一部崩れる件を修正 受信コメント一覧とコメント投稿フォームのセクションを統合...

①について

</body> で検索するとhtml内に1箇所あります。この直前(すぐ上)に以下の内容を 追加

<!--permanent_area-->
<script>function add_str(arg){var str=document.getElementsByName("comment[title]")[0];str.value+=arg.title}</script>
<!--/permanent_area-->

続きまして <div class="comment-info"> で検索するとhtml内に1箇所あります。この文字列を含め title}</script> のすぐ下にある </div> まで(この文字列も含む)を以下の内容に 変更

<ul class="comment-info">
  <li><%comment_year>/<%comment_month>/<%comment_day> (<%comment_youbi>) <%comment_hour>:<%comment_minute>
  <!--comment_edit--><li><a href="<%comment_edit_link>" title="<%template_edit_comment>">EDIT</a><!--/comment_edit-->
  <li><!--comment_author--><!-- <!--/comment_author--><a href="#comment_form" onclick="add_str(this);" title="To <%comment_name>さん">REPLY</a><!--comment_author--> --><!--/comment_author--><!--comment_author--><a href="#comment_form" onclick="add_str(this);" title="To <%author_name>さん">REPLY</a><!--/comment_author-->
  <li><a href="#comment-top"><i class="fas fa-arrow-up"></i></a>
  <li><a href="#comment_form"><i class="fas fa-arrow-down"></i></a>
</ul>

続きましてスタイルシート末尾に以下の内容を 追加

.comment-info li {
  display: inline-block;
}

.comment-info li:not(:last-of-type)::after {
  content: "|";
  margin: 0 5px 0 4px;
}
②について

#community" で検索するとhtml内に1箇所ありますので #comment_form"変更

続きまして <!--/comment--> で検索し、そのすぐ下にある </div> から <div class="contents"> までを 削除

<!--/comment-->
<form action="./" method="post" name="comment_form" id="comment_form">

上記のような形になっていればOKです。

続いて <!-- コメント投稿ここまで --> で検索するとhtml内に1箇所あります。この直近、2行上にある </article> の上と下にある </div>削除

</form>
</div>
</article>
<!-- コメント投稿ここまで -->

上記のような形になっていればOKです。

続いてスタイルシート末尾に以下の内容を 追加

#comment_form {
  padding-top: 40px;
}
③について

<div class="visitor-name">
で検索するとhtml内に1箇所あります。以下の通り変更(コメント一覧の管理人名を装飾しない方はこの作業は不要)

<div class="visitor-name<!--comment_author--> visitor-name-author<!--/comment_author-->">

テンプレートの背景色を反転(明色から暗色へ、など逆も然り)した際に管理画面上で装飾した管理人名の フォント色 が害になることがありますので、その場合にはスタイルシート内末尾に

.visitor-name-author .fc2_owner_comment {
color: カラーコード !important;
}

こうして背景色とバッティングしない文字色に変更することができます。必要がある方だけどうぞ。

④について

.inner-contents { で検索するとスタイルシート内に1箇所ありますので padding: 20px 0;margin: 20px 0;変更

続いてスタイルシート末尾に以下を 追加

.inner-contents p {
  margin: 1.9em 0;
}

記事内でp要素を利用している方向けなので必要がある方だけどうぞ。

以上です。よろしくお願いします。

更新履歴 2018.12.16
  • Font AwesomeのCSSバージョンを5.6.1にアップグレード
  • jQueryのバージョンを3.3.1にアップデート
  • レイアウト関連CSSの追加及び一部削除
  • 個別記事下ページ送りの仕様変更(軽量化含む)
  • 管理人コメントにプロフィールアイコンを自動出力
  • Google+ シェアアイコンの削除(2019年4月でサービス終了のため)
  • はてなブックマークシェアアイコン追加(Google+と差し替え)
  • 個別記事ブラウザサイドページ送り(カテゴリ間移動用)のスクロール動作を逆に調整(下スクロールで非表示、上スクロールで表示)
  • 別タブで開くリンクに noopener と noreferrer を追加(セキュリティ対策)
  • ページ表示時のアニメーション秒数を調整(旧来よりも若干速めました)

不具合修正ではありませんので旧バージョンのままお使い頂けます。注意点がありますので以下の記事を参照した上でアップデートをご検討ください。

【重要】テンプレートのアップデートについて, Font Awesomeについて

【重要】テンプレートのアップデートについて, Font Awesomeについて

既存テンプレートの一部に若干の修正を加えようと思っています。目的としては Google Adsenseのリンクユニットを記事内で掲載される方向けCSSの追加 Font Awesomeのアップグレード (注: SVGへの切り替えは無し) サイドメニュー部のinput要素のCSS調整 管理人コメントにプロフィールアイコンを自動出力 今回スピード対策は行いません。本当は同時に行うのが良いのでしょうが、今回は時間の都合もありますので次回以...

更新履歴 2018.1.5

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

Sincerely-yours大規模メンテナンスのお知らせ

Sincerely-yours大規模メンテナンスのお知らせ

Sincerely-yoursテンプレートのメンテンナスを行いました。 公式配布ソースは修正済みです。 今回のメンテナンスでは html構造及びCSS装飾及びJS内容全てに大規模な修正を入れています。 不具合の修正ではありませんので、再度DLを行うか否か新仕様をご確認の上でお決めください。...

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

スマホ広告が笑えるほどウザいなー ( ̄∀ ̄;)
ふわわ〜〜〜… って何秒かかってんだ
FC2ブログは広告掲載点数自体は他社と比べて良心的(アダルトジャンル・スマートフォン版除く)ですが、広告種は群を抜いて悪辣 ε≡≡ヘ( ´Д`)ノ

* 2018年現在ではフローティングのふわわ〜…は無くなり固定になっています。

しんしあり ゆあーず
承認されました。ありがとうございます。

サンプル

Samples

TOP PAGE DEMO
画像クリックでデモ画面へ
LIST PAGE DEMO
画像クリックでデモ画面へ
ARTICLE DEMO
画像クリックでデモ画面へ

カスタマイズのコツ

A few tips on customizing

1. カスタマイズ対象部位の見つけ方
カスタマイズをブラウザ上で行う方は
Ctrl + F --- Windows
Command + F --- Mac
キー検索を利用するとページ内の対象文字列をすぐに見つけることができます。

2. ご質問の前に
カスタマイズされるであろうと想定される部位については 予めガイダンスを付けてあります
注)
で検索すると出てきますので、カスタマイズ前にご確認ください。
もしかしたら既に答えが記されているかもしれません。

3. 全角スペースの利用に注意
ソースコードの見た目(文頭)を揃えるために 全角スペースを利用してしまう方が大変多いです
この全角使用が思わぬレイアウト崩れを引き起こすことがあります。
ソース内でスペースを打つ必要がある時はキーを押下する前に半角に変更する癖付けをしましょう。

お受けできないご質問・ご相談

I'm sorry I couldn't be of any help.

  • デフォルトテンプレートと無関係なhtml, CSS, JS等導入の手引き
  • テンプレートの仕様やデザインを著しく変えてしまうようなカスタマイズの手引き
  • アフィリエイトの都合を優先した仕様変更の指南

必須個人設定

Necessary personal settings

スマートフォン版の表示設定「利用しない」

スマートフォン版の表示設定「利用しない」

レスポンシブ設定。パソコン・タブレット・スマートフォンなど全てのデバイス閲覧を本テンプレートで共通化します。この設定を怠るとスマートフォンではスマートフォン専用テンプレートで表示されてしまいます。

検索バーの設定「利用しない」

検索バーの設定「利用しない」

タブレット端末で検索バーがビューポートを超過する(はみ出す)ため。

メタタグの設定 > OGP設定「有効にする」

メタタグの設定 > OGP設定「有効にする」

個別記事ページ送りに前後ページのサムネイル画像を表示できます。この設定を怠ると表示できません。

テンプレート共通カスタマイズ

Common customization.

ほぼ全てのテンプレートで共通する内容についは以下の記事をご参照ください。

テンプレート共通カスタマイズ

テンプレート共通カスタマイズ

* FC2提供全テンプレートを意味するものではありません。vanillaice(Akira)作テンプレートのみを指します。 2023年9月時点で共有されているテンプレートの、ほぼ全てに共通するカスタマイズ項目の説明です。...

記事編集リンクについて

The position of edit link.

記事編集リンクは 個別記事ヘッダー下の管理人アイコン をクリックすると別タブで開きます。

ご質問・ご相談時のお願い

Cautions before asking for something.

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

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

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

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

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

-
2017/07/09 (Sun) 20:58

管理人のみ閲覧できます

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

kimiuta
2017/07/09 (Sun) 21:06

すみません。
secretボタンを押した、もうコメント見ない。Orz
If you will solve my problem,please reply me under this comment.
Thanks deeply.

Akira
2017/07/09 (Sun) 21:41

To kimiutaさん

You can use English :)

First of all, let me know your website URL in order to find your issue.
I guess you probably do NOT use upper box on a page [Post a new entry]. Anw, I'll be waiting for your reply.

kimiuta
2017/07/14 (Fri) 00:17

This is my blog link. 本当にありがとうございます。

Akira
2017/07/14 (Fri) 01:05

To kimiutaさん

Thank you very much for your reply :)
Ok I've figured out your issue and I knew it lol. It's not a kind of error or something like that. It's just a behavior of FC2 blog.
You can see there're two boxes in your [Post a new entry] page. One is body(upper box) , and another is extend(lower box).
The reason why ... appeares on a category page is that you use only lower box.

① http://blog-imgs-114.fc2.com/v/a/n/vanillaice000/9afeiwfhjnoth.png
② http://blog-imgs-114.fc2.com/v/a/n/vanillaice000/9afeiwfhjth.png

Here's the deal on samples, you should use BODY.

スパム扱いになるので日本語も入れておきます。

Akira
2017/07/14 (Fri) 01:33

To kimiutaさん②

You mean you don't want to display any text? If so, remove the following parts from html source code.
(Use Ctrl+F(Windows)/ Command+F(Mac) to search for words.)

<p><%topentry_description></p>

There're 4 corresponding items in total. Delete them all.

よろしくお願いします。

-
2017/10/27 (Fri) 12:42

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2017/10/27 (Fri) 14:10

To Sincerely-yoursフォントの件 内緒さん

ありがとうございます (o'ω')ノ
サイドメニューのフォントを全体的に大きくしたい、ということでよろしいでしょうか。

----- タイトルの大きさ
.side-menu h4
でCtrl+F(Windows)/ Command+F(Mac)キー検索、その中の

font: 13px/1.4 〜省略

赤字の数字を大きくしてください。

----- サイドメニュー内容の大きさ
#secondary
で検索。2つあるうちの1つ目が対象です。
その中の

font-size: 12px;

こちらも赤字の数字を大きくしてください。
よろしくお願いします。

-
2017/10/27 (Fri) 15:22

管理人のみ閲覧できます

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

-
2017/10/27 (Fri) 15:42

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2017/10/27 (Fri) 16:14

To 関連記事フォント大きさの件 内緒さん

サイドメニューの方は完了したということで、お疲れ様でした。

---------
関連記事の件
.relate_ul,
で検索されますと1箇所ありますので、その中の

font-size: 12px;

赤字を変更してください。
よろしくお願いします。

-
2017/10/27 (Fri) 16:53

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2017/10/28 (Sat) 09:19

To 関連記事フォント大きさの件 内緒さん(完了のご報告)

完了したということで、お疲れ様でした。
嬉しいお言葉も頂きました。
精進したいと思います(笑)
こちらこそありがとうございます :)

-
2018/02/06 (Tue) 02:45

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/02/06 (Tue) 03:25

To Sincerely-yoursの件 内緒さん

ありがとうございます。

申し訳ないのですが、パスワードを頂かなければブログの確認ができません。
よろしくお願いします。

------ 追記
ごめんなさい。ちゃんと書いてくれてるじゃんね。
私は一体何を見ているのか ( ̄∀ ̄;)
大変失礼致しました。また後程追記しますね。

-------
.plugin-myimage img

というのがCSS内にありますので、

.plugin-myimage img {
width: 100%;
}

を削除してください。よろしくお願いします (ノ゚ェ゚)

-
2018/02/06 (Tue) 17:56

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/02/06 (Tue) 18:28

To Sincerely-yoursの件 内緒さん ②

ごめんなさい。私ね、内緒さんのご質問が全然頭に入ってなかったみたい ( ̄∀ ̄;)
耄碌してるんでしょうか (´・ェ・`)

改めまして。いやホントすみません(汗)

-----
> プロフィール

.plugin-myimage を目印に、以下の内容を削除。

.plugin-myimage {
margin: 0 auto 15px;
width: 200px;
height: 200px;
}

------
> 全体のフォントを変える〜

こちらについては「どのフォントに変えるか」が私ではわかりませんので、以下の記事内容を参照してください。

意外と知らないフォント設定の仕方
https://vanillaice000.blog.fc2.com/blog-entry-484.html

該当箇所は
body を目印にその括りの font です。
部分的に異なるフォント指定の箇所もありますが、fontで検索すれば全て出てきます。
ショートハンド指定の場合もありますし、単体指定のものもあります。

ショートハンド
font: 内容
単体
font-family: 内容

ショートハンドの方を変更する際は他の部位を触らないようお願いします。

-
2018/02/06 (Tue) 23:30

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/02/07 (Wed) 18:29

To Sincerely-yoursの件 内緒さん(終了のご報告)

そうですね。フォント指定は意外と難しいんじゃないかと思います。

こちらこそありがとうございます。
お疲れ様でした :)

-
2018/10/05 (Fri) 16:55

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/10/06 (Sat) 00:10

To Sincerely-yours更新日の件 内緒さん

<time class="entry-datetime"
で検索すると1箇所出てきますので上記を含み
</time>
までを削除。

<i class="fa fa-clock-o" aria-hidden="true"></i><div class="entry-datetime"><%topentry_year>-<%topentry_month>-<%topentry_day> 投稿</div><time class="entry-datetime" datetime="<%topentry_modified_year>-<%topentry_modified_month>-<%topentry_modified_day>T<%topentry_modified_hour>:<%topentry_modified_minute>:<%topentry_modified_second>+09:00"><%topentry_modified_year>-<%topentry_modified_month>-<%topentry_modified_day> 更新</time>

に修正。
投稿 と 更新 のテキストはお好きなものに書き換え可です。
よろしくお願いします。

-
2018/10/06 (Sat) 09:20

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/10/06 (Sat) 17:11

To Sincerely-yours更新日の件 内緒さん②

お出来になったということで良かったです。

別件ですが記事内にaタグ(リンク)の閉じ忘れ(終了タグ欠損)がとてもたくさんあります。
(トップページ最初の1ページ内だけでも14個あります。画像を囲うaタグです)
a終了タグ忘れは本来表示されるべきものが表示されなくなったり、動作上も問題が発生しますので修正必須です。
お時間のある時にでも検証されると良いと思います。

参考記事
https://vanillaice000.blog.fc2.com/blog-entry-781.html

-
2018/10/06 (Sat) 19:50

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2018/10/07 (Sun) 15:21

To Sincerely-yours更新日の件 内緒さん(完了のご報告)

こんにちは。
地味な作業ですが頑張ってください。
お疲れ様でした :)

-
2020/03/31 (Tue) 17:41

管理人のみ閲覧できます

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

-
2020/03/31 (Tue) 17:53

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2020/03/31 (Tue) 23:01

To Sincerely-yoursをご利用中の内緒さん

こんばんは。
> TOP記事表示されず、最新の記事が2頁目をクリックしないと表示されない 〜

同様の報告を数件頂いております。私自身は目視確認できませんでしたが、FC2の一時的不具合で間違いなさそうです。
「トップページ最初の1ページ目のみ記事表示件数がひとつ減る」というものだったようで、内緒さんの場合は1ページあたりの表示件数が1件なので
1 -1 = 0
ということで最初の1ページ目は何も表示されない、ということです。
既に解消されているようなのでご確認くださいね。よろしくお願いします。

-
2020/04/01 (Wed) 08:23

管理人のみ閲覧できます

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

vanillaice (Akira)
Akira
2020/04/01 (Wed) 17:22

To Sincerely-yoursご利用中の内緒さん(終了のご報告)

はい、解消されて安心しました(笑)
励みになるお言葉もありがとうございます。お疲れ様でした :)

noda
2020/12/29 (Tue) 14:45

「ブログの説明」の更新が反映されない件

素敵なテンプレートをありがとうございます。
ブログタイトルの下の「ブログの説明」ですが、更新しても「Welcome to my blog」のまま更新が反映されません。他のテンプレートにするとしっかり反映されるのに、なぜかこのテンプレートだけ上手くいかない状態です。

現在活動停止中とのことですので、もしお時間が許せばご回答いただけましたら幸いです。
どうぞよろしくお願い申し上げます。

vanillaice (Akira)
Akira
2020/12/29 (Tue) 22:51

To nodaさん

こんばんは ('0')/

まず、
ブログタイトル下に文字がある = ブログ説明文である
とは限りません。このテンプレートの場合は自由に文字を入れて頂くデザインになっています。

<div id="welcome">

で検索するとhtml内に1箇所ありますので、
<div id="welcome">Welcome to my blog</div>
赤字部位に直接文章を差し替えて頂くか、ブログ説明文を自動で出力させたい場合は
<div id="welcome"><%introduction></div>
と記してください。前者の場合は改行タグ( <br> )の利用が可能です。後者の場合は改行不可です。

よろしくお願いします :)

noda
2020/12/30 (Wed) 10:44

できました!もう一つ質問です

Akira様

ありがとうございます!!そうなのですね、全くわかっていませんでした^^; 無事入力できました!!

それからもう一つ質問で恐縮なのですが、「PREV ENTRY」「NEXT ENTERY」のタグの背景を白にすることは可能でしょうか?画像入りだと文字が見えにくく、画像無しだと「no image」がバーンと出てしまいまして。

お手数ですがどうぞよろしくお願い申し上げます。

vanillaice (Akira)
Akira
2020/12/30 (Wed) 16:32

To nodaさん

こんにちは。
まずはブログ説明文の記載が上手くできたということで、お疲れ様でした。

> 「PREV ENTRY」「NEXT ENTERY」のタグの背景を白にすることは可能でしょうか?〜

複雑な作業になりますので、カスタマイズ前に必ずテンプレートの複製を取っておいてくださいね。そして削除作業の際は慎重に、他の文字を巻き込んで消してしまわないよう重々ご注意ください。

------------- html編集

削除すべき文字列は以下の通りです。


d.open("GET","<!--preventry--><%preventry_url><!--/preventry-->",true);c.open("GET","<!--nextentry--><%nextentry_url><!--/nextentry-->",true);


d.responseType="document";c.responseType="document";


d.send(null);c.send(null);


d.onreadystatechange=function(){if(d.readyState==4){var j=d.response;var g=j.querySelector("meta[property='og:image']").getAttribute("content");var h=document.getElementsByClassName("prev-a");for(var f=0;f<h.length;f++){h[f].style.backgroundImage="url("+g+")"}}};c.onreadystatechange=function(){if(c.readyState==4){var j=c.response;var f=j.querySelector("meta[property='og:image']").getAttribute("content");var h=document.getElementsByClassName("next-a");for(var g=0;g<h.length;g++){h[g].style.backgroundImage="url("+f+")"}}};

以上4箇所です。
この作業で前後ページのサムネイル取得を行わなくなります。

------------------ スタイルシート編集

背景を白、ということなので、複数の調整が必要です。
① サムネイル上のオーバーレイを取り除く
② テキスト色を白から黒に変更
③ マウスホバー時のテキスト色反転をどうるするか検討


.prev-a:before,
で検索すると1箇所あります。このルールセットを削除。

* ルールセット
.xxx {
yyy: zzz;
}

このまとまりのことです。



続きまして、
.prev-a:hover:before,
で検索すると1箇所あります。先程削除したルールセットのすぐ下にありますので、このルールセットも削除。


.prev-a,
で検索すると4箇所あり、最初のものが対象です。このルールセット内の
color: white;
赤字部位を rgb(51,51,51) に変更。
同じくこのルールセットの末尾に
background: white;
を追加。

*
.prev-a,
.next-a {
省略
background: white;
}
となっていればOKです。

続きまして
.prev-a .preventry-text,
で検索すると1箇所。このルールセット内
color: white;
赤字部位を rgb(51,51,51) に変更。


についてですが、マウスホバーで背景色が黒くなり、テキストはそのまま白です。
このアクションが要る場合はこれで作業終了です。アクションを取り除く場合は
.prev-a:hover,
で検索してこのルールセットを削除。

------
以上です。よろしくお願いします ('0')/

noda
2020/12/31 (Thu) 10:46

やってみます!!

丁寧にご教授いただきまして本当にありがとうございます。
ゆっくり時間をとって、落ち着いて取り組みますね。
無事作業完了しましたら改めてご報告させてください。

取り急ぎのお礼まで。
ありがとうございます!!

noda
2020/12/31 (Thu) 13:55

作業完了しました!!

Akira様

おかげさまで無事作業完了できました。
優しく丁寧に教えていただき本当に感謝しております。

この素敵なテンプレートとともに、来年からお仕事を頑張りたいと思います!!
Akiraさんのテンプレのファンなので、これからもずっとfc2を使い続けたいと思っています。
今後ともどうぞよろしくお願いいたします。

心からの感謝を込めて☆
ありがとうございました。

vanillaice (Akira)
Akira
2021/01/01 (Fri) 22:09

To nodaさん 完了のご報告

こんばんは。
上手くいったようで安心しました。
励みになるお言葉もありがとうございます。お疲れ様でした :)

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)