TOP

ホットでクールなナイスなテンプレート作成の基礎解説

ネット上でリサーチすれば、HTMLテンプレートが無料..又は有料等々の
情報が存在しておりますね

 

あちこち調べて慎重な判断のもとシリウスを購入されたはず... 

 

しかし....以降何かしらで偶然出会う新たな情報群...

 

シリウスでは表現できないようなナイスで綺麗な素晴らしいデザイン系..
カスタムテンプレート等に出会うと..

 

シリウスでよかったのかなと?

 

悩んれる方もおられるでしょうね

 

 

シリウスではネット上で見られる素敵なHTMLテンプレートは
作れないのですか? .

 

という質問が 頻繁によせられます

 


 

 

以前はそのような質問にシリウスにも限界はございます...
ある程度以上の高度なデザインを願うなら..その該当サービスを
ご利用ください...

 

何て..ご返事をしておりました

 

しかし、私の知識不足でありましたが..

 

申し訳ないほど..失礼なご返事をしたことをお詫びします

 

 

現在Dreamweaverを利用してHTMLテンプレートを弄り回して
おりますがHTMLを知れば知るほどシリウスのまだ見ぬ可能性に
きずかされております....

 

ネット上で氾濫するMTMLテンプレート群ができることは当然シリウスでも
できるだろうと想われますが、何分にも検証確認をしません事には..
簡単には進められませんので、ここでは少しずつナイスなカスタムを
精度確認しながら追記してまいります

 

テンプレートカスタマイズはやってみれば然程な難易はございません
あえて言えば、手段 仕組みが解れば誰にでも容易に進められます

 

何だ、難しいかと思えば...理解すれば、何だこんなことかと想われる
多くカスタマイズもございます

 

情報は共有してこそ役に立つものですね
その理解のもとできる限り知りえることを記載してまいりますので..

 

まずはお試しください

 


メニュー

 

 

グローバルメニューをサイト上部に配置する構成 デフォルト2カラム対象

 

グローバルメニューを角丸テンプレートからデフォルトに入れ替えてみる 
変更カスタマイズ

 

 


 

サイトというもの コンテンツが一番大事です

 

しかし サイトデザインの同様に重要です

 

科学や何かしらの高度な解説サイトであっても それなりの
サイトデザインが構成されております

 

力を注いで作るサイトのために情報がヒントとしてお役立てれば幸いです

 

スポンサーリンク

 

 

 

 

ホットでクールなテンプレートを作ろう
シリウスカスタマイズ

シリウスの1カラムサイトでも、そのページの構成では2カラムのようなサイドメニューを表示したい事情もコンテンツによりあるかと思います。そんな場合は、広告でもメニュー記事でも、シリウスのフリースペースのようなスペースを右にCSSコードで表示することができます。ほとんど見た目はフリースペースですが....パララックスデザインなど導入しますと、100%1カラムで広告をどこに配置するかで迷いますけどこれで解...

シリウスのフォントは、3つスタイルが用意されておりますが、何かしらの事情で教科書みたいなフォント、もしくはかわいらしくとか?を求めるには選択の範囲が狭く デフォルトスタイルがお気に召さないこともございましょうコンテンツに合わせてフォントスタイルを変えなばならない場合は変更することも容易に行えますカスタマイズ指定は、スタイルシートからではなく各ページごとに行いますのですぐに変更は確認されますまずは、...

シリウスサイトをスクロールした際、ヘッダーは追従せず固定化ヘッダー グローバルナビも固定化され動かないグローバルナビのみ通常配置、固定化され動かないグローバルナビをサイト最上部に位置置き、そのまま固定化、動かないその他はスクロールするというサイト構成は、シリウス以外のサイト.ブログ等では昨今よく見かけますシリウスでは、デフォルト機能に備えはなくともヘッダー画像とグローバルナビは単体か、合同でかで組...

重要以下解説の場合 スタイルシートでメニューを下げる指定をしますのでサイト全体にスタイルが影響されますが 読者様より トップページでのみの反映で 他ページではメニュー下がりをしない通常表示をする手順はないのかと?ご質問がよせられますトップページでのみの反映で 他ページでは通常構成という形の詳細はページ巻末に追記しております当ページの解説は デフォルトテンプレート2カラム対象で進めますでも今回は面倒...

