シリウスのサイドバー幅は「狭い」ですね、もうちょっと広くならないかなぁ〜・・・って思いますよね。今回シリウスのビジネステンプレートの2カラムでメニューの横サイズを拡張する手順を解説いたします。ステップ1：背景画像を削除するメニューのグレー背景はメニューを拡張した際は背景よりメニュー枠がはみ出しますの...
≫続きを読む
シリウスのサイドメニューのフリースペースは、上に1つ、下に1つ全部二つあります。しかし、もっとフリースペースに情報を載せたい場合の増やす方法をご紹介します。方法1：HTMLテンプレートに書き加えて編集SIRIUS編集画面の上部リボンバー ＝＞ 編集から「HTMLテンプレート」を開きます。「サイドメニ...
≫続きを読む
シリウスでの『更新履歴』の場所は通常ページの一番下にありますが、この位置をページ上部などに変更したい場合には簡単に変更を行なうことが出来ます。SIRIUSシリウストップページの更新履歴の場所の変更方法上部リボンバーの編集 → HTMLテンプレート編集 をクリックします。＜通常モードここから〜通常モー...
≫続きを読む
SIRIUSシリウスのデフォルトテンプレートでトップページでの更新履歴は元々は下図のようです。変更後、こんなになります今回自分のサイトにイメージを合わせた更新履歴の変更方法を説明したいと思います。ステップ1：更新したい背景画像を作成更新履歴と背景はすべて画像なのですが、更新したい画像を入れ替えるだけ...
≫続きを読む
SIRIUSシリウスの更新履歴枠は直線的で和やかな雰囲気が感じませんが、打ち出す枠に丸みをつけることでややの優しさを打ち出せますね。さらに、影をつけることで強調することもできます。今回更新履歴枠の角を丸くすると影をつける方法をご紹介したいと思います。スタイルシート編集上部リボンバーの編集 → スタイ...
≫続きを読む
上記の画像にカーソルを置いてみてください、画像がぴょこっと動いたね。シリウスで作ったHTMLサイトは、このリンク対象物をマウスオーバーでぴょこっと動かす設定ができます。リンク画像を動かす設定方法シリウスを使って、この設定をする場合は、シリウスのスタイルシート（CSS）に該当の記述コードを追加するだけ...
≫続きを読む
プロフィールは、サイトの運営者がどのような人なのか、読み手に対して自己紹介できるとても重要な項目です。プロフィールを設置することによって、信頼関係を築くことができます。SIRIUS（シリウス）を使えば、サイドバーにプロフィールを設定することが簡単にできます。ここで、その設置方法を解説します。サイドバ...
≫続きを読む
SIRIUSシリウスには、頻繁に使うクラス（class）を登録しておくための「クラスの設定」が搭載されています。HTML や CSS があまりわからない方にはちょっと敷居が高いかもしれません。でも一回実際にやってみたら、なんとなく分かると思います、実践することが大切なのです。ブログで書いた記事の中で...
≫続きを読む
自分のブログにメールフォームがあれば、読者とのコミニュヶーションを取ることができます。そしてサイトそのものが生来ている媒体になります。良いサイトであれば読者からの疑問への対処など様々な読者の要望に答えることができるからね。ロリポップやエックスサーバーなどのレンタルサーバーに加入していれば無料メールフ...
≫続きを読む
１つの記事が非常に長くなってしまう場合がありますね。その場合、一番見て欲しいページ内の特定の場所に訪問者を飛ばしたいですね、それに他のページの指定の場所（ページ内の特定の場所）に訪問者を飛ばしたいケースも有ります。例えば、下記リンクをクリックすると、このページの見出し「ページ内リンク先」まで移動しま...
≫続きを読む
上図のようにボタンを動いてますね。やっはり、動くものに興味を持ちます、ついついクリックしちゃうなんてあなたもありませんか？ここではSIRIUSで、 動くボタンを作り方を説明したいと思います動くボタンの作成方法ステップ1、SIRIUSでボタンバナーを作ります。作り方はSIRIUS ｢ボタン画像作成機能...
≫続きを読む
アフィリエイトサイトを作っていると広告スペースを設置しますね。特にサイドメニューは広告を載せやすいです。しかしページをスクロールするとその広告は当然のことながら視界から外れてしまいます。最近はサイドメニューのスクロールが終わるとそのまま最後に表示されていた広告がストンと止まって固定表示されるサイトが...
≫続きを読む
SIRIUSシリウスで作成した記事をカテゴリー内に配置すると思います。しかし、カテゴリーは１つしか選べません。するとサイドメニュー上での表示も、選択したカテゴリー下にしかその記事へのリンクは表示されないことになります。1つの記事が複数のカテゴリーに属していた場合、その登録する方法をご紹介したいと思い...
≫続きを読む
SIRIUS（シリウス）には蛍光ペン機能があります。SIRIUS（シリウス）の蛍光ペンはこんな感じです。↓ ↓ ↓蛍光ペンしかし他と差別化を図りたい、もっと格好よくみせたいとき、どうすればいい？ここでは、SIRIUS（シリウス）の蛍光ペンをカスタマイズしてみましょう。例えば、こんな感じができます。1...
≫続きを読む
物販サイトなどは、スクロールが長いページが多いかと思います。延々とスクロールしないと最後までたどり着きません（汗！そこから先頭まで戻ろうと思ったら、マウスのスクロールボタンを何回くるくるしないといけないです。そんな中、ワンクリックで「スルスル〜」とトップへ戻れたら、グローバルメニューやサイドメニュー...
≫続きを読む
今回は上図のようにSIRIUSシリウスの見出しフォントに影をつける方法をご紹介したいと思います。見出しフォントに影をつける方法フォントに影を付けるCSSのタグ影を付けるタグは 『text-shadow: 2px 2px 2px #000000;』です。1つ目のpxは横の影の位置を指定する2つ目のpx...
≫続きを読む
サイトに動画があると訪問者を足止めする効果があり、サイト滞在時間が長くなって SEO的にも有利になります。今回はシリウス(SIRIUS)のサイトにそのYoutube動画の『埋め込み』方法を説明します。youtubeで埋め込みコードを取得貼り付けたいYoutube動画を開いて、『共有』 ⇒ 『埋め込み...
≫続きを読む
サイトを作成する上に、会社案内とか販売店の紹介などで地図を添付したいときがありますよね。しかしこれを一から設計していったのでは手間と時間がかかりすぎます、そもそもプログラムなどを全く知らない方にとっては敷居が高すぎますね。そんな時に便利なのが『Google Maps API』という Googleが提...
≫続きを読む
記事をスクロールなどすると、画面右下に以下のような「トップへ戻るボタン」が表示されますね。今回は、上記のような「トップへ戻るボタン」を以下のような画像に変更する方法を紹介します。トップへ戻るボタンに画像を使用する手順1、画像を用意するまずは、「トップへ戻るボタン」で利用するための画像を準備します。今...
≫続きを読む
上図のように画像が横に自動的にスライドして、注目を集めやすくなりますね。ショップサイトなら、商品を陳列する際スペースがない場所でも自動でスクロールさせて動かすことで、多くの商品をお客さんの目に止めることが可能になります。ここでは、SIRIUSで画像が横に自動的にスライドする方法をご紹介したいと思いま...
≫続きを読む
左図のように、画像を振り子のように左右に揺らして、注目されやすくなります。実はSIRIUS(シリウス）でもこれを簡単に実装できます。今日この実装方法をご紹介したいと思います。参考にしてみてください。 画像を工夫すると、面白いのができますよ。SIRIUS(シリウス）で画像を振り子のように左右に揺らす実...
≫続きを読む
<MARQUEE>マーキータグはInternet Explorerが独自に追加したタグで、元々文字を左右＆上下にスクロールさせるように使います。そのマーキータグを使えば、わざわざＧＩＦアニメを作らなくても、画像をひとつ用意するだけで 手軽に動かすことができます。ここではそのマーキータグを...
≫続きを読む
