2008/11/29 土曜日

CSS で文字が消える不具合

Filed under: 設定 — Charlie @ 2:00:59

CSS で文字が消える不具合

WordPress で記事を投稿するときに、最初のタイトルタグの文字が消えてしまう不具合が発生。
下にスクロールして、また上の方に戻ってくるとまず消えている。

実際に起こったケース。
管理画面にログインしたあとに記事を見ると、最初の方に編集のリンクがでてくる。
この「編集」は div.meta で囲まれているのだが、その後に h4 タグとかがあると文字が消えてしまう。
範囲選択してやると元に戻ったりするが、気になったので google パワーを消費。
CSS 、消えるで検索したら一発ヒット。

IE6 で背景色/背景画像を指定している場合に、一部の文字列が消えることがあるらしい。
解決策は width を auto 以外に指定すること。

というわけで、 div.meta の後に使うのは h4 だが、一応それ以下の見出しタグすべてに width を指定してやった。

CSS:
  1. div.storycontent h4 {
  2.     width              : 100%;    /* div.meta の後で文字が消えることがある対策 */
  3.     font-size          : 12px;
  4.     background-color   : #38b48b;
  5.     color              : #ffffff;
  6.     margin             : 20px 0px 0.5em 0px;
  7.     padding            : 1px 2px 1px 10px;
  8. }
  9.  
  10. div.storycontent h5 {
  11.     width              : 100%;    /* div.meta の後で文字が消えることがある対策 */
  12.     font-size          : 12px;
  13.     border-left        : 5px solid #38b48b;
  14.     margin             : 20px 0px 0.5em 0px;
  15.     padding            : 1px 2px 1px 10px;
  16. }
  17.  
  18. div.storycontent h6 {
  19.     width              : 100%;    /* div.meta の後で文字が消えることがある対策 */
  20.     font-size          : 12px;
  21.     border-bottom      : 1px solid #38b48b;
  22.     margin             : 20px 0px 0.5em 0px;
  23.     padding            : 0px 2px 0px 10px;
  24. }

これで OK 。

記事「CSS の li に width を指定すると不具合が起こる」とは逆に、 width を指定しないと不具合が起こるというのだからどっちやねん。

2008/11/28 金曜日

Counterize II のバージョンアップ作業

Filed under: Counterize2 — Charlie @ 22:00:33

Counterize II のバージョンアップ

2.12.7 から 2.14.1 へアップグレードしたので、今後のための覚書。

※ 記事「WordPress にカウンターを設置する」で改造している人は、これをやらないと動かない。

1. プラグインのダウンロード&解凍

CODE:
  1. # cd wordpress/wp-content/plugins/
  2. ・ テンポラリディレクトリの中で作業する
  3. # mkdir tmp
  4. # cd tmp
  5. # wget http://downloads.wordpress.org/plugin/counterizeii.zip
  6. # unzip counterizeii.zip

2. 改造コードの追加

CODE:
  1. # vi counterizeii/counterize.php

以下の改造コードを追加

PHP:
  1. if(function_exists('load_plugin_textdomain'))
  2.   load_plugin_textdomain('counterize','wp-content/plugins/counterizeii');
  3.  
  4. include("browsniff.php");
  5.  
  6. # この辺に追加
  7. # Bloody-Mary
  8. function counterize_getPageHits($uri) {
  9.   $a = parse_url($uri);
  10.   parse_str($a['query']); # Check
  11.   if(ereg("[0-9]+$", $p)) {
  12.     $num_p = $p;
  13.     $sql = "SELECT count FROM wp_Counterize_Pages WHERE url = '" . $uri . "'";
  14.     $wpdb =& $GLOBALS['wpdb'];
  15.     $result = $wpdb->get_var($sql) . " Access";
  16.   } else {
  17.       $result = "";
  18.   }
  19.   return $result;
  20. }

3. 旧バージョンの無効化&新バージョン有効化

以上で OK 。

2008/11/27 木曜日

WordPress のアップグレード

Filed under: 設定 — Charlie @ 22:00:59

WordPress のアップグレード

wordpress-me223 から wordpress-2.6.3-ja へアップグレードしたので、今後のための覚書。

1. バックアップ

wordpress ディレクトリを別名で保存しておく。

CODE:
  1. # cp -p -r wordpress wordpress.bak

2. テンポラリディレクトリの中で新バージョンの解凍作業をする

CODE:
  1. # mkdir tmp
  2. ・ wordpress ディレクトリは URL アクセスのために必要。
  3. ・ バックアップの方を tmp ディレクトリに移動しておく。
  4. # mv wordpress.bak tmp/
  5. # cd tmp
  6. # wget http://ja.wordpress.org/wordpress-2.6.3-ja.tar.gz
  7. # tar zxvf wordpress-2.6.3-ja.tar.gz
  8. # cd wordpress

tmp ディレクトリに、新バージョンの wordpress とオリジナルの wordpress.bak ディレクトリが存在する状態になった。

3. プラグイン停止

念のため、 WordPress の管理画面にログインしてすべてのプラグインを停止させておく

4. 必要なファイルを持ってくる

※ FTP クライアントソフトでアクセスし、サーバ上のフォルダをバックアップ、必要ファイルを持ってきた上で、新バージョンをアップロードしても良い。

CODE:
  1. ・ wp-config.php のコピー
  2. # cp wordpress.bak/wp-config.php wordpress/
  3.  
  4. ・ uploads をディレクトリごとコピー
  5. # cp -r wordpress.bak/wp-content/uploads/ wordpress/wp-content/uploads/
  6.  
  7. ・ plugins ディレクトリ内のファイルをコピー。
  8. ・ ただし、存在しないディレクトリだけをコピーする。
  9. # cp -r wordpress.bak/wp-content/plugins/ほにゃらら1 wordpress/wp-content/plugins/
  10. # cp -r wordpress.bak/wp-content/plugins/ほにゃらら2 wordpress/wp-content/plugins/
  11. # cp -r wordpress.bak/wp-content/plugins/ほにゃらら3 wordpress/wp-content/plugins/
  12. # cp -r wordpress.bak/wp-content/plugins/ほにゃらら4 wordpress/wp-content/plugins/
  13.  
  14. ・ テーマディレクトリも
  15. # cp -r wordpress.bak/wp-content/themes/ほにゃらら1 wordpress/wp-content/themes/

5. アップグレード用 URL にアクセスし、自動アップグレード

http://ドメイン/wordpress/wp-admin/upgrade.php

6. 迅速にディレクトリ移動

アップグレードに成功すると

http://ドメイン/wordpress/

の表示がおかしくなるので、すかさずディレクトリを入れ替えること。

CODE:
  1. ・ 今 tmp ディレクトリの中にいるので
  2. # mv ../wordpress ../wordpress.del
  3. # mv ./wordpress/ ../
  4.  
  5. ・ URL で WordPress が表示されることを確認してから
  6. # cd ..
  7. # rm -R wordpress.del/

7. 管理画面にログインして必要なプラグインを ON にする

以上、 OK 。

Total Hits: 71268 / Total Unique URL: 27704 / Hits today: 14
Login