トップページで、「続きを読む」のリンク先が「個別のエントリリンクURL#more(.html#more)」でなく、「個別のエントリリンク(.html)」にしたかったのだけれど、ようやくやり方がわかったのでメモしておく。
ちなみに、このカスタマイズは現時点では、上級テンプレートセットを使えるジャンプコースに限る。
■ 参考ページ:OCNブログ人ヘルプ:上級者向けテンプレートセット
ブログ人メインページの構造
上級テンプレートセットで、メインページのテンプレートに該当するのは、インデックステンプレート内のMainIndexTemplate。
このMainIndexTemplateは、とてもシンプルな構造で、それぞれの部分をさらにほかのテンプレートを読み込んで、メインページを表示させている。
ブログ人の記事をずらずらと、MainIndexTemplateに表示させるためのテンプレートは、entry-list-stickyというテンプレート。entry-list-stickyテンプレートをMainIndesTemplateに読み込んで、メインページを表示している。
ブログ人で使うモジュールを読み込む二つのタグ。
デフォルトで、Main Index Templateに、
<$MTWeblogIncludeModule module="entry-list-sticky"$>
という部分がある。これにより、ブログ人で規定のテンプレートを読み込んでいる。
<$MTWeblogIncludeModule module="module-name"$>
というのが、ブログ人規定のテンプレートを読み込むタグ。ブログ人規定のテンプレートは操作できないので、これを、自分がカスタマイズ出来るテンプレートを作って置き換えてやる。
<$MTInclude module="entry-list-sticky"$>
に変えるのだが、その前にentry-list-sticky モジュールを作らないといけない。
<$MTInclude module="module-name"$>
が、自分が作成したテンプレートやモジュールを読み込むタグ。
entry-list-stickyモジュールの作成
上級テンプレートセットに変換していたら、デザインの編集で、テンプレートのカスタマイズが出来る。
1 テンプレートモジュールで、新しいテンプレートモジュールを作成するをクリックする。
2 テンプレート名にentry-list-stickyを入力
3 テンプレートの内容に
を参考にして、entry-list-stickyのテンプレート内容を記述。
4 保存
すると、entry-list-stickyモジュールが作成できる。
entry-list-stickyモジュール作成上の注意点
先ほど、ブログ人のentry-list-stickyをコピペして、テンプレートを作成してみたけれど、どうもゴミが多いような感じがする。
すべての行の後になぜか
タグが入っているけれど、自分的には不要だと思ったのではずした。
最初の</p><p>、最後の</p></p>は不要に思えたので外した。
コピペすると、クラス指定に使っている「"」が、なぜか全角になってしまって、CSSが反映されないので、全部半角に修正した。
「続きを読む」というフレーズに、タグが使われていて
<$MTTrans phrase="Continue reading"$>
となっているのだけれど、正直よくわからないので、適当に
<a href="<$MTEntryPermalink$>">「ブログ人で「続きを読む」のリンク先を「.html#more」でなくリンクURLの「.html」にする方法」の記事を読む >>></a>
と修正した。
(上記の記述は、「<>」に全角文字を使っています。コピペする時は半角に修正してください。)
ちなみに、似たような記述が二回繰り返されているのは、ブログの設定>表示設定タブで「このカテゴリーだけ表示」という部分で、メインページに表示させるカテゴリを選んだ時用と選んでない時用じゃないかと思われる。
MainIndexTemplate修正
先ほども書いたけれど、MainIndexTemplateのentry-list-stickyを読み込んでいるタグを修正して、
<$MTInclude module="entry-list-sticky"$>
に変更。
保存して反映すると、メインページの「続きを読む」のリンクが、.hmtl#moreでなく、.htmlになっているはず。
とりあえず、今日のカスタマイズはここまで。質問されてもわからないと思うので、情報利用は自己責任でよろしく。
※管理人もスタンダード・プレミアムを利用中!
▼ さくらのレンタルサーバ