SIRIUSブログタイプの最新記事一覧をすっきり表示させるには?

SIRIUSブログタイプの最新記事一覧をすっきり表示させるには?

パリの整然とした町並み。放射状に広がった道路

 

「整然としていて気持ちいいですね・・」

 

 

 

 

平成26年9月6日
(平成28年11月14日更新)

 

 

 

「これ、何とかならないかな?」

 

 

シリウスのブログタイプのサイトをお作りの方で、
トップページに記事全文が出てくるのを
何とかしたいと思っている方は多いと思います。

 

 

先日「スッキリした」表示に変えてみましたので、
ご参考まで。

 

 

変更したときにたまたまgoogleの検索アルゴリズム
の変更があったらしいですが、ページビュー数が一日
100ぐらい伸びたような気がします。

 

読みやすいページ作りができていることは確か
ですので、SIRIUSで「ブログタイプ」を使っておられる
方はぜひ試してみてください。

 

 

↓↓整理後の記事一覧はこのように表示されます

 

SIRIUSブログタイプの整理後の表示

 

 

これまで「続きを読む>>」の記載は
意味ないじゃんと思っていた方も
これでスッキリしますよ。

 

 

 

具体的記述方法

 

 

 

具体的記述方法は「SIRIUS
サポートフォーラム」を参考にしました

 

 

SIRIUSサポートフォーラムの画像

 

 

まず、「HTMLテンプレート」編集
画面を開きます。

 

 

HTMLテンプレートの入り口を示した画像

 

 

「トップページ」あるいは、「カテゴリー
ページ」に記載のある下のタグを変更
すれば、かんたんに変更できます。

 

 

<変更前>

 

<div class="text"><% pageBody %></div>

              ↓↓↓

<変更後>※そのままコピーして使えます

 

<div class="text"><% pageBody | tag_strip | str_replace( ,) | oneline | shorten(150,true) %></div>

 

※shorten(150,true)の「150」の部分を変更すれば、文字数調整ができます。

 

 

なお、この記述のある位置は、
この画像を見ていただければ
探しやすいかも↓↓

 

トップページへの命令文挿入位置を示す画像

 

 

参考までに・・

 

この「タグの変更」を行わなくても、
SIRIUSでは「記事1」だけが、
トップページやカテゴリーページに
表示されるよう設定してあります。

 

 

記事1の表示

 

 

なので、トップページやカテゴリー
ページに表示させたい部分を
「記事1」に記載し、表示させ
たくない部分を「記事2」以降に
記載することで、文字数の制限なく
表示させることができます。

 

使いやすい方法を選んでくださいね。

 

 

 

画像挿入もかんたん

 

 

 

画像の挿入もかんたんです。

 

私は説明文の前に、正方形の
画像を挿入しました。

 

ちなみに画像のサイズは
120px×120pxにしてます。

 

 

SIRIUSブログタイプのサムネイル挿入

 

 

エントリーページの基本設定画面
に「サムネイル画像」を入れるボックス
があります。

 

 

SIRIUSブログタイプのサムネイル挿入

 

 

ここにお使いになる画像を設定
して、下のコードを挿入するだけ
で説明文の左に画像が表示
されるようになります。

 

 

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

 

 

挿入位置はこちらを参考にして下さい↓

 

 

命令文を挿入する位置を示した画像

 

 

いかがでしたか?かんたんですよね。

 

かなり見やすくなるので、ページ
ビュー数のアップが期待できます。

 

ぜひ試してみてください!!

 

 

 

 

意外と語られていない最新記事数のカスタマイズ

 

 

 

先日、こんな質問をいただきました。

 

 

(「最新記事一覧」として表示される記事数についてのご質問です)

 

 

一つ教えて頂きたいのですが、このタグですと10記事まで
表示させることが出来ております。

 

もし11記事以上を表示させる方法があれば教えて頂きたいです。

 

 

「調べたら、お答えできるかな?」

 

最初はそう考えていました。

 

 

でも、意外と最新記事一覧の数をカスタマイズする
ことについて、誰も語っていないのです。

 

もちろん、探し方が悪かったのかもしれませんが
意外とないんです。

 

 

でも、自分でテンプレートをいじっていたら、
案外簡単に「最新記事一覧の数」を変更
できることがわかりました。

 

 

まずは「編集」から入り、「HTMLテンプレート」を
開きます。

 

 

HTMLテンプレートの入り口を示した画像

 

 

中に入るとほんの一か所数字を変更するだけで
最新記事一覧の数を変更できます。

 

↓下の画像の( )の部分の数字を、表示させたい数に
変更するだけで完了です。

 

テンプレートの修正箇所を示した画像

 

 

ご質問から、私も勉強することができましたので
ありがたかったです。

 

かんたんすぎるので、興味のある方はぜひ
試してみてください。

 

 

 

 

※もし「よかった」と思う記事がありましたら、あなたが使っておられる
 SNSで当サイトをご紹介ください。どうぞよろしくお願いします。

 

 

よく読まれる関連ページ

 

ホームページ作成ソフトを決める!後悔しないソフト選びをへのリンク画像

ホームページ作成ソフトを決める!後悔しないソフト選びを

SIRIUS徹底レビューと再配布可能特典のプレゼントへのリンク画像

SIRIUS徹底レビューと再配布可能特典のプレゼント

最もカンタンな「SNSボタン整列方法」を紹介します!へのリンク画像

最もカンタンな「SNSボタン整列方法」を紹介します!

レシピを出すなら試したい!リッチスニペットを使った目立つ検索表示へのリンク画像

レシピを出すなら試したい!リッチスニペットを使った目立つ検索表示

 


Top相互リンクをいただいているサイトです。

簡単無料ホームページ

簡単に無料でホームページ作成。掲示板、ブログ、アルバム、携帯サイト、メールマガジン、お問合せフォーム、リンク集等の便利機能付き。商用利用もOKです




 
ブログパーツ
トップページ 目次 サイト公開までのプロセス プロフィール お問い合わせ