サンプルホムペのレイアウトの作り方
サンプルホムペって？
サンプルホムペ1タイプ
サンプルホムペ2タイプ
リゼのトップページにリンクが貼られているサンプルのホムペのことです。
現在、以下の3つのタイプへリンクが貼られています。
・タイプ1
・タイプ2
・タイプ3
「タイプ3」を除く「タイプ1」と「タイプ2」のホムペは主にリゼの機能を使ってトップページのレイアウトを作っています。
以下に「タイプ1」、「タイプ2」のレイアウトの作り方を載せているので参考にしてください。
(1)キセカエ変更
「トップページ編集」の「キセカエ」を以下に変更します
・タイトル：宝箱の中
最新順の場合、6ページ目ぐらいになります。
(2)トップページを編集
「トップページ編集」の「ページ内編集」で以下を変更します
・1行に表示するパーツ数：3
・パーツ区切り文字： *
(3)機能・装飾パーツの設置
「パーツ」の「追加」から以下の機能パーツを設置します。
その際に、「トップページからのリンク」を「する」に設定します。
・1st(フリーページ)
・diary(日記)
・24(リアルタイム)
・album(アルバム)
・novel(ブック)
・mail(フォームメール)
・bkm(フリーページﾞ)
・me(プロフ)
次に「パーツ」「追加」から以下の装飾パーツを設置します。
改行数を「1」にします。
・改行(1)
最後に、以下の機能パーツを設置します。
その際に、「トップページからのリンク」を「する」に設定します。
・clap(拍手)
(4)拍手の表示設定変更
clap(拍手)の表示設定を以下に変更します。
・タイプ：コメント付きボタン
・ボタンの表示名：pachi*
完成
以上の4ステップで同じレイアウトにすることができます。
機能パーツのタイトルは自分の好きなものにしてください。
(1)共有テンプレの利用
「トップページ編集」の「皆の共有テンプレ」を表示します。
「殿堂入り」から「シンプルトップ」を選択して、適用します。
(2)タグレイアウトの編集
「トップページ編集」の「タグレイアウト」を表示します。
<br><br>-------キリトリ-------
(1)上の文字が書いてあるより下のテキストエリアの箇所を全てコピーします。
(2)コピーしたら、下のテキストエリアで「"#808080」より前にペーストします。
(3)一番下にあるテキストエリアの文字を全てコピーします。
(4)コピーしたら、上のテキストエリアの「"#808080」より後ろにペーストします。
(5)(4)でペーストしたテキストエリア以外のテキストエリアの文字を全て消します。
(6)12345と書かれている箇所を#cnt_total#に変更します(カウンター数が表示されます)。
(7)10.09.28の箇所を自身のサイト開設日にします。
(8)変更するをクリック。
(3)機能パーツの設置
「パーツ」の「追加」から以下の機能パーツを設置します。
その際に、「トップページからのリンク」を「する」に設定します。
・1st(フリーページ)
・main(フリーページ)
・memo(リアルタイム)
・bkm(フリーページﾞ)
・clap(拍手)
・prof(プロフ)
・mail(フォームメール)
(4)タグレイアウトの編集
(3)で設置した機能パーツのリンクを貼ります。
[1]または[2]のどちらかの方法を選んでください。
[1] URLの利用
以下のタグの"と"の間に各機能パーツのURLを入れます。
※URLは、各機能の管理画面の「このパーツのURL」を使ってください。
<a href="">1st</a> <a href="">main</a> <a href="">memo</a> <a href="">bkm</a> <a href="">clap</a><br>
[2] 独自タグの利用
<a href="">1st</a> <a href="">main</a> <a href="">memo</a> <a href="">bkm</a> <a href="">clap</a><br>
の箇所を以下のように独自タグを使った形に変えます。
※独自タグは、各機能の管理画面の「このパーツのタグ」を使ってください。
#pl_fp_1_1st# #pl_fp_2_main# #pl_real_1_memo# #pl_fp_3_bkm# #pl_clap_1_clap# #pl_prof_prof# #pl_form_1_mail#
(おまけ)テーブルの背景色の変更
上記の4ステップの段階で背景色は、#FFF0F5になっています。
リゼのサンプルホムペ2では#F5F5F5を使っています。
自分で好きな色を設定してください。
色は以下の箇所で変えられます。
<td bgcolor="色">
完成
以上の4ステップで同じレイアウトにすることができます。
利用する機能パーツや1stなどの機能パーツのタイトルは自分の好きなように変更してください。