SIRIUSのスマホサイトの文字サイズを変更して見やすくしよう
SIRIUS(シリウス)上位版では、PCサイトを簡単にスマホサイト(iPhoneサイト)に変換できる機能があって便利です。
しかし、サイトオプションで変更できる文字サイズはPCサイト用だけであり、スマホ用のサイトはCSSファイルを手動で弄る必要があります。
今回はスマホサイトの文字サイズ(フォントサイズ)変更方法をご紹介します。
※デフォルトテンプレートとレスポンシブウェブテンプレート両方のやり方をご紹介しています。
デフォルトだとフォントサイズ14pxになっている
SIRIUS(シリウス)のスマホサイトテンプレートは、デフォルトでは文字サイズが14pxです。最近、ディスプレイサイズが大きいものが増えてきたとはいえ、iPhone5のディスプレイサイズだと、40歳過ぎの人にとっては14pxだとちょっと見づらいです。iPhone6でも「もうちょっと大きい文字の方が良いかな」と感じている人は多いようです。
サイト制作で大切なことは「見やすく、読みやすく」です。よって、幅広い年代がターゲットのサイトの場合、文字サイズは16pxにする方が良いと思われます。
私が初めて作った胸郭出口症候群のサイトは、20代~60代まで幅広い人が訪れるため、スマホサイトの文字サイズはカスタマイズして16pxにしています。実際にスマホで見て頂いてご確認ください。私は見やすいと思っています。
スマホサイト文字サイズ変更方法
前置きが長くなりました。ではSIRIUSスマホサイトの文字サイズ変更方法です。
カスタマイズは簡単。
シリウス編集画面の上部タブ「テンプレート」をクリック。
「IPhoneサイトスタイルシートの編集」をクリックしましょう。
7行目あたりに「font-size」の項目がありますので、お好みのサイズに変更してください。私は16pxがオススメです。
変更したら必ず「保存」をクリックしましょう。
次に「サイト生成」を行い、アップロードします。
「全てのファイルをアップロード」すれば手っ取り早いですが、200ページ以上のサイトになるとアップロード時間が結構かかります。
時間を短縮したい場合は、「iphone」のフォルダを右クリックしてアップロードしましょう。こうすることで、スマホサイトのデータだけがアップロードされます。
SIRIUSレスポンシブウェブテンプレートの文字サイズ(フォントサイズ)変更方法
公式側で追加された、レスポンシブウェブテンプレート(シンプル)や、当サイトのプレミアム会員限定テンプレートfacile・grand・fine・fineキュート版でスマートフォンで見た場合の文字サイズ(フォントサイズ)を変更する場合は、先にご紹介したやり方と違います。
まずは 編集 >スタイルシート を選択。
次に、スタイルシートの一番下に以下のコードを書いて保存します。
(コピペでOKです)
@media screen and (max-width: 640px) {
#main .text, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10{ font-size:好きな文字サイズpx;}
}
今回は例示で分かりやすいように20pxにしました。
プレミアム会員限定テンプレートのfacile、grand、fine、fineキュート版をご利用の方は、先ほどのスタイルシートコードを「リストタグのスタイル」の直前に書いてください。こうしないと、便利なオリジナルスタイルコードのフォントサイズも一部崩れる可能性があります。
ではプレビューしてみましょう。
ブラウザでプレビューしている人は、ウィンドウ幅をスマホくらいの幅にすればスマートフォンとほぼ同じ表示で見ることが出来ます。
PC表示での文字サイズは16pxです。(吹き出し部分はデフォルトで14pxのままで、これは弄ってません。)
スマートフォン表示だと、コンテンツ内の文字サイズが20pxで表示されました。(まぁ20pxにする人はいないでしょうけど)
もしフリースペースもスマートフォンでのフォントサイズ表示を変えたい場合は、space1~6をスタイルシートに追記します。
例えばメインカラム上下もスマートフォン表示上のフォントサイズを変更したい場合は、#space1と#space2を「,」で区切って追記します。
【スタイルシートコード例】
@media screen and (max-width: 640px) {
#main .text, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10,#space1,#space2{ font-size:好きな文字サイズpx;}
}
行間を変えたい場合
もしスマートフォン表示の行間も変更・調整したい場合は、「line-height:1.8;」も追記してください。1..8の部分の数字はお好みで変更してください。数字が大きくなるほど行間は広がります。
通常は1.7~2.0にしている人が多いですが、大胆に2.4と広くしている人もいます。
これはサイトコンテンツの性格やジャンルにもよると思います。
全ての調整が終わったら、保存してサイト生成、スタイルシートをアップロードします。(全てのファイルをアップロードでもOKです)
フォントサイズの考え方
サイト制作者やターゲット年齢層でフォントサイズを変更する人は多いですね。
年配向けサイトならPCとスマホ両方とも16px表示、60代向けサイトなら17~18px表示、20代向けサイトならPC15px表示にしたりなど、多⓪ゲットとジャンルで意識して変えている方もいます。(私もです)
文字サイズが小さいと、見にくくて閉じてしまいたくなるんですよね。内容も頭に入ってきにくいですし。
以上、SIRIUSのスマホサイトの文字サイズ(フォントサイズ)を変更する方法でした。
ツイート

個人の好みよりも、そのサイトを見る人がどのくらいの文字サイズが見やすいのかを考えて設定してあげる必要があります。
スマホ実機でも必ず確認することをお勧めしますよ。私は必ずiPhone5sと6s、Andoroid機の3つでチェックします。
関連ページ一覧
購入者様専用(パスワード制)
今後このシリウスカスタマイズカテゴリ情報等はパスワード閲覧方式に致します。当サイトからのご購入者様で、購入時に発行しているメールマガジンにご登録頂いている方にはパスワードを発行しております。閲覧の際に入力のうえ、ご利用ください。
SIRIUS新テンプレートでヘッダー画像をループさせる方法 | SIRIUSカス...
東北で法人アフィリエイト事業、ウェブマーケティング事業を行っているです。今回は、SIRIUS Ver1.5以降の新ビジネステンプレートにて、ヘッダー画像を複数枚ループさせるカスタマイズをご紹介します。実際にカスタマイズを適用したデモサイトは...
リンクを凹ました感じに見せる方法 | SIRIUSカスタマイズ

当SIRIUS紹介ホームページでも取り入れていますが、リンクが付いている文字列や画像の上にマウスカーソルをあてると下に動いて凹んだ感じに見えます。「リンクを押してる!」という感じを与える効果があります。その方法をご紹介します。スタイルシート...
マウスオーバー時に画像リンクの色を薄くする方法 | SIRIUSシリウスカスタマ...

当ホームページの画像リンクは、マウスカーソルを当てると画像が白っぽい色に変わります。この効果は訪問者に「この画像はリンクが貼ってあるんだ」という印象を与える効果があります。これも簡単なカスタマイズで可能です。スタイルシートに書き加えるSIR...
マウスオーバー時に画像を変える方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスでマウスオーバー時に画像を変える方法を説明します。(ロールオーバーと言います)下に貼り付けた2つの画像はこのページにリンクを貼った画像ですが、マウスカーソルを載せる(マウスオーバー)と画像が変わるように工夫しています。右...
フリースペースを増やす方法1 | SIRIUSシリウスカスタマイズ

2カラムテンプレートのフリースペースを通常の4個から6個へ増やす方法をご紹介します。フリースペースを多く設けることでプロフィール欄や広告欄としての活用スペースが広がります。 HTMLテンプレートに書き加えて編集SIRIUS編集画面の上...
フリースペースを増やす方法2 | SIRIUSシリウスカスタマイズ

フリースペースを増やす方法をもう一つご紹介します。(2カラムテンプレートのフリースペースを増やす方法その1はこちら)この方法ではHTMLテンプレートを編集する必要は無いので、簡単に出来ます。通常のフリースペース記述画面でタグを打ち込むSIR...
更新履歴の位置を変更したり消去する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスの更新履歴表示は、デフォルト設定ではトップページの下部に表示されます。HTMLを少しカスタマイズすることで、これを上部に持っていくこともできます。SIRIUSシリウストップページの更新履歴表示場所の変更方法上部リボンバー...
クラス設定でHTMLをスッキリ! | SIRIUSシリウスカスタマイズ

SIRIUSシリウスにはクラス設定機能があります。クラス設定とは、スタイルシートでspanで設定してから、タグ入力を簡略化するためのものです。HTMLファイルはなるべく簡素化した方が見やすく、ページの読み込みスピードも速くなる為、検索エンジ...
グーグルアナリティクスを導入する | SIRIUSシリウスカスタマイズ

