parpue.net » WordPress http://parpue.net Flash, Flex, デザイン等自分の好きなことを好きなようにやってます Wed, 12 Aug 2009 17:46:04 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 wordpress 2.8.1 にしたら ShadowBoxが動かない・・・と思ったら http://parpue.net/wordpress/1020 http://parpue.net/wordpress/1020#comments Mon, 13 Jul 2009 17:07:12 +0000 okm http://parpue.net/?p=1020 同様に困ってる人発見。
http://wordpress.org/support/topic/284028

ShadowBox最新版にして、一度プラグインを無効にして、
再度有効にしたら動きました。

困ってる人、お試しください。

]]> http://parpue.net/wordpress/1020/feed 0 wordpress 2.6.2に更新 http://parpue.net/wordpress/296 http://parpue.net/wordpress/296#comments Fri, 19 Sep 2008 09:37:35 +0000 okm http://parpue.net/?p=296 してみたところ、
以前改造したAdd Meta Tagプラグインで、Warningが出てしまった。
WordPressのカスタムフィールドで<HEAD>内でJavsScript, CSSをロードして動かす

他に問題ありませんように。。。

wordpress 内で使っている関数 get_post_meta の戻り値の判定がいけなかったのが原因・・・。
get_post_metaは空文字か配列を返しているようなので
null的なものがきたときは全てスルーするように変更。
これでwarning がでなくなった。

前回からの変更分。

>>text
PHP:
  1. // add javascript
  2.         $js_fld_contents = get_post_meta($posts[0]->ID, $js_fld, false);
  3. -       if($js_fld_contents !=null){
  4. +       if($js_fld_contents != false){
  5.             foreach($js_fld_contents as $js_fld_content){
  6.                 if ( !empty($js_fld_content) ) {
  7.                     $my_metatags .= "\n<script type=\"text/javascript\" src=\"". $js_fld_content  ."\"></script>";
  8.                 }
  9.             }
  10.         }
  11.  
  12.         // add css
  13.         $css_fld_contents = get_post_meta($posts[0]->ID, $css_fld, false);
  14. -       if($css_fld_contents != null){
  15. +       if($css_fld_contents != false){
  16.             foreach($css_fld_contents as $css_fld_content){
  17.                 if ( !empty($css_fld_content) ) {
  18.                     $my_metatags .= "\n<link rel=\"stylesheet\" href=\"". $css_fld_content  ."\" />";
  19.                 }
  20.             }
  21.         }
]]> http://parpue.net/wordpress/296/feed 0 wordpress に addthis を追加 http://parpue.net/wordpress/37 http://parpue.net/wordpress/37#comments Wed, 09 Jul 2008 03:35:39 +0000 okm http://parpue.net/?p=37 してみた。
有名なソーシャルブックマークへのリンクをつけるやつです。

■addthis

JavaScriptで、オーバーレイ表示。

addthisで配布しているプラグインとコードだとちょっと不十分だったので、
wordpressテンプレートに以下のように書いて表示確認。

>>text
JAVASCRIPT:
  1. <script type="text/javascript">
  2. addthis_pub = 'masahyro'; // 登録したユーザ名
  3. </script>
  4. <a href="http://www.addthis.com/bookmark.php" onMouseOver="return addthis_open(this, '', '<?php the_permalink();?>', '<?php the_title();?>')" onMouseOut="addthis_close()" onClick="return addthis_sendto()">
  5. <!-- ↓それぞれのaddthisのURLは登録時にもらえる -->
  6. <img src="http://xx.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="" />
  7. </a><script type="text/javascript" src="http://xx.addthis.com/js/xxx/addthis_widget.js">
  8. </script>
]]> http://parpue.net/wordpress/37/feed 0 WordPressのカスタムフィールドで<HEAD>内でJavsScript, CSSをロードして動かす http://parpue.net/wordpress/25 http://parpue.net/wordpress/25#comments Fri, 27 Jun 2008 08:16:07 +0000 okm http://parpue.net/?p=25 MacOSXのようなダイアログをページ内に表示する、
ModalBoxの改造記事を書こうと思ったんだけど、
WordPressで記事ごとにJavaScriptやCSSの読み込みを追加したくて悩む。

プラグインを利用＆改造して、
カスタムフィールドでこんな感じでできるようにしてみた。

カスタムフィールド
javascript, css フィールドにファイル名を指定して追加する。
（Add-Meta-Tagsを追加で、keywords,description フィールドの指定によって、
META情報もページごとに指定可能。）

というわけで、WorｄPressの個別ページで、
ModalBoxのJSとCSSを読み込んで、表示させてみた。

↓個別ページ表示でないと動きません。

ModalBoxテスト

クリックでModalBoxが表示されるでしょか。

■　記事本文中にjavascriptをかく・・・
プラグインを作っている方がおられました。
カスタムフィールドのHTMLを記事に挿入するプラグイン
ContentEXプラグインにより、カスタムフィールドに追加したHTMLを
そのまま記事本文中に記述できます。

