×
SimpleStyle?
「SimpleStyle」は、JavaScriptと絵文字多めのホームページテンプレート(php版)です。姉妹品にhtml版、WordPressテーマがあります。
「SimpleStyle」と姉妹品との違いは、php版なこと、ゲーム部分等を外したこと等。
オーソドックスなデザインを目指しました。
特徴?
基本的にシンプルなデザインのため、カスタマイズの自由度は高いテンプレートのつもりです。絵文字が不要な場合は削除or置き換え、カスタマイズしたい場合はJavaScriptファイル「js_simplestyle.js」で適宜カスタマイズしてください。
またphp版ではincludeを多用して、カスタマイズの効率を向上させています。
- _head.php……「head」タグ内。JavaScriptやスタイルシートを変える時はここ
- _header.php……「body」内部のデザイン上部分
- _footer.php……「body」内部のデザイン下部分
- _pagetitle_home.php……「index」のページタイトル部分
- _pagetitle.php……「index」以外のページタイトル部分(複数パターンが欲しい時)
- _randomlink.php……ランダムリンク(このファイル内にランダムリンクで飛ぶファイル名を記述。要カスタマイズ)
- __rireki.php……履歴
- __sitemap.php……サイトマップ
- __stylebase.php……スタイルシートの基本的な配色等
- _pagetitle_home2.php……「index」のページタイトル部分(index3タイプ)
- _pagetitle2.php……「index」以外のページタイトル部分(index3タイプ)
- _randomimage.php……index3タイプのデザインの場合使用するランダム画像を記述
- レスポンシブ/1カラム
- ランダムリンク対応
- 縦書対応(縦書部分を<div class="h2vr_28 tate"></div>で囲む。詳細は「h2vR」フォルダ内参照)
使い方
php版は(同じphp使用の)WordPress版と違って、1ページごとにデザインのカスタマイズをすることが容易です(WordPressは基本記事ページは同じデザイン)。たとえば、「include("_head.php")」の部分の下等で直接body等のスタイル指定を行えば、ページごとにかなりデザインを変更できます。
いくつかサンプルページを用意しました。
デザインバリエーション
indexは6種類、記事ページは6種類用意しました。- index……index1
- about
- sitemap
- rireki
- phps
- license
- material
- sampletate……縦書
- samplegaibufile……外部テキストファイル読込表示
- index1……背景色ランダム(スタイルシートによる)
- sample1……ページ毎に背景色指定
- sample2……ページ毎に背景色指定、ページタイトル部分変更
- index2……背景画像ランダム(unsplash)タイプのindex
- sample4……背景画像ランダム(unsplash)
- sample5……背景画像ランダム(unsplash)、右寄せ
- index3……絵文字ではなくランダム画像表示タイプ
- sample3……背景画像ランダム
- sample6……index3と同系統
- index4……index3の黒地タイプ
- sample7……index4と同系統
その他
カスタマイズ等ご自由にお使い下さい。ライセンスはこちら→ライセンスについて。
レスポンシブデザイン。
スタイルサンプル(h2)
見出し3
見出し3です。見出し4
見出し4です。引用
- リスト
- リスト