【使い回し】複数サイトのテンプレートの共有化について

サイトを運営していると、あのジャンルのサイトも作ってみたい、このジャンルのサイトも面白そう！と言う欲望が沸々と湧いてきます。

そんな中、その欲望に任せてあれもこれもとサイトを作っていると、サイト数がドンドン増えていきます。

でも、そのサイト、作りっぱなしではいけません。
メンテナンスをしていかねばならないのです。

ページを表示するブラウザも端末も日々進化しています。
また、CSSも色んな機能がドンドン実装されていっています。

それなのに、十年前のサイトそのままと言うわけにはいかないのです。

それじゃあと言うことで、サイトを更新しようと思うのですが、どうもめんどくさい。
と言うのも、似たようなCSS、似たようなテンプレートを一々更新しないといけないからです。

「全部一緒やん！(｀ε´)」
などと、ぶつくさ言いながら、サイトの更新をしなければならなくなるのです。

しかも、CSSで間違いや抜けや問題があれば、それらの一々修正しないといけません。
でも、CSSはどのサイトも似たようなコードです。。

ページの記事部分の文字のサイズや行間、サイトのページサイズに、サイドバーの幅などなど。

これがスマホ・タブレット・PC端末とあるわけですから、大変なことになります。
作業している間に ((o(>皿<)o)) ﾑｷｰ となること請け合いです。

じゃあどうすればよいのか？
こちらページでは、『複数サイトのテンプレートの共有化』 について書いていきます。

複数サイトで使いまわせそうなもの

複数サイトで使いまわせるものとそうでないものがあります。
複数サイトで使いまわせるものとしては、全く共通のものです。

例えば、ページの横幅。
これぞと言うサイズを自分なりに見つけたら、それをすべてサイトで使いまわします。

これと同様に、文字のサイズや色、行間、リストの幅、サイドバーの幅などなど、たくさんの項目が使い回しできるのです。

デザインは、ヘッダーのデザインや見出しのデザインやフッタのデザインなどで対応します。

ヘッダーに大きめの画像を使ったり、見出しをインパクトのあるものに変えるなどすると、それだけでかなり印象が変わってきます。

自分の運営中のサイトで、どこまでを使いまわせるのか考えながら、使いまわせそうなテンプレートやCSSを少しずつ見つけていくと良いでしょう。

どうやって使い回すのか？

CSSファイルの場合

１．　使い回し用のフォルダーかどこかのドメインに任意のフォルダを作る
２．　１で作ったフォルダの中に、使い回し用のCSSファイルを入れる
３．　ページファイルの <head></head> のCSSファイルまでのURLを変更する
　　　（CSSファイルのURLを直に記入する）

 <link rel="stylesheet" type="text/css" href="https://●●●.●●●/style.css">

これで、CSSの使い回しはOKです。
特に難しいコードも必要なく、CSSファイルまでのURLを記入しさえすれば良いので、実に楽に変更できます。

PHPで <head></head> をテンプレート化している場合も同様に、CSSファイルをURLで指定します。

【難問解決】 PHPでテンプレートをincludeした