ソフトシリウスの文字装飾設定、定型文、モジュールの違い？

シリウスの便利機能！3っの文章挿入機能別使い方?

このページの目次

OPEN

文章挿入機能
文字装飾設定
1. 本来の使い方
  1. 下記画像は私がシリウスで設定している記述です
2. もう一つの特殊な使い方
定型文
1. 定型文ではよく使うコンテンツの一括りを登録する
2. 定型文新規登録の方法
モジュール

文章挿入機能

シリウスでホームページを作成する際、文章挿入というカテゴリーの3種類の便利な機能を利用する事により、統一したデザイン性でページをスピーディーに作成できます。3っの便利な機能とは、「文字装飾設定」「定型文」「モジュール」の事で、それぞれを適切に使いこなすことによって、作成スピードがずば抜けて速くなり、作成画面が簡略化されます。

文章挿入ショートカット機能

文字装飾設定
定型文
モジュール

文字装飾設定

文字装飾設定は私がホームページ作成で頻繁に使う機能です。

2つの機能として使いこなす

この機能は本来作成画面に直接文章を挿入するために使うものではないのですが、設定の方法を工夫する事で、よく使う色々なHTMLを一発で挿入することができます。もちろん本来の機能の通り「文字を装飾」するためのタグをワンクリックで挿入することができます。

本来の機能は装飾したいテキストを青色反転させ、ボタンを押すだけで、開始タグと終了タグを同時に挿入できるという事です。それと文字装飾では、「文字色」とその「フォントサイズ」など、複数のタグを同時に設定する事も可能です。

このように、文字装飾機能では、設定により二つの使い方があることを覚えておくと、ホームページ作成がスピーディーでデザイン統一にも役立ち、大変便利になります。

本来の使い方

下記画像は私がシリウスで設定している記述です

開始タグと終了タグを記述し青色反転させた文字を装飾する

ユーザー定義 7

ボタン名・・太文字B
装飾効果・・文字を太文字にする
開始タグ・・<b>
終了タグ・・</b>
ブラウザ表示・・ホームページ → ホームページ

ユーザー定義 8

ボタン名・・金太文字プラス18
装飾効果・・文字色[金]＋[太文字]＋フォント18px
開始タグ・・<span style="color:#C59700"><span style="font-size:18px" class="lbg"><strong>
終了タグ・・</strong></span></span>
ブラウザ表示・・ホームページ → ホームページ

ユーザー定義 9

ボタン名・・赤太
装飾効果・・文字色[赤]＋[太文字]
開始タグ・・<span style="color:#C50000"><b>
終了タグ・・</b></span>
ブラウザ表示・・ホームページ → ホームページ

文字装飾を使うには装飾したいテキストを青色反転させ、設定した番号をクリックするだけです。このような設定をしておくと、作業がスピーディーになり、またデザイン的にも統一されます。この機能は最多で10個まで登録する事ができますので、ご自身でよく使うテキスト装飾を利用頻度が多いものを優先して登録しておきます。

もう一つの特殊な使い方

開始タグでHTMLを単独で完結させる

文字装飾設定で開始タグのみにHTMLを記述すると、設定ボタンを押すと、その登録しているHTMLが一発で管理画面上に記述されますので大変便利です。

ユーザー定義 1

ボタン名・・間隔50%
装飾効果・・文字列の行の間隔を50%広げる　line-hightの効果
開始タグ・・<span style="color:#C50000"><b>
ブラウザ表示・・行間隔が50%広がる

ユーザー定義 2

ボタン名・・青■
開始タグ・・<font color="#336699">■</font>
ブラウザ表示・・■

ユーザー定義 3

ボタン名・・赤★
開始タグ・・<span style="color:#990066">★</span>
ブラウザ表示・・★

ユーザー定義 4

よく使う「枠」（ボックス）を設定しておく事もできます。枠はホームページ作成の際に使う機会が多いですが、あまり多くの種類の枠を使うとデザインがだらしなくなります。デザインを統一するためにもメインで利用する枠の登録をお勧めしています。

ボタン名・・赤★
開始タグ・・<div class="rnd1 rbox3 shadow2">
終了タグ・・</div>
ブラウザ表示

ホームページ
....................文章.......................
....................文章.......................
↓

ホームページ
....................文章.......................
....................文章.......................

文字装飾設定の登録では開始タグと終了タグを記述するようになっていますが、開始タグの中だけでHTMLを完結させてしまう事を利用すると色々な使い方ができます。このような使い方は比較的短いHTMLで利用します。しかしテーブル枠などHTMLが複雑な構成になる場合は次の定型文やモジュールで対応します。

