««
»»

2008年3月7日(金) 20:00:02 @ Charlie

CSS の li に width を指定すると不具合が起こる

Category : 設定

ol li タグが連番にならない不具合

EasyAll 1.1 の CSSで、

PLAIN TEXT
CSS:
  1. #content div.post div.storycontent li {
  2.     margin-left: 30px;
  3.     width: 85%;
  4. }

などと width を指定しているようだが、そんなことをすると不具合が起こりまくってしょうがない。

たとえば、 ol タグで番号が連番にならず、

1. ああああ
1. ああああ

のようになってしまうわ、 ul でリストマークがこんなところにはいっちゃったり。

●　1 行のリストなら問題ないが・・・

　　今日はとても良い天気ですね。明日もいい天気に決まってます。さらに
●　文章は続きますよ、ここは折り返された行と思ってもらえれば。

見づらくてしょうがない。

何がいいたいかというと、 li に width は指定するなってことだ。

««
»»

2008年2月15日(金) 20:00:52 @ Charlie

WordPress でアーカイブをドロップダウンにする設定

Category : 設定

WordPress 設定変更

WordPress でアーカイブをドロップダウンにするには、
[表示] - [ウィジェット] でアーカイブをクリックし、「 Display as a drop down 」のチェックをいれるだけ。

実は sidebar.php のソースを変更するんだと思い込み、[表示] - [テーマエディタ] からソースをいじってみたものの、変わる様子がない。「デバッグ！！！！」とか入れてみても表示されないのでさすがにおかしいと思い、調べていくうちに、どうやら if 文以降の部分が実行されていないことが分かった。ウィジェットでメニューをカスタマイズしていると、その条件分岐が偽になって実行されないらしい。つまり、 if 文の中身はまったく無駄なコードということになる。以下のソースを見れば、どれだけムダがあるか分かるだろう。

サイドバー変更前のソース
PLAIN TEXT
PHP:
  1. <div id="menu">
  2. <ul>
  3.  
  4. <?php   /* Widgetized sidebar, if you have the plugin installed. */
  5.     if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
  6. /* ここから */
  7.  <li id="calendar"><h2><?php _e('Calendar'); ?></h2>
  8.     <?php get_calendar(); ?>
  9.  </li>
  10.  
  11.  <li id="search">
  12.    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
  13.     <div>
  14.         <input type="text" name="s" id="s" size="15" /> <input type="submit" value="<?php _e('Search'); ?>" />
  15.     </div>
  16.     </form>
  17.  </li>
  18.  
  19. <?php get_links_list(); ?>
  20.  
  21. <li><h2><?php _e('Archives'); ?></h2>
  22. <ul>
  23. <?php wp_get_archives('type=monthly&show_post_count=true'); ?>
  24. </ul>
  25. </li>
  26.  
  27. <li><h2><?php _e('Categories'); ?></h2>
  28. <ul>
  29. <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
  30. </ul>
  31. </li>
  32.  
  33.  
  34. <li id="meta"><h2><?php _e('Meta'); ?></h2>
  35. <ul>
  36. <?php wp_register(); ?>
  37. <li><?php wp_loginout(); ?></li>
  38. <li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
  39. <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
  40. <li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?></a></li>
  41. <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
  42. <li><?php echo sprintf(__('<a href="http://wordpress.org/" title="%s">WordPress</a>'), __("Powered by WordPress, state-of-the-art semantic personal publishing platform.")); ?></li>
  43. <?php wp_meta(); ?>
  44. </ul>
  45. </li>
  46.  
  47. /* ここまで */
  48. <?php endif; ?>
  49.  
  50. </ul>
  51. </div>
  52. <!-- end sidebar -->

サイドバーのコード

無駄骨を折らされて頭にきたのでサイドバーのソースから無駄な部分を削りまくってやった。ざまみろ。

サイドバー修正後のソース
PLAIN TEXT
PHP:
  1. <div id="menu"><ul>
  2.   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
  3.   <?php endif; ?>
  4. </ul></div>
  5.  
  6. <!-- end sidebar -->

若干処理が早くなって一石二鳥くらい。

««
»»

2008年2月14日(木) 20:01:17 @ Charlie

WordPress でタイトルの横に表示された数字を消す設定

Category : 設定

WordPress 設定変更

WordPress のカテゴリですが、デフォルトではタイトルの横に数値が入ってうっとおしいです。

標準

スノボ (2)
日記 (2)

これを、以下のようにすっきりさせたいものとします。

設定変更後

スノボ
日記

1. WordPress の管理画面にログイン

2. [表示] - [ウィジェット] - [記事数を表示] のチェックを外します。

ウィジェットのカテゴリ

これで OK。

Counter : Access
ログイン