グローバルメニューのカスタマイズを複数公開している関連ページです手法的には画像変更なので難しくはございませんが縦幅サイズ調整はスタイルシートの改行が必要です手順は色々御座いますが 今回はシリウスの角丸テンプレートのグローバルメニュースタイルをデフォルトテンプレートに取り入れる手順で進めます私は角丸テンプレートは好みに合わず利用してませんがグローバルメニューのスタイルだけはいいんじゃないかなと評価し...

ネット上ではナイスなデザインのグローバルメニューを見せておられるサイトを多く見かけますシリウス標準のグローバルメニューもナイスデザインなんですがワンパターンで、同類サイトとほぼ同じ範囲では、見慣れるに至りいつしか興味も失せてしまいますワールドプレス等、他サイトみたいな良いデザインを取り入れたい...と願うならならば オリジナルで作ちゃちゃえばいいわけですねそれでも飽きたら 定期的に趣向を凝らして作...

今回はシリウスのビジネステンプレートの背景カラーに関するカスタマイズ...ビジネステンプレートはデフォルトテンプレートに比べカスタムするに至っては多少構造に違いがあり作業は面倒が増えますが、基本さえ理解してしまえばさほどの難易度もございません...2018 0130 記事更新ですが...ま、時代の流れか?全然時流に合いませんね過去ページの削除ももったいないので書き換えてございます..単なる記事、お...

今回は ビジネステンプレート ピンク2カラムでのカスタムですデフォルトと イメージを変えたところは グローバルメニューですグローバルメニューは 現在のものを削除してから 角丸テンプレート内の同色ファイルをコピーしてきて貼り付け同色でも画像スタイルが違いますので流用ただし 縦幅が1PX足りないので拡張します然し このままですとサイト部分幅のみの変更で グローバルメニューの両サイド拡張デバリ部分までは...

記事背景をサイト背景としたスタイルにカスタマイズする手順のご案内ですがシリウスビジネステンプレート対応の解説で進めます...記事背景(背景全体)がすべてフォト画像という構成はワールドプレスなどのブログサービスやHTMLテンプレートでもよく見かけますね...と理解..ビジネステンプレートは、ワールドプレス風のスタイルでサイトが作れますと運営もとでも解説しておりますが、グローバルメニューからヘッダーに...

サイトの全背景を色付けした、もしくは画像化した際のこと、サイドメニューのブロック背景カラーが適合しない..コンテンツに合わなくなることも.....ままございます..そんな時は、背景を透過してみましょう... という手段...念のためここでは、サイトの背景全体を画像化、色付けと切り替えた際、適合させる手法としてサイトに合わせるメニューブロック背景カラーの透過という例で進めますが、新たな色付け手法とし...

とは、いってもヘッダーのありなしが、レベル評価ではございません..単にヘッダー画像なしのナイスレイアウトサイトやブログ拝見がこのところ多かったので、そう思うだけのこと...ヘッダー画像アリでもナイスなサイトは幾つも存在しますただ、好みによりヘッダー画像なしを選択される際のカスタマイズ方法とご理解くださいねヘッダー画像を透明化する必要がある場合はサイト背景をすべてフォト画像にした場合が適合する......

こちらのコンテンツは透明ヘッダー画像?上級テンプレートに見えるかも?に追従しておりますオールフォト画像サイトの構築はヘッダー画像を透明化することで飛躍的に向上しますが サイト背景を固定した場合と しない場合ではイメージが大きく異なります今回は背景固定した場合のスタイルで少々記事を追加しますでは どのようなスタイルへと変化して行くのでしょうヘッダー画像を透明化とは?詳細をご覧ください透明ヘッダー画像...

デフォルトテンプレートを対象の解説となりますデフォルトで表示されるサイトページメニューは シリウスオリジナルのホワイトボディの場合でしたら なんら違和感などなくご利用できますね昨今はホワイトボディでも何かしら若干の修正をしたメニューもお見かけはしますが....枠線や仕切り線を変更すれば ホワイトボディでも応用が可能ですご参照ください背景カラーを記事カラムまで替えた場合や 背景をフォトに替えた場合ペ...

こちらのコンテンツは 以下のページの解説に関連したものです透明ヘッダー画像?上級テンプレートに見えるかも?オールフォト画像サイトの構築を別な角度から見てみますヘッダーを透過して背景と同化するつぎに背景画像を固定しないを選択した場合のスタイルはどのようになるか?ですがMTMLテンプレートなどでは見られる トップ画面がオール画像でタイトルもあるが若干のコンテンツもあるすみません 私の思考ではコンテンツ...