定型文

定型文ではよく使うコンテンツの一括りを登録する

定型文を登録している場合、下記画像のように作成画面左サイドバーの下の[定型文]をクリックすると登録している定型文の名称が表示されます。登録した定型文の[コピー]をクリックして、右側作成画面で定型文を貼り付けたい位置にカーソルに合わせ、貼り付けボタンを押すと、あらかじめ定型文に記述しておいたHTMLがサイト作成画面に一発で記述されます。

私が登録している例

ボタンリンクをデザインして登録する
よく使うテーブル枠のひな形一式。
アフィリエイトリンク
関連ページリンク枠ののひな形
トップページへ戻る
ページトップに戻る

リンク先の指定
<a id="〇〇"></a>
リンク元の指定
同じページ内
<a href="#〇">テキスト</a>
他のページへのリンク
<a href="URL">テキスト</a>

定型文新規登録の方法

左側の何もない部分で右クリック

新規作成をクリック

後で解りやすいような定型文の名称を記述

HTMLの記述

ここでHTMLの記述をする際にコツは、いきなりこの定型文の中に文章を作成しないと言うことです。定型文では、画像や枠、また文字装飾を使うことが頻繁にあるため、HTMLが複雑になってしまうからです。

そこで先にサイト作成画面でHTMLを完成させ、プレビューでデザインを確認し、HTMLを確定させてから、そのHTMLをコピーして貼り付けるという手順で登録します。この手順はミスも少なくデザイン性に優れた定型文が早く作成できます。

定型文はホームページ作成でよく使う、ひとまとまりの「HTML」を登録し、使いたい場面で登録した定型文を貼り付けて使うことになります。このような使い方よりもっと大きな枠で使いたい時は、次のモジュールを利用します。

モジュールでは、ある程度大きなコンテンツを一括りにできます。例えば企業様のホームページなどでページの下部に、問い合わせフォームに飛ぶためのリンクやバナーをまとめたものなどが例に挙げられます。

モジュール

モジュールを登録する場所

私は当サイトで解説動画をアップしていますが、チャンネル登録をしていただく為に動画の下にチャンネル登録を促すリンクを貼っています。そのHTMLが下記になります。

<div style="line-height:50%;"> </div>
<div class="layout_box responsive" style="border-spacing:10px 0;">
<div class="layout_l" style="width:60%;padding:10px;border:solid 1px #bbbbbb;">

<span style="color:#C50000"><b>チャンネル登録</b></span>をして頂きますとホームページ作成に役に立つ<b>最新動画</b>のアップロードをお知らせします。

</div>
<div class="layout_r" style="width:40%;padding:10px;border:solid 1px #bbbbbb;">

<p style="text-align:center;"><img src="<% pageDepth %>img/arrow-157545_640.png" style="width:25px;" alt="チャンネル登録" /> <b>Please click</b></p>
<p class="txt-img" style="text-align:center"><a href="http://www.youtube.com/channel/UCPWyVKqMdFkLKuD83bBnJTg?sub_confirmation=1" target="_blank"><img src="<% pageDepth %>img/youtubetouroku.jpg" style="width:180px;" alt="ユーチューブチャンネル登録" /></a></p>

</div>
</div>

上記のHTMLのブラウザでの表示

Please click

チャンネル登録をして頂きますとホームページ作成に役に立つ最新動画のアップロードをお知らせします。

上記のような長いHTMLはモジュールに登録するとホームページ作成画面では次のような「一行の表示」になります。これはどのような長いHTMLであっても、作成画面ではモジュールの登録名が一行だけで表されると言う事です。

<% module(チャンネル登録) %>

モジュールでは、HTMLの長さも制限がなく、テーブル枠、画像、動画など、いろいろなコンテンツを一括りにして表示できますので、大変便利でソースも大変見やすくなります。例として企業やお店のホームページでは、各ページの最後に会社や店舗の案内を含めた問い合わせフォームページへのリンクを貼ることが多いですが、このような場合に良く使います。

モジュールはデザインが統一され、作業も一発で完了するので大変重宝されます。

サイト作成ソフトシリウスでは今回ご案内したような文字装飾設定、定型文、モジュールを駆使して、デザイン性の高い綺麗なページを早く作成することができます。シリウス2ではこのような機能がさらに進化して搭載されています。

またこれらの機能はHTMLを登録するという形で使いますので、登録した文章の変更があるときは、その登録した内容を変えるだけで、全ての文章を書き換えることができるので大変便利です。それぞれの機能を上手に使い分けてください。

2026/02/28 13:53:46