東金勉強会の覚え書き 2

背景画像を付けるには

画像をＦＦＴＰでＵＰする。
そのUPする場所は今自分が使っているthemeの中のimagesに入れる

使っているthemeは　外観→テーマ　で一番上に出てくる










この丸の中　コレが今使っているテーマなので　この中のimagesの中にbackgroundとして使いたい画像を入れる
























upが終わったら　cssの編集

訂正するところは　外観の　ｃｓｓ
----------
body
{
       margin: 0 auto;
       padding: 0;
       background-color: #EAB11F;　　　
       background-image: url('images/ここに画像の名前jpg');
       background-repeat: repeat;
       background-attachment: scroll;
       background-position: top left;
}
----------
こんな感じでタグを追加する。

東金勉強会の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'); ?>
----------
だけにしてしまいます。
これで前ページでトップ画像が表示されるはずです。

ここまで

カテゴリーとプラグイン

東金勉強会の3/2の覚え書き

　ナビの編集プラグイン

サイドナビを編集できるプラグイン　あると便利です。

プラグイン　→　新規追加　　　　　で　　「navt」　入れる

　
 

検索で出来た上記のプラグインをインストール
インストールの場所は　ツールの中　一番下に出来ている















このNAVTリストの編集











上記には適当に名前をつける　一応　「menu1」と　半角英数　で　その後右下の作成ボタンを押す
下の画像の右側に出来た　menu1が出来ている。









例えば　このmenu1に「紹介」を入れるとすると
紹介をクリック　→　青地の白文字反転　→　上の未設定部分に「紹介」が入る























未設定に入った「紹介」の所にマウスを持って行くと　移動の「十時矢印」が出てくる
コレをつかんでmenu1のに中にドラッグ　→　入れる

↓　出来たところ










ホーム(トップページ)に戻すことを作る時等は　
中下の方に「その他」　その中の　任意のURLに　ここのトップページのURLを書き込む




























任意のURLを反転　→　未設定欄から　→　menu1に移動<BR>
名前を　「ホーム」に付け　→URLを書き込む


























書き込んだら　右上のグリーンのチェックを押す　コレで決定

大きい靴下　　　　　ゆったり靴下

 

プラグインのインストール

プラグインのインストール方法は二通りあります。　
　一つはfftpなどでプラグインのフォルダーをwpの中に入れる方法

　あと一つは　wpから直にインストールする方法です。

　★　お問い合わせを作る

プラグイン　→　新規追加　　のページを開く



















プラグイン　→　新規作成　→検索のところで欲しいファイル名を入れる　→　プラグインの検索<BR>
　　上記では　contactform7と入れました。　　コレは「お問い合わせフォーム」を作るプラグイン




















　⇒　







検索をかけると上記のように　いくつか候補が出てきます。
　プラグイン説明の右側を見るとインストールのリンクの文字が出てきています。
　ここで入れたいプラグインのインストールボタンを押す
















右上の今すぐインストールを押す










上記の様になったら　「プラグインを有効化　」を押す
するとこのプラグインはお問い合わせを作るプラグインだから　
「ダッシュボード」の下のところに「お問い合わせ」が出来ている

---

お問い合わせフォームの編集

お問い合わせフォームを作る方法
　contactform7のプラグインを入れる　→　有効化　→　新規ページ作成(コレがお問い合わせページとなる

出来たお問い合わせの下三角ボタンを押すと編集が出てくる

ここをクリック　　お問い合わせフォームの編集をする　　日本語に為っている所のみ
　[　]　で囲まれている所はいじらない　!!

 

フォームはいろいろ追加できる。　また何個でも作れる。

 

ここまで出来たら　右側の保存ボタンを押す
左側ナビボタンから　
　　　新規ページ作成　で新しいページを作り　題名を　「お問い合わせ」　等にする

 

パーマリンクの所後ろが日本語表記に為っているのでここを半角英数に変更
　　　隣の編集ボタンを押して　「contact」とかにする　　　赤丸の中
　　








そして本文の所に案内の日本語と[contact-form1　"コンタクトフォーム1"]を入れる
下記は　　　「当店へのお問い合わせは下記のフォームをご利用ください」　　と










 

　[contact-form1"コンタクトフォーム1"]　　は先ほどのナビの中の　

お問い合わせを編集した時　一番上にあった茶色に白の反転文字　
コレをコピーして　先ほど編集中のお問い合わせページにコピーする　　
カギ括弧も入れる。

 

編集が終わったら右下の更新ボタン(青い)を押す



できあがったページ　　　確認の為ここでテストメールを出しておく

カテゴリーとプラグイン

東金勉強会の3/2の覚え書き
カテゴリー
カテゴリー名の下　「カテゴリースラッグ」とは　IEでは日本語表記が出来ないのでここは半角英数で入れておく


















カスタムフィールド　　使わず　　　　All in One は　必要なときだけ使う

---

プラグイン　lightbox 2のインストール
フラッシュで画像を作るプラグイン

検索窓にlightbox 2と入れた　　→　プラグインの検索　→　有効　それだけ　コレは
設定の下の方にlightbox 2と出ている。　　黒背景だから　Black

背景を黒　ここに画像が浮かび出てくる　　

プラグイン　→　新規作成　→検索のところに lightbox 2　→　プラグインの検索　
一番右端の　インストールボタンを押す　→　今すぐインストールの赤文字　→　クリック
→　インストールに成功しました。の下の　有効化ボタンを押す

コレでLightbox2はインストールできた。　　　　
すぐに画像が　黒背景で浮かび上がってくるはず　　ブログに表示された画像が

でも出来ない　→　下の画像　パーマリンクの所　間違っています。　

 












本当は　http://××××.jp/etc/・・・・・の所は％が入ってはいけません。
設定のなかのパーマリンクを開き　この場所































/%category%/%post-%post_id%.html　　ここ　postの前に％を入れてしまいました。
正解　→　/%category%/post-%post_id%.html
この状態で　ブログを書き　画像を挿入

ファイルのURL となり％が入って居なければ大丈夫
だめだったら　画像の編集ボタンを押し　変更する

画像の編集　のところでファイルのURLを確かめる

























上記　「ファイルのURL」が下記のように<BR>
「リンクのURL」　と為っていたら　ファイルのURLボタンまたはその隣の投稿のURLを押し<BR>
「ファイルのURL」に変更する

















これでlightbox 2は動くと思います。
by 大きい靴下　　　ゆったり靴下