ホーム > タグ > WordPress

WordPress

wordpress 2.8.1 にしたら ShadowBoxが動かない・・・と思ったら

同様に困ってる人発見。
http://wordpress.org/support/topic/284028

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

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

wordpress 2.6.2に更新

してみたところ、
以前改造したAdd Meta Tagプラグインで、Warningが出てしまった。
WordPressのカスタムフィールドで<HEAD>内でJavsScript, CSSをロードして動かす

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

Continue reading

wordpress に addthis を追加

してみた。
有名なソーシャルブックマークへのリンクをつけるやつです。

addthis

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

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

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>

WordPressのカスタムフィールドで<HEAD>内でJavsScript, CSSをロードして動かす

MacOSXのようなダイアログをページ内に表示する、
ModalBoxの改造記事を書こうと思ったんだけど、
WordPressで記事ごとにJavaScriptやCSSの読み込みを追加したくて悩む。

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

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

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

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

Continue reading

FancyZoomで画像を拡大表示

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のスタイルをちょっといじりました。

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

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

Hello! WordPress!

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サイトができる。

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

Home > Tags > WordPress

リンク
chocolataste-planner
millon

サーチ
Feeds
Meta
blog ranking ブログランキング・にほんブログ村へ
にほんブログ村 テクノラティのお気に入りに追加する

Return to page top