本日、数時間にわたり、ブログの画面が真っ白になっていました。

見た方、いらっしゃいますでしょうか‥‥？
すみませんでした！

「WordPress　真っ白」
で検索するも、私の事例にあったものがなかなか見つからず‥‥

ですが、ようやく、チラッと1行だけ書いてあったアドバイスが目に留まって‥‥
解決できましたし、原因も分かりましたので、メモとして書き残しておきます。

WordPress　の　php　を自分でいじくり倒しているという方には、
関係のある話になるかもしれません。

わかってみれば、基本的な凡ミスです＾＾；

■現象

・functions.php　編集直後、ワードプレスのすべての画面が真っ白に
（ブログ自体も、管理画面も、何も出ません。エラーも出ません）

・エラーログは何も無し（だったんだと思う‥‥。ちょっと自信ない）

・サーバーが落ちたわけではない
（WordPress　以外のページは、普通にアクセスできる）

■原因

functions.php　への、タグ記述ミス

普通、リンクタグは、

<a href="URL">

と書くんですが、これを　functions.php　に書くと、真っ白になります。

私のテンプレートは、functions.php　にフッターのリンクがあるため、
ここのリンクを編集中にやってしまいました。

リンクタグが記述できないのではなく、
”　←これを使うとダメなんです。

どうするかというと、　”　じゃなくて　’　を使ってください。

<a href=’URL’>

です。

これで、普通にリンクすることができます。

もしくは、

<a href=￥"URL￥">

でもいけるんじゃないかと。（￥は半角にしてね。）
こっちは確認してないけど。（ごめんなさい）

■まとめ

functions.php　は、記述を間違うと真っ白になる現象を引き起こします。

FTTPなどのソフトで、wp-includes　の中にある　functions.php　をDLし、
追加したコードを削除し、アップロードしなおすと、元に戻ることがあります。

削除するわけにはいかない場合、
”　をつかわないように注意。
”　は、全部　’　に変えてください。

も、本当、びっくりした。

それなりに読者が集まったら、
ステップメールもできる有料のとこで発行するとして、 まずは完全無料でやってみようと思って、

これ↓ acmailer（エーシーメーラー）

導入してみましたよ。

サーバーにアップしないといけないので、
まずはもちろんサーバーが必要なのですが、

ここ↓に
http://www.ahref.org/cgi/acmailer/acmailer_env.html
動作確認済みのサーバー一覧があるので、 要チェック！！

『このサーバーじゃこの機能は使えない』とかも書いてあるからね。

でー、設置ですが。 設置マニュアルがとっても親切なので、
ちょいちょいちょい、と操作して終わり。

本当に、「ちょいちょいちょい」って感じだった。 かんたーーん！

まあ、私はCGIの設置は何度も経験があるので、
初挑戦の人だと、こんなに簡単に思えるか分からないけど‥‥

でも、掲示板とかのCGI設置よりも、 かなり簡単だと思います。

普通は、
このCGIファイルのココとココを書き変えて～
これとこれとこれをアップロードして～
これとこれは属性755で、こっちは777で～ とか、
こういうことが必要になるんですけど。

CGIファイル一つを、ＤＬしたままアップロード。 属性変更。

あとはワンクリックで自動でインストールしてくれるようになってるから、 かなり簡単だと思います。

上にも書いた、動作確認済みのサーバー一覧 に、

SEEDSホスティングサービス、エックスサーバー、さくらインターネットに関しては
サーバーごとの特殊な設定方法も 画像付きで説明があるので、
そこを使ってる人は、本当に簡単だと思う。

htmlファイルしかアップロードしたこと無い人は、
属性（パーミッション）って言われてもサッパリだと思うけど、
ちょいとこういう知識を得ても面白いと思いますよ＾＾

（それについては、このページには書かれてないので、 分かんない方は、自分で調べるか私にメールくださいね！）

登録フォームと解除フォームの動作確認も済み。

でも、まだメルマガのタイトルとか決めてない。

‥‥分かりにくさMAXでスミマセン‥‥。

発行を始めたら、ブログにフォームの設置をして、記事も書きます。

ってことで、記事の最後に、自動で挿入してくれるようにしてみましょう！

時間の節約も大切ね。

と言っても。

これに関しても、わかりやすく説明してくださってるところがあるので、 ご紹介です。

コチラ↓
http://customblog.seesaa.net/article/20046869.html

追記するとすれば、 「挿入したい文章」には、HTMLタグが使えます。
ので、リンクを張ったりもできます。

逆に言えば、タグを書かないと動かないので、
＜ｐ＞や＜ｂｒ＞を忘れないように注意してくださいね。
（実は、私が忘れてたんです（笑））

