SIRIUS2深掘り

検索結果

「 人気記事 」の検索結果
  • アイキャッチ画像
    人気記事4点固定表示-Volar2
    当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。【Volar2】には人気記事の1番目から4番目までをサムネイル画像付きで自動表記できる《人気記事4点固定表示》があります。※<人気記事>についてはこちらの記事をご参照ください。人気記事SIRIUS2の人気記事についての詳細ページ。概要本機能を使うには事前にSIRIUS2標準搭載の人気記事での事前設定が必要です。こちらが《人気記事4点固定表示》のサンプルです。いわば<スライダー>機能のスライダー無し版です。SIRIUS2標準のスライダー機能と大きく違う点は以下の通り。標準スライダーはトップページのみ、《人気記事4点固定表示》はエントリーページのみ。標準スライダーを有効化すると専用のスクリプトも別途読み込む必要がある。これに対し《人気記事4点固定表示》はスクリプト無用なので軽量タイプ。標準スライダーは好きな数だけ指定できるが、《人気記事4点固定表示》は最大で4つ。まあこんなところでしょうか。SIRIUS2のヘッダー構造にクセがあるせいで、この機能が使えるのはヘッダー画像設定がヘッダー画像(or ワイド)もしくは非表示の時だけです。コンテンツ画像やサムネイル画像ではご利用できません。レイアウト崩れが起きます。★ -->設定と反映箇所この機能はデフォルトでは無効化されてます。有効化のやり方《人気記事4点固定表示》を利用するには、①『【Volar2】人気記事4点固定(HTML)[ヘッダー画像なし or ヘッダー画像あり&上部固定以外]』もしくは②『【Volar2】人気記事4点固定(HTML)[ヘッダー画像あり or 上部固定全部]』という2つのモジュールのいずれかの[有効]のチェックをONにします。表示箇所はエントリーページの上部で位置変更はできません。またスマホでは2枚ずつの2段表示になります。当サイトのトップページで表示されてる場合は当サイトのみで利用可能な専用のスタイルを別途あてがってます。カラム数やヘッダー画像のタイプによって細かくスタイルを変える必要があるためトップページへの実装は見送りました。人気記事の項目と4点固定の表示上への反映箇所はこちらになります。(PCはマウスオーバーでタイトル表示、モバイルは最初から画像下にタイトル表示)なお人気記事の『表示設定』は《人気記事4点固定表示》には影響ありません。【Volar2】の「人気記事4点固定表示」とサイドメニュー(SIRIUS2では”メインメニュー”)での「人気記事」の中身は全く一緒のものです。もしもサイドメニュー上の人気記事を非表示にしたい場合は【Volar2】で用意している非表示設定用のスタイルを有効化(コメントアウト解除)すれば非表示にできます。
    Read More