テンプレートで読み込む外部JavaScriptファイルの機能説明

更新
2013年03月03日(日)

customtemplate と customtemplate-3c (ver1.5.0) のデフォルト設定で読み込んでいる外部JavaScriptファイルの機能説明です。

JavaScriptでしていること

  1. 最新記事のNew!や○○分前などの文字を自動挿入できます。一定期間が過ぎれは自動で消えます。

  2. グローバルナビゲーションをページ上部で固定表示します。

  3. 記事をHTMLで構造化して記述していると、次の機能が使えます。

  4. 既存コメントを残したまま、新規コメント受付フォームを非表示にできます。

  5. サイドバー下部に表示されるtbox(タブボックス、追尾ボックス)を次のとおり有効活用できます。

    • 記事がHTMLで構造化されていると、目次を自動生成できます。
    • 自動生成した目次内で、現在読んでいる部分を追尾できます。
    • 記事本文内の外部リンクを1ヶ所にまとめて再表示できます。
    • 記事本文内の画像を1ヶ所にまとめて縮小表示でき、クリックでその画像までスクロールできます。元画像のサイズを表示できます。
    • そのページの閲覧時間などを表示できます。
    • 最新記事一覧を表示できます。
    • プラグインカテゴリ1と2を再表示できます(デフォルトでは無効)。
    • 長文閲覧時に使えるブラウザの標準機能について少し言及しています。
  6. 画面端の便利機能ボタンで読者が次のことをできます。

    • ヘッダーやサイドバーの表示・非表示を切り替えられます。
    • 記事内文字を大きくできます。
    • 記事位置をカスタムできます。
  7. ページ内リンクではスムースに画面をスクロールできます。設定は不要です。

  8. 動く顔文字や画像スライドで、パラパラ漫画風アニメーションを作成できます。

読み込んでいる外部JavaScriptファイル

2013年3月3日現在、customtemplate ver1.5.0 のデフォルト設定で読み込むjsファイルは以下の3つです。実際にはファイル名の頭に6桁の数字がある場合があります。作者が管理用につけただけなので特に意味はありません。

  1. jquery.min.js
    JavaScriptのライブラリであるjQueryです。2013年3月3日現在最新バージョンのver1.9.1です。Google APIを利用しています。
  2. newe.js
    最新記事のNew!や○○分前などの文字を自動挿入するためのスクリプトです。
  3. script-min.js
    jQueryでクッキーを操作するためのプラグイン(Cookie | jQuery Plugins)と、当テンプレート用のscriptです。コメントアウトなどを省き圧縮しています。

HTML編集でJavaScriptの簡易カスタムが可能

  1. HTML編集の下部でJavaScriptの簡易カスタムが可能です。簡易カスタムだけなら、jsファイルのダウンロードやアップロードが不要です。

  2. JavaScriptによる便利機能をデフォルトからカスタムする方法を記事にまとめています。

  3. JavaScriptの機能切替だけなら、コーテーションのペア内にyを入れるか入れないかだけです。yは「yes」の頭文字です。その機能を使うなら'y'、使わないなら''です。特に難しいことはしません。

  4. 数字編集の場合、コーテーションのペアがないものがあります。その際は、数字部分を編集します。

  5. 今後もリクエスト次第で簡易カスタムを改良する予定です。

JavaScriptの機能が不要なら

  1. JavaScriptの機能に魅力を感じなかったり他のスクリプトと競合してしまう場合は、JavaScriptの機能を割愛したvalid-seo-2c か valid-seo-3cをご利用いただくといいかもしれません。

  2. もしくは、customtemplate をお使いいただく場合、JavaScript 関連の部分をばっさり削除してもいいかもしれません。HTML内で削除する場所は次の3ヶ所です。

  3. まずは、jQueryを読み込む部分です。<!-- ▼▼▼ jQueryなど読み込み 開始 ▼▼▼ --> から <!-- ▲▲▲ jQueryなど読み込み 終了 ▲▲▲ --> までです。

  4. 次は、JavaScriptを読み込む部分です。<!-- ▼▼▼ 外部jsファイル読み込みなど 開始 ▼▼▼ --> から <!-- ▲▲▲ 外部jsファイル読み込みなど 終了 ▲▲▲ --> までです。

  5. 最後に、JavaScriptが読み込まれないと意味のない部分です。<!-- ▼▼▼ サイドバー下のもくじなど自動生成部分 開始 ▼▼▼ --> から <!-- ▲▲▲ サイドバー下のもくじなど自動生成部分 終了 ▲▲▲ --> までの部分です。

遠慮無くどうぞ

  1. 当カスタムテンプレートはカスタマイズ推奨です。削除および改変禁止の部分以外は好きなようにカスタマイズできます。

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク

コメント

承認待ちコメント
このコメントは管理者の承認待ちです
頼みごと
この記事には関係の無いことなんですが
このテンプレートと作りは一緒で3カラムのレイアウトで記事の部分が横に広めのテンプレートを作っていただけませんか?
もし作っていただけるのならメールください
Re: 頼みごと
はじめまして。
当カスタムテンプレートをご利用いただきありがとうございます。
また、リクエストありがとうございます。

前向きに検討したいので、もう少し具体的に希望を教えてくれませんか。

3カラムの内、記事のカラムは中央でしょうか。
JavaScriptによる機能は省いたほうがいいのでしょうか。

希望次第で、すぐに作成できる場合もあれば、
作成に時間がかかる場合もあります。
Re: 頼みごと
本日、3カラムのテンプレートが承認されました。
お役に立ちましたら幸いです。

コメントの投稿

非公開コメント

(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)