自分のホームページやサイトにどのくらいアクセスがあったか、訪問者がどんなページを見ているか等を解析する「アクセス解析」を導入しましょう。いろんなアクセス解析サービスがありますが、中でも1番使われているのが「グーグルアナリティクス(Googl...
意外と知られていないプレビュー機能 | SIRIUSシリウス小技

SIRIUSシリウスでサイト作成を作り続けていると、レイアウトが気になってよくプレビューをします。すると、ブラウザのタブがいつの間にか凄い数に増えてしまいます。「このタブの無限増殖、なんとかならない?」と感じている人の悩みを一発で解消する機...
canonical属性を付加する方法 | SIRIUSシリウスカスタマイズ

2009年にグーグルが導入したcanonical属性というものがあります。これはURLを正規化して検索エンジンに迷わせない目的の為のものです。グーグルウェブマスターツールでも公式説明が掲載されているので参考にしてみてください。→Google...
画像を圧縮軽量化してサイト表示スピードを速くする | SIRIUSシリウス小技

画像の多いページを開くと、表示スピードが遅くて待つのがイヤだな~と感じた経験はありませんか?PCスペックが高くなってネット回線が速くなったとはいえ、大きくて重い画像が多いサイトだと見る側にとっては不便さを感じてしまいます。さらに、グーグル側...
スマホと携帯サイトでこれは気を付けよう | SIRIUSシリウス小技

SIRIUSシリウス上位版ではスマートフォン用サイト自動生成機能が使えます。画像やその他のサイズも自動でスマホ用に自動最適化されるので、素晴らしい機能です。しかし、訪問者にとって必要な「ある表示」が自動で出来ない欠点を持っています。SIRI...
ソーシャルボタンを追加・設置する方法 | SIRIUSシリウス小技

こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスに「はてなブックマーク」「ツイートボタン」「フェイスブックいいね」「LINEボタン」を横並びに設置する方法をご紹介します。SIRIUSシリウ...
ページの前後に自動でソーシャルボタンを挿入する方法 | SIRIUSシリウスカス...

ソーシャルボタンを1ページごとに挿入するのは面倒という人は、今回紹介する方法を試されてはいかがでしょうか。前回の記事:「ソーシャルボタンを増やす方法」で作成したソーシャルボタンモジュールを応用すれば、ページに簡単にソーシャルボタンを自動挿入...
SIRIUSシリウスにメールフォームを作る方法 | SIRIUSシリウス小技

SIRIUSシリウスに無料でメールフォームを設置してみます。なお、以前使っていたphp工房で入手できるメールフォームプラグラムは、phpバージョンの変更とiOS(iPhoneのOSバージョン)の進化で使えなくなってしまいました。ですので、2...
SIRIUSビジネステンプレートのドット柄を消す方法 | SIRIUSシリウスカ...

SIRIUSシリウスのビジネステンプレートはデフォルトでヘッダー横にドット柄が入っています。これを消してスッキリ見せる方法をご紹介します。スタイルシートを編集します今回は簡単、スタイルシートを1か所編集するだけです。SIRIUSシリウス上部...
SIRIUSシリウスで行間を変更する方法 | SIRIUSシリウス小技

SIRIUSシリウスの文字行間を変更する方法をご紹介します。超簡単ですのであっという間に終わってしまいます。SIRIUSシリウスのデフォルト行間はこのくらいSIRIUSシリウスデフォルトの行間はこのくらいです。フォントサイズで見え方が違いま...
ページタイトルと表示されるタイトルを変える方法 | SIRIUSシリウス小技

ページタイトルと表示されるタイトルを変える方法です。シリウスでは超簡単に設定できるので、まだ活用していない人はチェックしてみてください。もうちょっと具体的に・・・「ページタイトルと表示されるタイトルを変える」というのを具体的に説明します。こ...
シリウスのサイトにフェイスブックコメント欄を設置する方法 | SIRIUSシリウ...

このホームページでも使っていますが、シリウスのサイトにコメント機能を設置する方法をご紹介します。facebookのコメント欄になってしまうのですが、現在利用者は多いことと、誰でも簡単に設置できることから利便性は高いと思います。こんなコメント...
画像やボタンにアフィリエイトリンクを貼る方法 | SIRIUSカスタマイズ

SIRIUS(シリウス)で画像にアフィリエイトリンクを貼る方法です。今回の説明では、A8.netからアフィリリンクを取得した方法をご紹介します。画像やボタンの用意アフィリエイトリンクを貼りたい画像を用意しましょう。今回はSIRIUS(シリウ...
ビジネステンプレート上部にロゴ画像を差し込む方法 | SIRIUSシリウスカスタ...

SIRIUS(シリウス)ビジネステンプレートの上部にロゴ画像を差し込む方法です。ビジネス向けのサイトの場合会社のロゴに社名を入れていたり、趣味やアフィリエイトサイトでもサイトテーマのロゴとサイトイトルを入れているページを見かけます。もしロゴ...
簡単!シリウスにメールフォームを作る方法 | SIRIUSシリウス小技
以前SIRIUSシリウスにメールフォームを作る方法を紹介していますが、もっと簡単にSIRIUSシリウスにメールフォームを設置する方法をご紹介します。→こんなメールフォームです。無料で超簡単なかわりに広告が入ってしまいますが、有料にバージョン...
スマホサイトにソーシャルボタン設置を忘れるな | SIRIUSシリウスカスタマイ...

SIRIUSシリウス使用者は上位版ユーザーが9割に上ります。スマホでネット見る人増えていますしね。ブログやサイト運営者で無い限り、家でPCを触る人は年々減少傾向です。だからこそ、スマホや携帯サイトなどのモバイルサイトに、ソーシャルボタン設置...
指定したページだけに特定のスタイルを割り込ませる方法 | SIRIUSシリウスカ...

「 SIRIUS(シリウス)であるページだけ、マウスオーバーした時に画像が白っぽくなるようにしたいんです 」というお問い合わせがありました。なるほど、そういう風にしたい人もいるんですねと思い、方法を記載しておきます。シリウスの上級者向け設定...
スタイルシートで変えられない色を変える方法 | SIRIUSシリウスカスタマイズ

私のSIRIUSシリウスサイト閲覧してくださっている方から質問があったので、返答としてやり方をアップします。SIRIUSシリウスでは文字やちょっとした背景の色等は、スタイルシートでの変更が可能です。しかし、画像をはめ込んでいる部分はスタイル...
シリウスSIRIUSにFeedlyボタンを設置する方法 | SIRIUSシリウス...

RSSリーダーとしてメジャーだったGoogleリーダーが終了しました。その代りにFeedly利用者が増えています。今日から当サイトにもFeedlyボタンを設置しました。今回のSIRIUSシリウスカスタマイズでは、以下の解説を行います。RSS...
シリウスにRSSボタンを設置する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスにRSSフィードボタンを設置する方法を解説します。当サイトのサイドメニューにも設置しています。Feedlyが流行しつつあるとはいえ、RSSリーダーを使用している人はまだまだ多いものです。スマホのRSSリーダーも未だ多く...
シリウスSIRIUSでaltタグ(アルトタグ)の使い方 | SIRIUSシリウス...

SIRIUS(シリウス)で画像を挿入する時に、altタグを挿入する部分が1番上に出てきます。この部分、ちゃんと入れてますか?楽して横ボタンのMETAキーワードのボタンを押しクリックしちゃいけませんよ。altタグのSEO効果検索エンジンは日々...
SIRIUSシリウスで画像メニューを作成 | SIRIUSシリウス小技

SIRIUSシリウスのサイトでたまに見かける画像メニュー作成方法を解説します。シリウスに慣れたら挑戦してみてはいかがでしょうか。このコンテンツ詳細はシリウス・ルレア・バナープラス購入者会員専用ページへ移動しました。画像メニューを使うことで、...
シリウスにツイッターを設置・連携する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスにツイッターウィジェットを設置する方法です。当ホームページにも今日からサイドバーに設置してみました。簡単ですので、ホームページ・サイトとツイッターの相性が良ければ設置してみてはいかがでしょうか。訪問者様との双方向の交流が...
シリウスで記事途中に飾り枠を入れる方法 | SIRIUSシリウスサイト作成

SIRIUS(シリウス)の記事作成画面、右側にある、「記事1~記事10」の使い方、記事の途中に飾り枠を入れる方法を解説します。この使い方、意外と悩まれる人が多いようなので今回シェアしておきます。記事の途中に飾り枠を入れる方法、例えばこうです...
シリウスで関連ページ一覧を消す&表示方法 | SIRIUSシリウスカスタマイズ

先日、当SIRIUS(シリウス)サイトにこんな質問を頂きました。「カテゴリ内にエントリページを30ページ作りました。30ページ全てに同じキーワードが入っているので、スパム判定されないか心配です。この一覧部分を消す方法はありませんか?SIRI...
シリウスでヘッダー画像にトップへのリンクを貼る方法 | SIRIUSシリウスカス...

東北で法人アフィリエイト事業、マーケティング事業を行っているです。SIRIUS(シリウス)でヘッダー画像にトップページへ戻るリンクを貼る方法をご紹介します。⇒ヘッダーにトップページリンクを貼ったテストサイトユーザビリティ向上を考える方はトッ...
シリウス(SIRIUS)で自動ループする画像の設置方法 | シリウスSIRIUS...

※こちらはマナからの購入者様専用サイトにて、設置方法を公開しています。ビジネスや企業サイトで上記のような切り替わり画像を見たことがありませんか?実はSIRIUS(シリウス)でも設置出来ます。これを利用して、ビジネス・企業向けホームページサン...
シリウスでスマホ専用サイトの作成方法 | シリウスSIRIUS小技

SIRIUS(シリウス)でスマホサイトを作成する方法をシェアしておきます。iPhoneサイト自動生成のことではなく、PCで見た時でもスマホサイトが表示されるようにするサイトを構築する方法です。私がシリウスでスマホ専用サイトに処理したサンプル...
シリウスでフッターにリンクを追加する方法 | シリウスSIRIUSカスタマイズ

SIRIUS(シリウス)でサイト下の部分のフッターに、リンクを追加する方法をシェアしておきます。編集 → HTMLテンプレートを開きます。「★フッターここから~~~フッターここまで★」の部分を探します。上記の場所に、リンクタグを挿入して保存...
シリウスの特定ページにnoindexタグを挿入する方法 | SIRIUSシリウス...

SIRIUS(シリウス)での特定のページにnoindexタグ、noarchiveタグ等を挿入する方法をシェアしておきます。同じドメインサイト内に質の低いページや同じような内容のページがある場合、SEO上ではマイナス要素になる場合があります。...
シリウスでテーブルの幅や位置を調整する方法 | SIRIUSシリウスカスタマイズ

SIRIUS(シリウス)のテーブル機能で、テーブルの横幅と位置を調整する方法をご紹介します。通常、シリウスでテーブルを挿入するとカラム横幅いっぱいに表示されてしまいます。これを好みの幅や位置に合わせたい方もいるようですので、やり方をシェアし...
シリウス新バージョンのレビュー | SIRIUSシリウスカスタマイズ

2015年5月31日、SIRIUS(シリウス)はスマホ対策を強化するバージョンアップを行いました。バージョンアップ内容は以下のとおり。iPhoneサイト設定にMobileLinkDiscoveryの設定項目を追加テンプレート、および共通ファ...
シリウスサイト引っ越し301リダイレクトをする方法 | シリウスカスタマイズ

SIRIUS(シリウス)で作ったサイトから他のサイトへの引っ越しをする際、301リダイレクトという方法があります。例えば以前のサイトが上位表示していた場合、新しいサイト引っ越しをする際に、301リダイレクトをすることで前のサイトから新サイト...
シリウスビジネステンプレートロゴ画像を高さ100pxまで変更する方法 | シリウ...

SIRIUS(シリウス)ビジネステンプレート上部のロゴ画像の高さを変更して、最大100pxまで使用する方法です。今回の方法はご購入者様からご質問があったカスタマイズです。一応やり方をシェアしておきます。ロゴ画像を100pxのものに変更SIR...
シリウスの記事コンテンツ背景を変更する方法 | シリウスカスタマイズ

今回のサイト作成ソフト「SIRIUS(シリウス)」カスタマイズでは、記事コンテンツ部の背景を変更して、イメージをガラリと変える方法をご紹介します。SIRIUS(シリウス)の場合、コンテンツ背景部分は白の一色のみですが、この方法を使えば黒にし...
シリウスのサイトにyoutube動画を貼り付ける方法 | シリスウソフトネタ

購入者様からの質問コーナーです。SIRIUS(シリウス)のサイトにYoutube動画を貼り付ける方法です。シリウス問わず、WordPressなどのHTMLサイト全てに利用できる方法です。youtube側の仕様がコロコロ変わってしまう為、20...
SIRIUS(シリウス)に画像貼り付けの小技 | シリウスカスタマイズ

東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。SIRIUS(シリウス)に画像貼り付けるちょっとした小技をご紹介します。知ってる人は多いと思うんですが、念のためご紹介。知ってたらちょっと便利になるかもしれない画像貼...
シリウスのクロスリンクを無効化する方法 | SIRIUSシリウスカスタマイズ)

シリウスのクロスリンクを無効化する方法をご紹介します。グーグルがかしこくなりつつあるので、シリウスのクロスリンク手法はもはや廃れたと言って良いと思います。自動的に自サイトに貼られるリンクが低品質なものが多いので、今後はほかの方法で被リンクを...
シリウスでcanonicalタグ使い方おさらい | シリウスカスタマイズ

先日当サイトにcanonicalについてのお問い合わせがありました。canonicalについては私も100%の理解ではないかもしれませんが、知り得る限りで情報をシェアしたいと思います。1.シリウスのサイトオプションで設定できるwww有り無...
シリウスであまり知られていない内部構造改善対策 | シリウスカスタマイズ

今回のシリウスカスタマイズ記事は、特典用の会員専用にしていないので、誰でも見ることができます。久々の更新ですのでサービスです。では早速本題。SIRIUS(シリウス)はサイト作成を効率的に行える素晴らしいソフトなんですが、内部構造は特に気にし...
Monputiテンプレの効果的、かもしれない使い方1 | シリウスカスタマイズ

先日シリウスであまり知られていない内部構造改善対策でH2とH3の使い方を軽く説明したのですが、私の説明力不足で意図が伝わりにくかったようですので補足します。シリウスのデフォルト構造Monputiテンプレでは、記事2~記事10のタイトル部はH...
SIRIUSシリウス記事の途中に自動でアドセンスを入れる方法 | シリウスカスタ...

こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。SIRIUS(シリウス)はサイトアフィリエイトに向いている手法ですが、サイトによってはブログのように利用してアドセンスを貼っている方もいます(私もですが)...
ドロップボックスを利用してシリウスを複数PCでデータ共有する | シリウスカスタ...

ドロップボックスにSIRIUS(シリウス)をインストールする方法と注意点をご紹介しておきます。ドロップボックスにシリウスをインストールするメリットドロップボックスというオンラインクラウドストレージサービスがあります。ドロップボックスにシリウ...
シリウス追加テンプレートのサイドバー幅変更方法 | シリウスカスタマイズ

今日はシリウス追加テンプレートの発売日でした。今回のテンプレートはランキング機能に対応、レスポンシブウェブ対応、テーマも6種類と充実しているだけあって、多くの方が購入されたと思います。・・・が!!!シリウスのサイドバー幅は相変わらず「狭い」...
シリウスデフォルトテンプレートのサイドバー広げ方 | シリウスカスタマイズ

このカスタマイズ方法は、当サイトでの紹介商品購入者様専用カテゴリーで公開しています。シリウスデフォルトテンプレートの、サイドバー広げ方に対する質問があまりに多い為、やり方を公開することにします。やり方を公開したところで結構面倒で時間もかかる...
このサイトを作るときにやったこと | シリウスカスタマイズ
当コンテンツは、当サイトでの購入者様会員専用です。このコンテンツでは、当サイトを作るときの案出し注意点ライバル調査構築上気を付けたこと作りかたなどを書いてみました。⇒会員専用の方はこちらでご覧になれます。カスタマイズ講座専用のIDとパスワー...
シリウス追加テンプレートで画面の拡大縮小(ピンチイン・アウト)を実装する方法 |...

シリウス追加テンプレートが限定発売・終了されて、そろそろサイトに実装される人も増えてきたかと思います。このテンプレートはレスポンシブ対応ですが、の初期設定だとスマートフォンで見た時に、親指と人差し指で操作する画像の拡大縮小(ピンチイン・ア...
シリウスランキング機能のアフィリリンクにどのタグを入れるか | シリウスカスタマ...
先日あった当サイトへの質問。質問者:Yさんシリウスのランキング機能を使おうとしているのですが、URL部分にはA8ネットで生成されるアフィリエイトリンクのどれを入れれば良いのでしょうか?言われてみれば確かに。どのASPでも生成されるアフィリエ...
シリウスにスライダー(BxSlider)を実装する方法 | シリウスカスタマイズ

シリウスにBxSliderプラグインを用いて、スライダーをリンク付きで実装する方法です。トニーさんの酵素ダイエットサイトでスライダーインパクトがとても面白かったので、シリウスで初心者でも簡単に実装出来るようにちょっと工夫しました。※2014...
シリウスにサムネイル付BxSliderを実装する方法 | シリウスカスタマイズ
※こちらのカスタマイズも会員専用でご紹介しております。前回、シリウスにBxSliderを表示させる方法をご紹介しましたが、今回はその下にサムネイルを表示させる方法です。サムネイルをクリックすると、その画像にスライドするようになっています。ス...
シリウス(SIRIUS)でアドセンスや広告を左右横並び貼る方法 | シリウスカス...
SIRIUS(シリウス)購入者様からの質問&解決をシェアしておきます。先日、シリウスBテンプレをダウンロードさせていただき、それを使ったサイトの「メインカラム下」のフリースペースに、googleアドセンスの『300×250レクタングル』を横...
グローバルメニューが2段(2列)になる場合の対処法 | シリウスカスタマイズ
SIRIUS(シリウス)のよくある質問で、グローバルメニューを6個にしたら、プレビュー画面では1段(1列)になっているのに、アップロードしてサイトをチェックしたら2段(2列)になってしまいます。というものがあります。私も過去にこの現象で困っ...
SIRIUSスマホサイトの文字サイズ(フォントサイズ)を変更する方法 | シリウ...

SIRIUS(シリウス)上位版では、PCサイトを簡単にスマホサイト(iPhoneサイト)に変換できる機能があって便利です。しかし、サイトオプションで変更できる文字サイズはPCサイト用だけであり、スマホ用のサイトはCSSファイルを手動で弄る必...
スマホサイトにパスワードをかける方法 | シリウスカスタマイズ

シリウス(SIRIUS)ご購入者様からの質問です。【質問内容】シリウススマホサイト同時生成をした場合の、パスワードによるアクセス制限を行いたいです。ロリポップだとPCサイトには簡単にパスワード設定をかけられましたが、スマホから閲覧すると上手...
シリウス(SIRIUS)でも「スマホ対応」表示に問題は無し | シリウスカスタマ...

Googleは、スマホ対応しているかどうかをモバイル検索のランキング要因として使用することを発表しました。4月21日からの導入を予定しています。またApp Indexingに対応したアプリコンテンツもランキング要因として利用するようにしまし...
シリウス(SIRIUS)のモバイルユーザビリティエラーについて状況と対処 | シ...
SIRIUS(シリウス)のスマホサイト(iPhoneサイト)について、「モバイルユーザービリティによる警告が来た!」「スマホ対応表示がされない!」という人がいるようです。現時点での状況と考えられる対処策をまとめてみます。サイトやテンプレート...
シリウス(SIRIUS)のスマホサイト作成で便利な技と注意点 | シリウスカスタ...
グーグルが2015年4月21日から、スマホ対応してないサイトの検索順位を下げる方針を発表しました。ここで1度SIRIUS(シリウス)でのスマホサイト関係の機能をおさらいしておきます。シリウスSIRIUS通常版の人これからはスマホ対応は必須に...
シリウス(SIRIUS)レスポンシブテンプレートのサイドバー幅変更調節方法 | ...

2015年4月14日にSIRIUS(シリウス)公式側で、誰もが利用できるレスポンシブテンプレートを配布しました。このテンプレートのサイドバー幅を変更・調節する方法をご紹介します。例:今回はサイドバー幅を250pxに変更デフォルトのシリウスレ...
シリウス(SIRIUS)でYoutube画像埋め込みのレスポンシブ化 | シリウ...
SIRIUS(シリウス)でYoutube動画を埋め込む際、埋め込みコードには幅と高さが指定されてしまっているので、通常のテンプレート、レスポンシブやスマホサイトにした場合に動画の幅がコンテンツからはみ出てしまいます。今回はあるカスタマイズを...
SIRIUSのモジュール機能の使い方と活用方法 | SIRIUSカスタマイズ
意外と使いこなされてないSIRIUSの便利機能の一つに「モジュール機能」があります。特にサイト作成・アフィリエイト初心者の場合は「モジュール機能?どうやって使うの?」と思われるでしょう。使い方・用途をしっかり理解すれば、すっごく便利でサイト...
SIRIUSのブラウザ(chrome)プレビューが遅い場合はFirefoxに変え...
最近SIRIUSのプレビュー表示が遅くなりました。ブラウザはグーグルクロムを使っています。何か対処法は無いでしょうか?プレビューのブラウザをFirefoxに変更すれば解決されると思います。SIRIUSもレスポンシブウェブ対応テンプレートが出...
SIRIUSの作業効率を上げる便利なショートカットキー | SIRIUSカスタマ...
意外と知られていないんですが、次世代型サイト作成システムSIRIUSではショートカットキーを利用することができます。SIRIUSのショートカットキー一覧ショートカットキー動作F1キー『ヘルプ』を表示するF2キー『サイト全体設定』を表示するF...
SIRIUSで特定のページを1カラムにする方法 | SIRIUSカスタマイズ
2カラムテンプレートを使っていて、特定のページだけを1カラムページにする方法です。これも意外と知らないSIIRUSユーザーがいるので、やり方を説明しておきます。fine&grandテンプレートの説明書サイトで1カラムのデモページを作ってあり...
SIRIUSレスポンシブで画像の横並びをスマホサイトで解除する方法 | SIRI...
SIRIUSはアフィリエイトバナーや画像を横並べにする場合、「レイアウト枠」機能が便利です。2つ横並べするなら、50%&50%で区切って、「左列はここから~ここまで」と、「右列はここから~ここまで」の間に画像やバナータグを置けば、それで簡単...
SIRIUSでトップページだけ簡単に1カラムにする方法 | SIRIUSカスタマ...
マナです。次世代型サイト作成システム「SIRIUS」で、『トップページだけ1カラムに、他のページは2カラムにしたい!』と思ったことはありませんか?先日、偶然にも簡単に1カラムにカスタマイズ出来る方法を見つけましたのでご紹介します。SIRIU...
SIRIUS(シリウス)でページごとにヘッダー画像を別々に表示させる方法 | S...
SIRIUSで作るサイトはページごとにヘッダー画像を別々のものに変えることができます。ですがレスポンシブウェブテンプレートの場合は、HTMLのカスタマイズが必要になります。通常のSIRIUSテンプレートの場合まずは通常のテンプレートの場合で...
SIRIUSでの作成サイトが増えた時に役立つフォルダ分け整理方法 | SIRIU...
こんにちは。東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。当サイトからのご購入者さんから「サイトが増えた場合のフォルダ分けってどうやるんですか?」とご質問頂きました。「あれ、そういえばフォルダ分けなんてしたことな...
ワードプレスサイトの下層にSIRIUSのページやサイトをアップロードする方法 |...
こんにちは。東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。ご購入者様から「ワードプレスで作ったブログ(サイト)と同一ドメインの下層にSIRIUSで作ったサイトやページをアップロードしたい」というご質問を頂いたので...
SIRIUSで同一階層にページを生成する方法 | SIRIUSカスタマイズ
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)には記事のサイト生成を全て同一階層にできる方法があります。サイトオプション > ファイルに関する設定 > 各ファイルの生成先ファイルを、...
SIRIUSのカテゴリーページ一覧をタイトルだけにする方法 | SIRIUSカス...
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)でカテゴリーページトップの記事一覧表示は、通常だとこんな感じで、サムネイル画像+説明文で下に長くなります。ですが、ちょっとしたカスタマイ...
SIRIUS(シリウス)のサイトをSSL化する方法
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)の既存サイトをSSL化(URLをhttpsに)する方法をご紹介します。手持ちの5サイトを使って練習・検証しました。エックスサーバー使用を...
SIRIUS(シリウス)のサイト・ホームページ内でブログを作って運営する方法 |...
SIRIUS(シリウス)でサイト・ホームページを作って、さらにその中でブログも運営したいと思っています。どのような方法があるでしょうか?SIRIUSのサイト(ホームページ)内でブログを作って運営する方法は4通りあります。サイト(ホームページ...
最初からSSL化してSIRIUSで新規サイトを作る方法 | SIRIUSカスタマ...
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。グーグルさんが「SSL化をサイト評価に加えていくよ」とアナウンスしたことで、サイトをSSL化する人が増えてきました。これからは新規サイトは全て最初からSSL化し...
SIRIUSにグーグルマップを設置する方法 | SIRIUSカスタマイズ
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSにグーグルマップを設置する方法をご紹介します。なお、iPhoneサイト同時生成をしている場合と、レスポンシブテンプレートを使われている場合は、スマー...
SIRUSでカテゴリーごとに違う広告を掲載する方法 | SIRIUSカスタマイズ
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。「カテゴリーごとに別々の広告を掲載したいのです」とご相談がありましたが、SIRIUSにはそれに適する機能がありません。他のやり方を考えてみました。モジュール機能...
ロリポップサーバーでSIRIUSのサイトをSSL化する方法 | SIRIUSカス...
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。エックスサーバーに続きロリポップサーバーでもSSL証明が無料で取得出来るようになりました。こちらのコンテンツでは、ロリポップサーバーを使ったSIRIUSサイトの...
SIRIUSのサイトにメールフォームを埋め込む方法 | SIRIUSカスタイズ
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスのページにメールフォームを埋め込む方法です。ここでは、無料で使いやすいフォームズのサービスを元に解説します。メールフォームの埋め込み例まず、...
iPhoneサイトからレスポンシブウェブテンプレートに変更する場合 | SIRI...
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスで、今までiPhoneサイト同時生成機能を利用してスマートフォンサイトを作成している状態で、「今からレスポンシブウェブテンプレートに変更した...
SIRIUSで作成したサイト・ページの更新日をGoogle検索結果に表示させる方...
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスで作成したサイトやページのぐGoogle検索結果には、通常は日付けが入り込まないケースが多いです。ですが、このカスタマイズをすることで、検索...
SIRIUSをワンドライブ(OneDrive)で利用する方法
こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスを複数台PCで使う方法としてはクラウドストレージのDropboxを使う方法を今までご紹介しておりました。弊社ではこの度マイクロソフトのワンド...