かなり楽になりますよ！

細かく分けてあった方が、見やすいし、 実は記事数が少なくても、

なんか大きなブログに見えたり‥‥するかもしれない（笑）

無料ブログのこのツリー化。 JavaScriptを使用します。

なにそれ、しらないよ！そんなもの扱えないよ！

という方。

問題無いです。私もわかりません（笑）
書いてある通りに変更すればできますので、問題無いです！

・　私は、↓コチラ↓にお世話になりました。
http://koh-blog.seesaa.net/article/2416712.html

‥‥うーん、でも、初めての方には、書き方が難しく思えるかな？

・　１は、Seesaaブログの操作。
・　２は、上記の説明ページ。

スクリプトっていうのは、ページの少し下にある、四角で囲まれてるヤツ。

<SCRIPT language="JavaScript">で始まってる、英語だらけのヤツのことね。

“スクリプトをいじる”っていうのは、
あなたのブログで、カテゴリを右に置いてるか左に置いてるかで変わります。

左の設定になってるので、右にカテゴリがある人は、左を右に変えてください。
漢字で“左”って書いてあるところを、漢字の“右”に入力し直せばOK。

・　３～５は、Seesaaブログの操作。

これで、大丈夫かな？

この「ツリー化」のスクリプトは、 いろんなサイトさんが公開してくれてるんですが。

今まで、何回かやってみたんですが、実は上手くいかなかったのです；
今回はすんなりできました。

多分、単純にJavaScriptをOFFにしてたんだと思う‥‥。

ってことで、OFFにしてる環境では、うまく動きません。 少々ごちゃっとなります。

誰の目にも同じ環境で見えてるとは 思わないでくださいね。
↑これは、WindowsかMacかそれ以外か、 使ってるブラウザは何か、
などなどによる問題もあるので、
JavaScriptを使ってなくても、 日本中の人があなたとまったく同じように見えてるって考えるのは間違いです。

ブラウザを画面いっぱいに最大化して見る人、
資料と並べて見るために、ブラウザを画面半分で見る人、
この差だけでも、レイアウトが崩れたり見にくかったりするしね。

ちなみに、JavaScriptをOFFにしちゃうと、こんな感じ。

もちろん、デザインも気になるけど、
ブログのデザインまで自作しちゃうと、大変なので、 そこはテンプレートで。

それをゴチャゴチャいじくるだけでも、どんどんオリジナルになっていきますよ！

で、本題。 行間っていうのは↓

文字間隔は、↓

こういうことね。

テンプレートを使うと、日本語はいいんですが

アルファベットが混ざった時に 妙に文字間隔が狭くなって見にくくなることがあるので、
気になったら調整してみましょう。

——————————

行間について

段落（空白の行）を空けたい時は、
CSSじゃなくて、自分で改行して間を空けてね。

※改行（＜ｂｒ＞タグ）を連続でたくさん書くとブラウザに無視されることがあるようなので、
数行の間を空けたい時は＜ｐ＞タグを使うほうがオススメ。

ここでは、全角でタグを記述してますが、
タグは必ず半角でね！

閉じる＜／ｐ＞も忘れないように。

CSSで調整するのは、一つの段落の中での行間です。
すぐ次の行との間ね。（分かりにくい？）

行間 line-height: **px;

これで、行間を設定します。

**に好きな数字を入れるんですね。

大きい数字を入れれば広く、小さい数字を入れれば狭くなります。

単位が px になってますが、% とか cm とか mm とか色々使えます。
（ですが、センチやミリを使うことは、オススメしません）

で、この line-height: **px; を、
ブログ（サイト）のスタイルシートに書くんですが、

これはやり方がブログサービスによって違うんですよね。

最近のブログはCSSを触れるんじゃないかと思うので、
CSSとかスタイルシートっていうのを探してください。

サイトなら、拡張子.cssのファイルです。

シーサーブログなら、
上のメニューの 「デザイン」→「デザイン一覧」→下の方に現在使っているデザイン名が出てるはずなので、
使ってるヤツをクリックすると出てきます。
（分かんない時は、メールくださいね）

ここで注意。 スタイルシートをいじくると、デザインが崩れることがあります。

元の状態に戻す機能が付いていればいいですが、
そうでなければ 必ず、コピーを取っておくとか、おかしくなったときにすぐに戻せるようにしておいてください。

元に戻せなくなった、などの責任は取れませんよ？

表示されたスタイルシートの全部をコピーして、Win付属のメモ帳とかに貼り付けておくといいです。