本文中のJavaScriptに関してはこれでOKでした。便利。

■　head内でjavascript,css ファイルをロードする・・・

<script type="text/javascript" src="xxx.js" />
<link rel="stylesheet" href="xxx.css" />

こんなのをページごとに自由に差し込みたい。

近いプラグインで、ページごとにMETAを自由に追加できる、
Add-Meta-Tagsというプラグインがあったので、これをちょっと改造させていただきました。
→メタタグをページごとに設定できるWordPressのプラグイン:Add-Meta-Tagsの日本語版

このプラグインのMETAタグを追加している部分に
javascript, css カスタムフィールドがあった場合、HEADに追加する処理を、加えました。

add-meta-tags.php

>>text
PHP:
  1. // Custom Field names
  2.     $desc_fld = "description";
  3.     $keyw_fld = "keywords";
  4.     // javascript and css
  5.     $js_fld = "javascript";   // add
  6.     $css_fld = "css";          // add
>>text
PHP:
  1. // add javascript
  2.         $js_fld_contents = get_post_meta($posts[0]->ID, $js_fld, false);
  3.         if(!is_null($js_fld_contents)){
  4.             foreach($js_fld_contents as $js_fld_content){
  5.                 if ( !empty($js_fld_content) ) {
  6.                     $my_metatags .= "\n<script type=\"text/javascript\" src=\"". $js_fld_content  ."\"></script>";
  7.                 }
  8.             }
  9.         }
  10.  
  11.         // add css
  12.         $css_fld_contents = get_post_meta($posts[0]->ID, $css_fld, false);
  13.         if(!is_null($css_fld_contents)){
  14.             foreach($css_fld_contents as $css_fld_content){
  15.                 if ( !empty($css_fld_content) ) {
  16.                     $my_metatags .= "\n<link rel=\"stylesheet\" href=\"". $css_fld_content  ."\" />";
  17.                 }
  18.             }
  19.         }

これで javascript, css という名前のカスタムフィールドが有効になります。

]]> http://parpue.net/wordpress/25/feed 2 FancyZoomで画像を拡大表示 http://parpue.net/wordpress/6 http://parpue.net/wordpress/6#comments Thu, 12 Jun 2008 02:13:41 +0000 okm http://parpue.net/?p=6 codaというエディタが使いやすいということで、
販売サイトをみてるときに見つけた、WEBで画像を表示するJSライブラリのFancyZoom。

lightboxとはまた違った感じでおもしろい、
WordPressのプラグイン化したものもあったので、このサイトにも入れてみた。

ふじ
画像クリックで拡大・・・するはず。

参考）
■ coda (panic japan)
http://www.panic.com/jp/coda/

■ FancyZoom (この人もpanicの中の人)
http://www.cabel.name/2008/02/fancyzoom-10.html

■ WP FancyZoom
http://granades.com/wp-fancyzoom-wordpress-plugin/

一部 vicuna のテンプレートのCSSとバッティングしてうまく表示されなかったので、
FancyZoomのスタイルをちょっといじりました。

>>text
JAVASCRIPT:
  1. inCol1.style.width = '27px';
  2. inCol1.style.border = 'none';  // 追加
  3. inCol1.style.backgroundColor = 'transparent';  // 追加

inCol2 ～ inCol9も同様に修正。IE6だと透過png 表示できなくて残念。

]]> http://parpue.net/wordpress/6/feed 0 Hello! WordPress! http://parpue.net/wordpress/5 http://parpue.net/wordpress/5#comments Wed, 11 Jun 2008 08:43:49 +0000 okm http://parpue.net/?p=5 coreserverにWordPressをインストールしてみた。
長年NucleusCMSを使い続けていたので、
勝手が違いましたが、シェア伸ばしてるだけあって多機能！

というわけでWordPressをインストールして、
便利そうなプラグインもシコシコと追加したのでまとめておきます。

■ Flickr Feeder
http://gluedideas.com/
Flickerの画像をサイドバーに表示させる。

■ iG:Syntax Hiliter
http://blog.igeek.info/
ソースコード等を列番号つきで表示する。

■ MyTwitter
http://anwanore.com/projects/mytwitter
Twitterの更新情報をサイドバーに表示する。

■ SimpleTags
http://wordpress.org/extend/plugins/simple-tags/
WordPressの記事に関連付けたタグの管理、また同じタグの記事を関連として表示させる。

■ WP FancyZoom
http://granades.com/wp-fancyzoom-wordpress-plugin/

画像を拡大表示させるFancyZoomをWordPressで動かす。

追加したプラグインはこんなところです。
テンプレートは、http://wp.vicuna.jp/からいただいて、ちょっと改造しました。

うーん、他力本願ですぐご立派なBlogサイトができる。

今度はどれくらい続くかな！

]]> http://parpue.net/wordpress/5/feed 0