ふと、そういえばコピーライトの表示がない、と気づいた。
プラグインもあるみたいだけど、このところいくつか追加してるんで、
あんまりたくさん入れるのもなあと思い、
複数サイトを参考に、ついにphpを修正。
外観＞テーマ編集＞footer.php の「<div id=”site-info”></div>」
の中にあるコードを下のように変更。
Copyright © 2012-<?php echo date(Y);?> <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo('name' ); ?> </a>All Rights Reserved.
・フッターに設置しているCopyright表記の年度は2013年に変更しよう
・フッター表記「proudly powered by wordpress」の変更方法
これは一発でできて問題なかったんだけど、
検索でけっこうTwentyten のカスタマイズページがヒット、
コピーライトの前に、ついそちらにはまってしまった。
WPの構造や初歩的なカスタマイズにそそられるものがあったのと、
カスタムCSSがエラーになるのでCSSの変更ができず、
（本体の style.css をいじりたくないので）
じゃあカスタマイズで必ず出てくる
子テーマというのを作ってやればいいんじゃないの、と思ってしまったのだ。
これも作るの事態は問題なし。
/wp-content/themes の下に kid というディレクトリを作成、
style.css（必須） とfunctions.php（任意） を作成（コピーして中身を修正）。
が、反映されず。
とりあえず、作った子テーマはそのまま置いておく。
・子テーマ
・WordPressの Twenty Ten テーマ の 子テーマを作る方法
・TwentyTenをカスタマイズする
・ワードプレスカスタマイズ
・CSSだけでもけっこうイケル Twentyten のカスタマイズ
・Twenty Ten テーマの構成（レイアウト）-1
⇒特にこのサイトは参考になりそう。
んなことをしてたらロリポップから返信あり。
カスタムCSS保存時のエラー403について。
曰く、WAFのエラーだから無効化してみろ、とのこと。
ああ、そうだった。
そういえばプラグイン設置時に、
WAF無効化しろとどこかのサイトにあって、無効化したのを忘れてた。
でこの前、改ざん問題でWAFは有効化したんだった。
エラーはファイルパーミッションかと思ってたんだけど、
このカスタムCSSは静的ファイルじゃなくて動的に吐き出される、
と、これもどこかにあり、？？？であったのが、
なるほど、どこにもCSSファイルがないはずだわ、
というところまでたどりついていたのだった。
とにかくこれでCSS編集ができるようにはなった。
でも、子テーマのCSSが効かないのは、
このカスタムCSSがあるからかなあ、
（カスタムCSSを無効化してみればいいんだろうけど）
それならそれでいいんだけど、
えーと、私は何をCSSで変えたかったんだっけ？
肝心のことを忘れるところだった。
コンタクトフォームだ！
★プラグイン Contact Form 7 設定を以下に修正
[response]
<p>◆お名前 (必須)<br />
[text* your-name class:con] </p>
<p>◆メールアドレス (必須)<br />
[email* your-email class:con] </p>
<p>◆タイトル<br />
[text your-subjec class:con] </p>
<p>◆メッセージ本文<br />
[textarea your-message class:mess] </p>
<p>[checkbox* use_label_element
“上記内容にて送信します。よろしければチェックを入れてください。”] </p>
<p>[submit “送信”]</p>
[response]
★カスタムCSSに以下を追加
/* コンタクトフォーム */
#wpcf7-f3292-p3293-o1 {
border: 2px;
font-size: 14px;
color: #333;
}
.wpcf7 .con {
height: 32px;
padding: 2px 10px;
width: 450px;
border: 1px;
font-size: 13px;
color: #fff;
background-color: #f1f1f1;
}
.wpcf7 .mess {
height: 300px;
padding: 6px 10px;
width: 500px;
border: 0;
font-size: 14px;
background: url() no-repeat;
color: #fff;
overflow-y: auto;
background-color: #f1f1f1;
/* IEでスクロールバーを消す為に記述 */
}
コメント