記事背景を半透明に出来ませんか?という質問がよせられます他ブログサービスで稀に見る程度で それほどの需要はないと思われますが参考にしていただければとですが サイト背景が画像ならよいのですが 単色ですといまいち?デフォルトテンプレートでは 記事背景は画像なのでその画像を半透明にするのですが 工程がやや面倒なので後日追記いたします少々お待ちくださいで 今回はビジネステンプレートでの進め方ですがなぜ ビ...

今解説は、デフォルトではなくビジネステンプレート対応の解説です透明化の構造をあれこれとカスタマイズしておりましたら記事背景を半透明のフィルター化という現象に?ネット上ではそんなに見ることでもない表現法ですが私の見識が狭いだけで、あることはあるんでしょうまれに見かけることはあるような気がします半透明の記事台紙?やりようではナイスなサイトが作れるんではないかと記事を掲載します以下は参考画像です記事背景...

シリウスの記事内に半透明なカラーテーブル枠 ボックスを配置する手順を解説いたします有効なサイト構成は サイト背景にフォト画像やデザイン画像を表示させ さらに背景の固定化をしている場合ですね単色や 白背景でも加工できるのですが 重ねるカラーにより見栄えがしないこともあり 加工してみないとイメージが何とも解りかねませんスタイルはテーブル一枠で進めますが 枠を増やす場合はテーブルの項目を追加して下さい枠...

2014 1206更新当解説は記事内に半透明テーブルボックスを設置する手順 の追加情報になります当ページの意味が解らない方は 上記リンクで元情報をご覧ください事前説明がございます当サイトでは 読者様にできる限りの正確な譲歩を伝えるためにスタイルシートなども多く書き換えております当ページの情報記載時点では 以下にある解説道理に横配置は確認できており 当サイト以外では正常な横並びですが今時点 レイアウ...

2014 1005サイト背景を画像や スライド化した画像にした場合で シリウス機能で通常ページ追加するとに自動で表示されるページ指定メニューはそのままのスタイルですと なんかいまいちと感じれれるサイトではスタイルを変えてみることが出来ますカラー変更のカスタマイズはこちらをご覧くださいスタイルシートでのカラー変更やメニュー枠についての解説がございますデフォルトメニュー構成やカラー変更の解説です当該で...

2014 1119記載シリウスカスタマイズテーマ 透明ヘッダーへッダー画像縦幅調整対象 デフォルトテンプレートタイトル下のサイト説明を非表示にしている場合の解説ほとんど タイトル下にサイト説明を入れているサイトは見かけませんので非表示にしている場合の解説と致しますシリウスのへッダー画像を透明化する際画像は 透過されておりますが 画像の縦サイズは 設定画像にそのまま合わされております設定してある画像...

ブラックフィルターとは サイト背景が単色白とか 模様のないもの の場合は 透明化する後ろ画像やデザインが配置されておりませんと 設置しても全然意味を成しません透過する後ろに何かしらの色彩物があって 初めて効果を発揮します2014 1209シリウス透明カスタマイズテーマ サイドメニューも半透明化障害報告2015 0501追記シリウスサイトをレスポンシブウェブデザインへとカスタマイズを追加した場合BO...

2014 1220シリウス素敵にカスタマイズ h3タグ背景シリウスでデフォルト表示されるH3タグ背景はサイトカラーと同様で綺麗といえば確かに綺麗なのですが コンテンツによりいかがなものか?変える必要もあっては良いのではないかと?サイト背景と同じカラーで表示しなければならないということはありませんまた 単一カラーばかりではなく デザインを組み込むことも可能ですテキストは別に挿入されますので画像のみ変...

2015 0108シリウステンプレートカスタマイズテーマ h3見出しのフォント位置ずらしデフォルト3カラム対応シリウスのデフォルトスタイルのh3見出しをカスタマイズ背景の変更手順はこちらのサイトでご確認くださいシリウスh3タグ背景を素敵にカスタマイズ上記サイトで解説されている次のカスタマイズとしますデフォルトですデザインは変更したものの フォントの左にスペースがありますねこのスペース感覚でよい方は...

