東金勉強会の4/6の覚え書き1

東金勉強会の4/6の覚え書き
★　Fire bugのインストール
ファイヤーフォックスのアドオンの一つ　ページのHtmlやccssを見るためのアドオン

ダウンロード画面　　

インストールの詳しい方法は　こちらが参考　→　別窓で開く
インストールできると一番下のツールバーに　虫のマークあり　コレをクリックすると　今見ているページのソースが下半分に表示される
CSSを表示させるには　①cssをクリック　　②このマドをクリック　　右側にマドが出来て　cssの内容が表示される
 

---

★　テンプレートのインストール
Wpのテンプレートをテンプレーとキングなどの中で気に入ったものダウンロードしてインストールする
ダウンードしたファイルの中は下記のようになっているのでこの中
例えば　二列左メニューを使いたかったら　赤丸の中の　themes　を　fttpソフトで
wpの入っているフォルダーの中　wp-content　の中の　themes の中に入れる

サーバーの中　WPはpublic_htmlの中なのでここを開ける<BR>
※サーバーにより　wpの入っている場所は違う

左　自分のパソコンの中　　　　　　　　　　　　　　　　右　サーバーの中
upしたいthemesの中の赤で囲んだフォルダーを左側サーバーのthemesの中へ入れる

wpにログインし
外観　→　テーマ　から今インストールしたテーマを有効にしておく




インストールしたテンプレートをカスタマイズ

★　お問い合わせの変更
外観　→　テーマの編集　を開ける
下記の様に出てくるので右側のテンプレートで「お問い合わせ」(mailto.php) を選ぶ
左側にその内容が出てくる


参考　テンプレートキングのマニアル 　お問い合わせのリンク修正を参考に
mailto.phpを開いているか　確認し本文を修正

前回「お問い合わせ」のウィジエツトを入れたのでコレを使うためにテンプレーとのお問い合わせに
作ったお問い合わせのページのURLを書き込んでそこへ飛ばす。



★　ヘッダーへ画像を入れる

トップメイン画像の表示 　　　←　テンプレートキングの説明

head.jpでメデイアに看板画像をアップしておく。　　このURLは控えておく
ーーーーーー　ここから下の部分を書き込む　エディターを使うこと　ーーーーーー
<div class="main_image">
<img width="画像サイズ" height="画像サイズ" alt="任意の名称を入力してください。" src="アップロード先のURL" />
</div>
</div>
</div>
ーーーーーー　ここまで　ーーーーーー

外観　→　テーマの編集
下記の様に出てくるので右側のテンプレートで　topmain_img.php 　を選ぶ

コレはindexesページのみ他のページには　

以下東金の先生のメールより
ダッシュボード「外観」－「編集」から
「ヘッダー (header.php)」を選んで、一番下部の３行
----------
<?php if(is_home()):?>
<?php include (TEMPLATEPATH . '/topmain_img.php'); ?>
<?php endif;?>
----------
ここは条件判断をしていまして、 is_home がトップページを
意味しているので、
「もし表示されるのがトップページであれば画像を表示せよ」と
しています。
ですから、前後の２行を削除して、
----------
<?php include (TEMPLATEPATH . '/topmain_img.php'); ?>
----------
だけにしてしまいます。
これで前ページでトップ画像が表示されるはずです。

ここまで