準備はOKですか？

では、ここに行間を指定する「line-height:」を書くんですが、
「どこに？」って話ですよね。

英語ばっかりで難しそうです‥‥。
でも、関係ないとこは無視しとけばいいです。 今必要なのは行間だけ。

さて、お使いのCSSに、「line-height:」と書かれた場所がありますか？
‥‥英語ばっかりで分からないですね。

そういう時のスキルアップ！

検索機能を利用してください。
Windows使用の方は、「Ctrl+F」
Macintosh使用の方は、「Cmd+F」（のハズ；）です。

どこに出るかは、ブラウザによるのでハッキリ言うことができませんが、

検索って書かれたものが出たはずなので、（Firefoxをお使いの方は、画面下部です）
そこに「line-height:」をコピペして検索してください。

・　見つかりました？

見つかった人は、そこで行間を設定してあるみたいです。
数字をいじくってみましょう。

もしかしたら、一か所だけじゃないかもしれないので、注意。

・　ありませんでした？

私も最初はありませんでした。

では、書いてしまいましょう。

どこにか、って話ですが、 bodyって書いてるところを見つけてください。

body｛ ・ ・ （なんか色々書いてる） ・ ・ ｝

ってなってるハズですので、
この｛から｝の間に、『line-height: **px;』を書き加えてください。
最後の『；』を忘れないように！

—————————————————–
**に数字を入れるっていっても、
具体的にどのくらいの数値でどうなるのか、分かんないですよね。

私も分かんないですよ。
文字サイズにもよりますし。

ので、考えるよりも動け！です。

適当に入力してみて、プレビューなどで確認しながら調整してください。
実験です。

——————————

文字間隔 letter-spacing: **em;

使い方は、行間と同じです。
これも**に数字を入れて使ってね。
 

単位が em になってますが、これもいろいろ使えます。 行間と一緒です。

ちなみに、この「em」という単位は、 1em＝1文字分　だと解釈してください。

文字間隔を1文字分（＝1em）にしちゃうと、
見にくいので、注意してね。 間隔を開けすぎです。

ちなみに、このブログは0.1emです。今のところ。

——————————

私の生徒さんに教えるなら、 この説明では難しいだろうなあ‥‥。

もし、これを見ても分かんなかったら、 この部分が分からないとか、
ここまでやってみたけど分かんないとか、メールしてね。

どこのブログサービスを使ってるのかも忘れちゃダメですよ。

状況を伝えてくれれば、分かる限りでお答えします。

お次はメールフォームです。

完全無料＆商用ＯＫ、著作権表示必要なし、かつ高機能、
さらに、作者さんがものすごく面白い、

そんなメールフォームＣＧＩを発見！

ホームページ無料診断＆相談もやってくれてるよ‥‥！

あ、「完全無料」は、自分でＣＧＩの設置が出来る方は、ね。
有料で設置代行もやってくれます。 . ————————————————————

普段は、ふぉーむまんを使ってるんですけど‥‥

これ、有料版もあるし、使ってる人は多いみたいですね。

でも、私は↓コレ見つけちゃったので‥‥。
メールフォーム プロ

ネットビジネス関係のブログやサイトでは、このフォームを使ってみようと思いまして。

無料だよ！？

商用ＯＫ
著作権表示必要なし
UTF-8専用。

リファラー取得
自動返信メール
スパムブロック
件名に通し番号割り当て
郵便番号辞書

機能が多すぎて、書ききれるわけ無い。

※設置後気づきましたが、JavaScriptが無効になっていると、動かない様子です。
そんなに問題ない‥‥かな？？

無料だよ！？

しかも、マニュアルがものすごい面白い（笑）
おもしろ優しく書かれてて素敵（笑）

あ、でもこれ、ＣＧＩ設置に自信がある人向きらしい。

基本的なＨＴＭＬファイルが作れるとか、そういう力も必要になります。
メールを送った後の「サンキューページ」とかね。
ＨＴＭＬファイルで好きに作ることになるので。

もっと簡単設置が可能な、
シンプルバージョンのメールフォームＣＧＩも用意されてるので、
設置なんてやったことないよ！って人は、そっちをやってみるのもいいかも。

うん、何にせよ‥‥
機能とか、ご自分の目で確認すると良いと思う！

いろいろカッコイイわ、このＣＧＩ（笑）

↓クリックしたら私に報酬が入るとか、ＤＬしたら報酬が…とか、
一切無いので、がんがんクリックするといい（笑）
メールフォーム プロ

↓その他いろいろＣＧＩ。
http://www.synck.com/contents/download/cgi-perl/index.html