カスタムテンプレート

記事本文内のURL(httpで始まる文字列)をJavaScriptで自動的にハイパーリンク付きに変換する方法です。当サイト作者が作成した次のテンプレートについてです。

• eyecatcher、eyecatcher-2c、dt18_eyecatcher (ver1.0.0)
• customtemplate、customtemplate-3c (ver1.5.0～1.5.1)
• valid-seo-3c、valid-seo-2c (ver1.3.0)

Googleなどの検索結果順位がほんの少し上昇するかもしれない記事の書き方です。読者のユーザビリティや視認性はほぼ確実に良くなります。当サイト作者が作成したテンプレートに限らず、基本的にどのウェブサイトでも同じことが言えます。

テンプレートに設定済みのスタイル切替用classや、JavaScriptによる便利機能の切替まとめです。当サイト作者が作成した次のテンプレートについてです。

• eyecatcher、eyecatcher-2c、dt18_eyecatcher (ver1.0.0)
• customtemplate、customtemplate-3c (ver1.5.0～1.5.1)
• valid-seo-3c、valid-seo-2c (ver1.3.0)

更新

2013年03月10日(日) 02:40

customtemplate と customtemplate-3c のver1.4.1からver1.5.0への改訂履歴です。主要部分は次の３点です。

• 新着記事にnew!を自動表示
• サイドバー背後のtboxを追尾式に変更
• 読者が調整できる装飾を拡張

2013年3月10日追記：ver1.5.0からver1.5.1への改訂履歴を追加しました。

カーソルをホバーすると簡易説明などをツールチップで表示させる方法です。当サイト作者が作成した次のテンプレートについてです。

• customtemplate と customtemplate-3c (ver1.0.0～ver1.4.0)

同一ページ内移動用のハイパーリンクを装飾し、ページが切り替わるリンクと区別する方法です。当サイト作者が作成した次のテンプレートについてです。

• valid-seo-2c と valid-seo-3c (ver1.2.0)
• customtemplate と customtemplate-3c (ver1.4.0)

更新

2012年10月28日(日)

回り込み設定の具体例です。カオスレイアウトの原因と対処方法です。customtemplate ver1.3.0 に関してです。

十分に説明し切れているとは思いません。この記事と合わせて、「CSS float」などで検索し幾つかの解説サイトをご覧ください。

更新

2012年10月14日(日)

CSSやjQueryで customtemplate に定義済みの文章装飾用タグ一覧です。クラスを加えるだけで装飾できるので、テンプレート変更時も文章構造に影響がありません。IE8以下などでは一部機能しないものもあります。

更新

2013年04月09日(火)

長文を構造化した文章にする際に使えるサンプル一覧です。一覧にあるタグをコピペするだけです。当サイト作者が作成した次のテンプレートについてです。

• eyecatcher、eyecatcher-2c、dt18_eyecatcher (ver1.0.0)
• customtemplate、customtemplate-3c (ver1.0.0～1.5.1)

更新

2013年03月02日(土) 23:00

当サイト管理人が作成した下記テンプレートの主な機能の説明です。テンプレート利用者さんがかんたんにカスタムできるよう設計しています。長文の読みやすさや編集のしやすさ向上もコンセプトにあります。

• customtemplate (2カラム：クリックでデモ表示) ver1.5.0
• customtemplate-3c (3カラム：クリックでデモ表示) ver1.5.0