simplestyle

template!

[enter]

TEMPLATE:Ateh's theme

×

SimpleStyle?

「SimpleStyle」は、JavaScript多めのホームページテンプレート(php版)です。

姉妹品にhtml版、WordPressテーマがあります。

オーソドックスなデザインを目指しました。

特徴?

基本的にシンプルなデザインのため、カスタマイズの自由度は高いテンプレートのつもりです。
絵文字が不要な場合は削除or置き換え、カスタマイズしたい場合はJavaScriptファイル「js_simplestyle.js」で適宜カスタマイズしてください。

またphp版ではincludeを多用して、カスタマイズの効率を向上させています。

  • _head.php……「head」タグ内。JavaScriptやスタイルシートを変える時はここ
  • _header.php……「body」内部のデザイン上部分
  • _footer.php……「body」内部のデザイン下部分
  • __rireki.php……履歴
  • __sitemap.php……サイトマップ
  • _randomlink.php……ランダムリンク(このファイル内にランダムリンクで飛ぶファイル名を記述。要カスタマイズ)
  • __randomimg.php……ランダム画像
  • function.php……サイトタイトル指定他。php関連の指定
  • _pagetitle_home.php……「index」のページタイトル部分
  • _pagetitle.php……「index」以外のページタイトル部分(複数パターンが欲しい時)
  • _pagetitle2.php……
  • _randomimage.php……
  • _pagetitle3.php……
  • _randomimage3.php……
  • _pagetitle4.php……絵文字
  • _randomimage4.php……絵文字
  • __style_simple.php……スタイルシートの基本等
  • __style_type1.php……スタイルシートの配色等
  • __style_type2.php……スタイルシートの配色等
その他。
  • レスポンシブ/1カラム
  • ランダムリンク対応
  • 名前登録等機能(status部分)
  • 縦書対応(縦書部分を<div class="h2vr_26 tate"></div>で囲む。詳細は「sampletate.php」、「h2vR」フォルダ内参照)

使い方

php版は(同じphp使用の)WordPress版と違って、1ページごとにデザインのカスタマイズをすることが容易です(WordPressは基本記事ページは同じデザイン)。

たとえば、「include("_head.php")」の部分の下等で直接body等のスタイル指定を行えば、ページごとにかなりデザインを変更できます。

いくつかサンプルページを用意しました。

デザインバリエーション

sample1-2はindexと同タイプ、sample4-5はindex2と同タイプ、sample3,6はindex3と同タイプといった感じです。

その他

カスタマイズ等ご自由にお使い下さい。
ライセンスはこちら→ライセンスについて

レスポンシブデザイン。

スタイルサンプル(h2)

見出し3

見出し3です。

見出し4

見出し4です。
引用
  • リスト
  • リスト
×

Status


苗字:
名前:
性別:
年齢:
通り名:
出身:
誕生月:
誕生日:
職業:
種族:
武器:
属性:
髪色:
目色:
口癖:

Setting

苗字:
名前:
性別:
年齢:
通り名:
出身地:
誕生月:
誕生日:
職業:
種族:
武器:
属性:
髪色:
目色:
口癖: