Sweetie - FC2ブログテンプレート

• ページ送りのJSを修正

• コメント返信のJS変更
• jQueryを3.4.1にアップデート

• 個別記事ページ送りの複製を可能にしました

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

• パーマリンク設定導入に伴う個別記事URL正規化
• パーマリンク設定導入に伴うページ送り変更

• コメント主のリンク表示用JS及びデザインの変更
• SVGのIE向け調整

1. 管理画面経由で管理人名を装飾した際にテンプレートの返信ボタンレイアウトが崩れる件を修正
2. 受信コメント一覧とコメント投稿フォームのセクションを統合
3. コメント一覧の管理人ハンドルネームにクラス名を追加(カスタマイズ用)
4. 記事範囲上下の余白をpaddingからmarginに変更(記事内でp要素を利用する方向け)

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

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

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

vanillaice000.blog.fc2.com

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

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

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

<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"><svg class="svg-inline svg-inline-arrow-up" viewBox="0 0 448 512" role="img"><use xlink:href="#inline-arrow-up"></use></svg></a>
  <li><a href="#comment_form"><svg class="svg-inline svg-inline-arrow-down" viewBox="0 0 448 512" role="img"><use xlink:href="#inline-arrow-down"></use></svg></a>
</ul>

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

.comment-info {
  margin-top: 10px;
  text-align: right;
}

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

.comment-info li:not(:last-of-type)::after {
  content: "|";
  margin: 0 .5em 0 .3em;
}

#community" で検索するとhtml内に2箇所あります。2つとも #comment_form" に 変更。

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

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

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

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

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

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

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

#comment_form {
  padding-top: 40px;
}

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

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

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

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

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

.inner-contents, で検索するとスタイルシート内に1箇所ありますのでこの文字列を 削除。以下のようになっていればOKです。

.contents {
  padding: 20px 0;
}

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

.inner-contents {
  margin: 20px 0;
}

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

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

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

• C版Safariでモーダル検索背景が白くなる件修正

• Font Awesomeを廃しインラインSVGに変更
• レイアウト関連CSSの追加及び一部削除
• Google+ シェアアイコンの削除(2019年4月でサービス終了のため)
• はてなブックマークシェアアイコン追加(Google+と差し替え)
• 別タブで開くリンクに noopener と noreferrer を追加(セキュリティ対策)
• 全記事リストと検索結果にコメント数とトラックバック数表示を追加
• ナビゲーションの形状を若干変更

不具合修正ではありませんので旧バージョンのままでもお使い頂けます。

• iOS11.2.6でモーダルが開かない件修正
• Font Awesomeをバージョン4(CSS)からバージョン5(JS)へアップグレード
• 新変数導入による管理人コメント区別(ボーダー色違い)

iPhoneでの不具合修正も含まれます ので是非アップデート(再DL)をお願いします。

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

Sweetie大規模メンテナンスのお知らせ

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

vanillaice000.blog.fc2.com

• SNSシェアリンクのUTF-8エンコード

• ナビゲーション ドロップダウン内リンク動作不全を修正しました 申し訳ございません
• 関連記事サムネイルの整形
• ベンダープレフィックスの整理
• その他微調整

「Sweetie」不具合修正と「Belong」「All-about-us」メンテナンスのお知らせ

以下の3テンプレートのメンテナンスを行いました。うち一つ「Sweetie」については動作不全があり修正致しました 申し訳ございません。...

vanillaice000.blog.fc2.com