カスタマイズ方法
HTMLタグと変数を使って、掲示板の表示を自由に調整できます。
せっかく掲示板は、色や文字だけでなく、記事番号・名前・題名・本文の配置まで、 テンプレート感覚でカスタマイズできます。
カスタマイズの考え方
せっかく掲示板とは？せっかく掲示板は、従来のレンタル掲示板のように項目ごとに色を選ぶだけではなく、 HTMLタグやJavaScript、そして変数を使って自由に表示を作れます。
掲示板だけにとらわれず、日記やフリーマーケットのようなページにも応用できるため、 初心者の方にも少しずつカスタマイズに挑戦していただけます。
投稿表示の例
使える機能を見る記事番号：658 名前：日本太郎 題名：おはよう御座います。
今朝は朝から太陽が出ていてとても気持ちが良いですね。 思わず早朝からネットサーフィンをしています。 お昼からは体を動かさなくては！ また遊びに来ます。
上のような投稿表示を、色や配置だけでなく、表示順や強調の仕方まで変えることができます。
従来の設定と、せっかく掲示板の違い
従来のカスタマイズ
- 記事番号
- #000000
- 名前欄
- #000000
- 題名
- #000000
- 本文
- #000000
せっかく掲示板
記事番号・名前・題名・本文を、HTMLタグと変数でまとめて編集できます。 表示位置の変更や、太字などの装飾も同じ編集欄で指定できます。
デザイン変更アドバンスモードの例
変数を使うと、投稿内容を好きな位置に表示できます。
たとえば `$name` は投稿者名、`$sub` は題名、`$mes` は本文として表示されます。 HTMLコードの意味が分かると、自由な掲示板や、掲示板にとらわれないページ作りができます。
カスタマイズ例
記事番号：658
おはよう御座います。/日本太郎
今朝は朝から太陽が出ていてとても気持ちが良いですね。 思わず早朝からネットサーフィンをしています。 お昼からは体を動かさなくては！ また遊びに来ます。
上のように、題名と名前をまとめて太字にしたり、表示位置を変えたりできます。
用語解説
変数とは？
せっかく掲示板では、`$name` のような文字列を変数と呼んでいます。 投稿時に記録された名前や本文を、表示時に指定した場所へ差し込むための目印です。
まずは少しずつ試してみましょう
掲示板を作成するHTMLコードを覚えるのは大変に感じるかもしれませんが、 実際には数個のタグを覚えるだけでも、掲示板の見た目を変えることができます。
ホームページ作りの基礎に触れるきっかけとして、 掲示板のカスタマイズにぜひ挑戦してみてください。