検索結果

【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。バージョン1.12のアップデートで、2023年10月1日から施行されたステマ規制法案対策用の＜PR表記＞機能が追加されました。有効化するだけでページのアタマに「PR」という文字列が表示されます。ステマ（ステルスマーケティング）とは消費者に広告・宣伝と気付かれないように行われる広告や宣伝のことで、アフィリエイトサイトなどのアフィリエイトタグが付いた広告先へのリンクなども対象の一つです。このステマ規制に違反しないためには（早い話がアフィリエイト広告を貼ってるページには）「広告」や「PR」や「プロモーション」など広告であることがわかる表示をはっきりと表示することが義務付けられるようになりました。バージョン1.12で追加されたPR表記機能はこれを半自動で表記させる機能となっており、広告リンクを貼ってるページにはすみやかに有効化することをおススメします。PR表記機能の使い方＜PR表記機能＞を有効化するには2段階の操作が必要です。全体操作サイト内での「PR」の表示・非表示を制御しているのが【サイトオプション】→『全体設定』タブ→『PR表記』内の設定です。①PR表記まずはここの『PR表記』をONにします。筆者ここがOFFのままだとこのあとの個別設定で『PR表記』設定をONにしても表示はされません。②トップページ『PR表記』がONの状態で表示可能なのはトップページ以外のカテゴリーページやエントリーページ・独立ページのみ。もしもトップページにも「PR」を表記させたい場合は『トップページ』もONにします。③表示位置「PR」表記は左端か右端かが選択可能。（実際の表示は後ほどご紹介）個別記事での操作前述の全体設定で［PR表記］設定をONにしたら、（SIRIUS2編集画面左側の）サイト構成画面内の「PR」を表示させたい記事上で右クリック→「ページの設定」をクリックします。［エントリーページ（個別ページ）の設定］画面が開くので『AMP・PR表示』タブをクリック→『PR表示』をクリックしてONにします。これでフリースペース（メインカラム上段）の上に「PR」というテキストが表示されます。（※この位置の変更は不可）ご覧になってわかるようにページのアタマの方に小さく「PR」と表記するだけの機能で”ひっそりと表示”という印象が否めません。場合によっては広告主やASP側から”表記不十分”との理由で提携解除を言い渡される可能性も少なからずあります。そこでこの「PR」という表記を別のテキストに変更する方法をのちほどご紹介します。個別記事の一括設定「PR」を表示させたいページが大量にある場合は一括設定が便利です。サイト構成画面内で右クリック→「PR表示の一括設定」をクリックします。一括設定画面になるので「PR」を表記させたい記事にチェックを入れていきます。ここでチェックしたページだけが「PR」と表記されます。筆者Shiftキーで連続選択、Ctrlキーで個別選択もできます。「PR」表記ページが”大量”にある場合は一括設定で全ページにチェックを入れてから表記の必要のないページを除外するやり方の方が手間が省けます。先ほどの一括設定画面上で右クリック→「全て選択」をクリックします。ページ全体が選択状態になったら画面左上の「チェックを入れる」をクリックするか、一括設定画面上で右クリック→「チェックを入れる」をクリックします。これでページ全体にチェックが入ります。あとは「PR」表記対象外のページからチェックを外していけば短時間で設定できます。「PR」を別のテキストに変更するやり方そもそも「PR」という表記はどこで設定されてるのかと言えば、実はCSS内のスタイルなんですね。（ステマ規制に間に合わせるよう取り急ぎ付けてみました感が…）というわけで「PR」という文字を別の文章に変えるために以下のスタイルを【テンプレート】→【スタイルシート編集】→【ユーザー指定スタイル】にコピー＆ペーストします。/* PRテキスト */div.Prtext_l::after,div.Prtext_r::after{ content:"PR";}あとは赤文字の「PR」という文字を変えるだけです。サンプルとして「当ブログはアフィリエイト広告を利用しています」に書き換えてみます。/* PRテキスト */div.Prtext_l::after,div.Prtext_r::after{ content:"当ブログはアフィリエイト広告を利用しています";}その結果がこちら。文字サイズを変更したい場合は文字サイズ用のスタイル（太字部分）を足して赤文字部分を変更します。/* PRテキスト */div.Prtext_l::after,div.Prtext_r::after{ content:"当ブログはアフィリエイト広告を利用しています"; font-size:13px;}

【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。SIRIUS2で用意されてるテンプレートは6種類。いずれもレスポンシブデザインです。元々は4種類だったんですが、SIRIUS2 ver.1.180にて新たに2種類のテンプレートが追加されました。『レスポンシブデザイン』とは？レスポンシブデザインというのは、PCやタブレット・スマホなどの画面サイズに応じて自動で見やすいレイアウトに切り替えてくれるデザイン機能のことです。しかしながらスマホサイトに特化あるいはスマホだけで表示させたいコンテンツなどが多い場合はレスポンシブデザインテンプレートだけでは対処しきれないケースも出てきます。こういったときのためにSIRIUS2には「スマホサイト同時生成」機能が搭載されてます。これはメインの（PC）サイトとは別にスマートフォン用に特化したサイトを同時生成する事ができる機能で、画像を縮小してサイトの表示速度を早めたりメインサイトとは別のコンテンツを表示させることもできるため、スマホでの表示を細かくカスタマイズしたい方向けの機能になります。ベーステンプレート無駄な装飾を排除したシンプルなデザインが特長のベーステンプレート。どんなサイトにも無難に合います。シンプルがゆえにあなた好みのデザインに変えやすいというメリットも同時に持ち合わせてもいます。筆者当サイトはベーステンプレートを使ってます。ポップテンプレートトップエリアには目立つカラーを使用し、全体的に角丸を意識したテンプレートがポップテンプレート。堅苦しくない内容のサイトをイメージしてデザインされたんでしょうか。エレガントテンプレートくすんだ配色でスキンケアやネイルケアといった女性をターゲットとしたサイト向けなのがエレガントテンプレート。スマートテンプレート全体的にくっきりはっきりしたイメージに仕上がってるのがスマートテンプレート。その見た目からビジネス向けサイトなんかが似合うんじゃないでしょうか。グラデーションテンプレート2024年6月のSIRIUS2 ver.1.180で追加されたテンプレートで、こちらはシンプルで無駄のないどちらかと言えば企業系のサイトに向いてるデザインです。次の『和モダンテンプレート』同様、1カラムレイアウトでの運用がより効果的と言えそう。和モダンテンプレートこちらも『グラデーションテンプレート』同様、アップデートで追加されたテンプレートです。最初から明朝体での表記をメインにしたテンプレートなので、おのずと和風のイメージが強いテンプレートと言えます。デモでは旅館サイトになってますが、それに限らず明朝体が似合うサイトであればなんでもOKです。【Volar2】でも『和モダンテンプレート』風のサイトが作れる機能を付けてみました。こちらで再現サイトがご覧になれます。ここがパワーアップ旧SIRIUSではテンプレート（3種）＋カラム数（1～3）＋サイトカラー（10色）がセットになった状態で選択する必要がありました。そのためサイトカラーが思っていたのと違ったりした場合は最初からテンプレートを選択し直す必要があったんです。当然、設定もイチからやり直しになるため、ある程度設定を済ませてからのテンプレート交換はかなり面倒くさい仕様でした。しかしながらSIRIUS2ではテンプレートさえ決めてしまえばサイトカラーやカラム数は自在に選択することができるようになってます。これはかなりの効率アップと言えます。ただテンプレートが気に入らない場合はやはり最初からの設定し直しになるので、テンプレート選びだけは慎重にやった方がいいです。