シリウスでトップページに記事一覧を載せる方法

シリウスでトップページに記事一覧をのせる方法

 

以前、私はワードプレスでブログを作っていましたがその理由はただひとつ、無料でできるということでした。

 

しかしワードプレスは、HTMLやCSSの知識がないと苦戦すると言われています。
私もかなり苦戦して、挫折しました。
カスタマイズしたくても、どこをどういじればいいのかわかりませんでした。

 

その点、シリウスはブログに慣れていない方むけだと思います。
記事を書くにも、画像を張り付けるのも簡単です。

 

ただ、カスタマイズする時は、やっぱりHTMLの知識は必要になってきます。
ここは頑張って覚えてみましょう。

 

 

私がカスタマイズしたかったところは

 

トップページに記事一覧を表示させ、記事紹介の横に画像を入れることでした。

 

kijiichiran

 

 

 

記事一覧をトップページに表示させるカスタマイズ

 

HTMLテンプレートの開き方

 

html select

 

①または②でHTMLテンプレートを開きます。

 

 

html select

 

変更前のテンプレートです。

 

 

記事数を替える

 

<% AQNewEntries(10) %>

 

この数字は、記事一覧に表示される記事の数です。

 

10 ⇒ 5 にすれば、5つの記事が表示されます。

 

 

記事の文字数を替える

 

<% pageBody %> を替えます。

<% pageBody | tag_strip | str_replace( ,) | oneline | shorten(150,true) %>

 

150 は表示される記事の文字数です。
この設定では、150文字が表示されます。

 

 

更新日時を消す

 

<span class="date"><% pagePublicDate | parseDatetime(yyyy/MM/dd HH:mm:dd) %></span>

 

これはお好みによってだと思いますが、消したい方はこの記述を削除すればOKです。

 

 

記事一覧に画像を入れる

 

記事一覧に画像を入れます。

 

photo thumbneil

 

このように、記事の横に画像を入れると、見栄えが良くなるだけではなく、目にとまりやすくなりクリック数が増えます。
ただし、画像なら何でもいいというわけではありません。
記事の内容にあった画像を入れるようにしましょう。

 

 

 

html2

 

<% pageThumbnail | addAtribute(align="left") | tag_insert(span class="txt-img") %>

 

この記述を、title と text の間に入れると記事の左に画像が入ります。

 

 

続きを読む>> ← この部分の文字を替えることができます。

 

この記事の続きを読む>> と入れると、

 

続きを読む>> の部分が この記事の続きを読む>> と表示されるようになります。

 

 

画像の設定

 

photo thumbneil

 

画像を入れたい記事タイトルのところで右クリックし、詳細設定を選択します。

 

 

thumbneil select

 

この画面の、サムネイル画像横の赤で囲ってあるボタンをクリックして画像を選択しOKをクリックします。

 

 

kijiichiran

 

このように表示されるようになります。

 

 

まとめ

 

いろんなブログを見ていると、画像が入っている記事一覧を表示させているタイプが多いように感じました。

 

ブログのデザインに凝るのは自己満足と言われる方もいらっしゃいます。
そんなことに時間をかけるのは、時間の無駄かもしれません。

 

でも、自分のブログに愛着が湧くと、もっと良くしたいという気持ちになるのは当然のことではないでしょうか。
それよりも、ブログに来てくださる方が見やすいブログ作りは、大切なことだと思います。

 

この記事が、お役にたてれば幸いです。

 

 

 


アフィリエイトランキング  <<<ポチッと押していただけると嬉しいです♪

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


ホーム RSS購読 サイトマップ