2014 1227シリウステンプレートカスタマイズテーマ フリースペースをコンテンツ分けシリウスのデフォルトテンプレート3カラム対応解説シリウスの3カラムでフリースペースのデフォルト表示は左にサイトメニューの上にh3 下にh4が表示されます右のはフリースペースh5 h6を表示設定となっています表示はカテゴリー エントリーページすべてに同スタイルが適用されますが各ページのフリースペースの表示設定で記...

2014 1228シリウステンプレートカスタマイズテーマ h1フリースペース横並びテキストシリウスデフォルトテンプレート対応ヘッダーの下 もしくはグローバルメニューの下に 横列のテキストリンクを配置する手順のご案内ですグローバルメニューを表示させている場合は 異なるテキストリンクを配置してください記事最上部に表示されるテキストリンクで 読者に強く伝えたい趣旨を置くことが出来ますまたは 下層ページや...

SIRIUSシリウスのトップページ巻末に掲載される更新履歴は 最新のエントリー記事を新着順として表示してはおりますが ラスト位置にあることからマイナーなおまけ程度の位置図けそんな更新履歴の背景を色彩化することで際立つイメージへとカスタマイズする手順のご案内です更新履歴の背景はデフォルト状態では枠のみが表示され背景は設定されてはおらず透明です前置き最初にに16進法のカラーコードを配置したのですけれど...

1015 0109シリウステンプレートカスタマイズ 最新記事のロゴマーク変更シリウスサイトのサイドメニューの位置に表示される最新記事の左にエントリーを示すロゴマークがみられますがサイト構成によりスタイルに合わないと思われましたら削除か または好みのスタイルに変更することが出来ますデフォルト表示です画像編集で行う場合画像を好みのものに変更するか削除する方法があります画像の変更方法はシリウスのテンプレ...

シリウスのデフォルトで表現される更新履歴のレイアウトは直線的ですね..それはそれでよいのですが、ブログサービスなど見かける和やかな雰囲気と比較すれば...やや?感じを受けることもある....個々の判断で...違いもあります。通常は直線的なイメージで良いと思われますが、何かしらのコンテンツ事情でサイト全体にやさしさを演出する際は、枠に丸みをつけることで変化を表せます...デフォオルトTP対応一つの付...

rgbaのカラーは16進数と同様のカラーを反映することもできますが半透明などの表現となりますと rgbaカラーがやりやすいかも?と理解しての記事です。今回は rgbaのカラーコードで各種ボックスコードを用意いたしております..サイトコンテンツに合わせてお使いください..フォントカラーは記述内で白を指定してますが 枠内の背景に合わせてcolor:#FFFFFF;font-size:のカラー指定箇所を...

カスタマイズサポートへ ...シリウスは英語ウェブサイトとして構成することは出来ないのですか?と、ご質問が多くよせられておりますが、開発者の言葉でいえば..できませんとされていますしかし、チャレンジなしであきらめてもいいものか?やるだけはやってみましょうが、大事!国内ばかりではなく海外にまで情報を発信したいということなんでしょうね海外向けコンテンツですか...素晴らしいことですね英語でね~...あ...

シリウスビジネステンプレートの右サイト背景にBXスライドやユーチューブ動画の小さなおしゃれ小窓置いて 読者のお楽しみを演出してみるのもイメージを主張という点では良いかな?今回は当サポートにビジネステンプレートのヘッダー画像内の右空間左ではなく右に配置できないか?との 超面倒な質問がありまして検証作業の段階でのミスで......発見できた方法なので それほど必要はないかと思われますが誰かしらは使うん...

2015 0208シリウスグローバルメニューカスタマイズ プルダウンメニューH4タグ採用今回のメニューはシリウスデフォルトテンプレート3カラム対応で進めますが2カラムでも対応は可能ですプルダウン作動のスタイルは 当サイトに搭載のグローバルメニューをクリックして作動をご確認ください解説はシリウスのグローバルメニューをプルダウンスタイルにカスタマイズするというものですが シリウス機能は使いません外部ス...

シリウスのデフォルトh3テキストの背景は...なんかダサイ...!と感じられているなら...CSS追記のみで ブログで使われるような角丸形状のスタイルに変更するカスタマイズが可能です。h3テキスト背景は、テンプレートに保存される画像の色の切り替え、もしくは 編集加工で角丸にすることもできますが、作業時間でひかくすればCSS追記のほうが早いし...気に入らなければすぐに再調整が可能...スタイルは以...