×
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種類用意しました。sample1-2はindexと同タイプ、sample4-5はindex2と同タイプ、sample3,6はindex3と同タイプといった感じです。
その他
カスタマイズ等ご自由にお使い下さい。ライセンスはこちら→ライセンスについて。
レスポンシブデザイン。
スタイルサンプル(h2)
見出し3
見出し3です。見出し4
見出し4です。引用
- リスト
- リスト