| Joomlaデザイン |
|
|
|
| 作者 Administrator | |
| 2007/08/07 火曜日 17:00:09 JST | |
|
初めてJoomlaでデザインする方向けの内容です。 テンプレートのデザインはある程度のCSS（スタイルシート）・HTML（タグ）を使いこなせなければ出来ません。 しかし画像の入れ替え位だけであれば知識が無くとも出来ます。少しずつ理解していけば良いのです。 ここに記述している内容は自分が実際体験してみた結果を紹介していますがもっと便利な方法があるかもしてません。 もし良い方法があればその都度書き込んで見たいと思っています。 またこのページを見てもっといい方法があれば教えて頂ければ幸いです。 当サイトでは他にいろんなCMSを紹介していますがWEB上で簡単にページを作成できるJoomlaは使いやすいCMSだと思っています。 ブログでは出来ないコンテンツ作りを多くの方に… 作成手順： テンプレートのダウンロード Joomlaテンプレートサイトよりお気に入りを取得します。またはデフォルトを利用します。 1.テンプレートをUPする前、templates/images/以下、自前のロゴ画像を作成し置き換える。 他の画像については、変えたい画像を後に作成し置き換える。 2.templatesフォルダ以下にUPします。 パーミッションの変更をします。ファイルindex.php・template_css.cssを読み書きできるように666にします。 ブラウザから管理エリアにログインして、サイト-テンプレートの管理-サイトテンプレートからUPしたテンプレートをデフォルトで使う。 インデックスページにてUPしたテンプレートがアクティブになっているか確認をします。 3.ローカルにてテンプレートの確認 HTMLファイルの生成はindex.phpになります。 HTMLソフト（HPビルダーほか）にてどういう構成になっているか確認をし、インデックス用の自前の挿入コンテンツを何処に置けるか調べます。 レイアウトがテーブル構造になっていれば比較的簡単に挿入できます。 HTMLソフトなら何処に入れられるか分かりやすいので作成テストして見る。（保存する時は別名にて） 上記で開いたブラウザ管理エリアからUPしたテンプレートのHTML編集を開くとソースコードが表示されます。 多分見難いと思いますのでHTMLソフトと比較しながら自分が分かりやすいようにします。 位置が決まったら <!--マイコンテンツ挿入--> 内容文 <!--マイコンテンツ挿入--> としてテンプレートのHTMLへ記述、保存します。 4.スタイルシートの編集 ローカルにてテキストエデイタからテンプレートフォルダ以下のCSSフォルダ内のtemplate_css.cssを開きます。 このエデイタではスタイルシートの内容を検索します。（保存する場合は別名） テンプレートtemplate_css.css内では見難く探し難いのでエデイタの検索機能で探します。 例：ブラウザのソースコードから編集する id="mainbody"を検索します。 だいたいの位置が分かり記述内容などを調べ、どうするか？ 決まったらテンプレートtemplate_css.cssを編集し保存します。 この方法を取ると結構探しやすいです。 ついでに内容文内でのCSSを記述 template_css.cssの最下段に分かりやすいように区別して 例：my_contnts などとして記述します。 |
|
| 最終更新日 ( 2007/08/07 火曜日 21:40:53 JST ) |
| < 前へ |
|---|