人気記事-SIRIUS2

人気記事-SIRIUS2

SIRIUS2の人気記事についての詳細ページ。
 

【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。

そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。

また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。

 

人気記事>とはサイドメニュー上部”人気記事”をサムネイル画像付きで表示できる機能です。

 

”人気記事”とうたってはいますが、実際には特定のページを登録しておいてそれらのページにアクセスを集中させるのが狙いです。

 

実際に表示させたサンプルがこちら。

ランキング番号を付けることもできます。

 

キャプチャ画像


タブ【人気記事】

人気記事>はリボンバーの【コンテンツ】タブ→【人気記事】をクリックすると設定画面が開きます。

 

キャプチャ画像

 

すでにいくつか設定済みですが、こちらが<人気記事>のタブ【人気記事】の設定画面です。

 

キャプチャ画像

 

①は人気記事の新規登録用。(※詳細は次項)

②は登録済みの人気記事の再編集(修正)用。

③は人気記事の複製。(一部だけ修正するときに使うんでしょうか)

④は人気記事のランキング調整用。(項目をクリックして上・下で順位を変更できます)

⑤はいらなくなった人気記事を削除する時用。

 

サイト管理人

筆者

 

①②④⑤に関しては人気記事一覧上で右クリックでも操作できます。

 

新規追加

①新規追加をクリックすると人気記事の追加方法が表示されます。

 

キャプチャ画像

 

B:「ページを選択して新規追加」

すでに人気記事として追加したいページが決まってるならこちらを選択するとページ選択画面が表示されます。

チェックを入れたページが人気記事一覧に一気に追加され、細かい設定はあとから調整するやり方です。

 

キャプチャ画像

 

A:「手動で新規追加」

人気記事を1個ずつ登録したい方はこちらを選択します。

クリックすると下のような登録画面が表示されます。

 

キャプチャ画像

縮小版

キャプチャ画像

①タイトル

人気記事のタイトルを設定します。

②リンク先URL

サイト内の記事URLはもちろん、外部サイトのURLも指定できます。

 

サイト内のページ指定であればの『内部ページ』アイコンをクリックしてページ指定するのがラクです。

 

内部ページを選択した場合は『リンク先URL』の項目内にページIDが自動的に記入されます。

 

また①のタイトルが空欄だった場合はページタイトルが自動入力されます。

 

キャプチャ画像

③サムネイル画像

人気記事のサムネイル画像を指定します。

 

画像選択ボタンやすぐ脇の矢印クリックで画像を指定する方法と、サムネイル画像の自動選択の2種類あります。

 

④にチェックを入れた場合は③の入力エリアがグレー表示になり、ページに設定済みのサムネイル画像が表示されます。

 

サムネイル画像がない場合は記事本文中の画像の中からSIRIUS2が画像を探して表示します。

 

サムネイル画像もページ内画像もない場合はSIRIUS2にデフォルトで用意されてる「sample.jpg」もしくは「dummy.jpg」が表示される仕様です。

 

設定完了後に「OK」ボタンをクリックすると人気記事一覧の1番目に登録されます。

同じように2番人気、3番人気と登録していきます。

タブ【スマホ設定】

キャプチャ画像

 

ここは(【Volar2】のような)レスポンシブテンプレートではPCサイトと同じ内容が表示される仕様なので設定変更の必要はありません。

 

もしもレスポンシブテンプレートではなく「スマホサイトの同時生成機能」機能をONにしてる方は次項の「スマホサイトの表示」のチェックをOFFにすることでここでの設定が可能になり、PCサイトとスマホサイトで表示内容を振り分けることができるようになります。

タブ【表示設定】

キャプチャ画像

縮小版

キャプチャ画像

①見出し

こちらの位置に表示されます。

 

②表示形式

キャプチャ画像

 

デフォルトの表示

通常はサムネイル画像の横にタイトルテキストが表示されます。

 

画像の下にタイトルを表示

サムネイル画像が大きく表示され、タイトルテキストは画像の下に移動します。

 

キャプチャ画像

 

表示しない

人気記事一覧を一時的に非表示にしたい時はこれを選択します。

③スマホサイトの表示

レスポンシブテンプレートの場合はチェックを入れても入れなくてもPCと同じレイアウトで表示されます。

 

「スマホサイトの同時生成機能」機能をONにしてる方は前項のタブ【スマホ設定】でPCサイトとスマホサイトで表示内容を振り分けることができるようになります。

④ランキングの表示

サンプル画像のようにここをONにすると画像の左に順位が付きます。

OFFならランキングは非表示です。

 

キャプチャ画像

⑤ランキングの背景色

『ランキングの表示』がONの時、ランキング部分の背景色を任意の色で変更できます。
キャプチャ画像

 

サイト管理人

筆者

 

右の「半透明化する」にチェックを入れると、透明度が設定されるのか若干淡い色になります。

 

ただ何をもってしての半透明化なのか、現時点ではよくわかってません。

⑥ランキングの色分け

色分けをしない」はランキング部分の背景色が単一色

色分けをする」は1位~3位まで色分けされます。

 

キャプチャ画像

【Volar2】での設定

【Volar2】ではエントリーページの最上部に人気記事の1位~4位までの記事を大型サムネイル付きで自動表示可能な<人気記事4点固定表示>機能を搭載してます。