ホーム > タグ > Plugin
Plugin
SyntaxHighlighter for Windows Live Writerが動かない時の対処方法
- 2008-10-16 (木)
- Wordpress
テーマをwp.Vicunaに戻しました。
Windows Live Writerでスタイルが反映しない点以外は、不満が全く無いんですよね。
早く*CSSファイル内の@importに対応してほしい*ものです(。。
で、細かい調整はまだまだなのですが、一ヶ所だけはまった部分がありまして。
SyntaxHighligherが適用されませんでした orz
いや・・・wp.Vicunaのせいではないかもしれません。
何かのプラグインと干渉したのかな?
イロイロ試してgoogle先生に聞いて、やっと解決したのでインストール手順を含めてメモしておきます。
[Windows Live Writerにソースコード挿入プラグインを追加 :: C#.NETでいく?](http://www.naggy.bne.jp/cs.net/2008/06/SyntaxHightlighter-for-Windows-Live-Writer.html)を参照にしました。
- Comments: 0
- Trackbacks: 0
Highslide JSをWordpressで使う
- 2008-10-16 (木)
- Wordpress
現在はLightboxを使用しています。
以下の記述は現在仕様していません。
Lightboxについては[Lightbox 2.04をWordpressで使う](http://www.2drops.jp/2009/02/lightbox/)を参照してください。
Highslide JSは画像を表示させるためのJavaScriptです。
画像がズームするエフェクトが格好いいので、お気に入りです。
なんとなくいまさら感がありますが、Wordpressで使う方法のメモです。
プラグインを使わずに、スキンの変更だけで行います。
いちいちタグを入れるのが面倒だという方はWPJ-Highslideを利用してください。
私はWindows Live WriterにWlOdekoをインストールして使っています。
その場合は手順4までを行えばOKです。
### 手順1:ダウンロード
[Highslide JS - JavaScript thumbnail viewer](http://highslide.com/)からダウンロードします。
英語で難儀する人もいるかもしれませんが、**Downloadをたどっていくだけ**なのであまり迷わないかと思います。
中学生レベルの英語力な私でも、一発でダウンロードできました(苦笑)
### 手順2:アップロード
ダウンロードしたファイルを解凍すると highslide-x.x.x というフォルダができます。
その中にある highslide フォルダをサイトのトップか、Wordpressの設定で「ブログのアドレス (URL)」に設定したところに配置します。
このブログだと http://www.2drops.jp/ 直下になります。
他のHTMLファイルや images フォルダはアップロードの必要がありません。
表示のサンプルになります。
### 手順3:テーマの編集
header.phpの最後のほう**``から``までを書き換え**ます。
これで上手くいかないようならば、バージョンが古い可能性があります。*最新バージョンをアップロード*しなおしましょう。
<?php endif; ?> <script type="text/javascript" src="<?php bloginfo('home'); ?>/highslide/highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = '<?php bloginfo('home'); ?>/highslide/graphics/'; </script> <?php wp_head(); ?>
### 手順4:CSSを編集する
以下のコードをCSSファイルに追加します。
.highslide { cursor: url(<$MTBlogURL$>highslide/graphics/zoomin.cur), pointer; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(<$MTBlogURL$>highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-full-expand { background: url(<$MTBlogURL$>highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
- Comments: 0
- Trackbacks: 0
メールフォームを簡単に追加 >> Contact Form 7
- 2008-07-14 (月)
- Wordpress
メールアドレスをそのままサイトに載せると、迷惑メールでパンクしちゃうんですよね。
かといって載せないと、イロイロと不都合が生じてきますし・・・
たとえばGoogle Adsenseだと、画像ではNGになっちゃうんですよね
メールフォームを使えば、少しはスパム投稿が減るのではないかと思います。
完全というわけにはいきませんが・・・
ということで、簡単にメールフォームを追加できるContact Form 7を導入しました。
- Comments: 0
- Trackbacks: 0
Google Analyticsを簡単に導入 >> Ultimate Google Analytics
- 2008-04-27 (日)
- Wordpress
Blogを書いていると、どうしてもどんな記事に人気があるのか?というのが気になります。
それを知るためにアクセス解析を導入するわけですが、自分でツールを探してきてインストールするのは、サーバースペースを使い果たしかねなくてもったいないです。
無料のアクセス解析を使っている人も多いのではないでしょうか?
私も[Google Analytics](http://www.google.com/analytics/ja-JP/ “Google Analytics”)を利用して、検索キーワードやページビューを確認しています。
これを確認しておくと、次の記事を書くときの参考になるんですよね。
デザインを自分で行う人だと、ブラウザやOS、画面解像度をよく見るのかな?
ただ、若干の問題もあります。
自分のアクセスを弾ききれていないというか、サイトの調整をした日に「こんなに人が来るわけ無いだろ!」というのが時々あります。
そこで[Ultimate Google Analytics](http://www.oratransplant.nl/uga/ “Ultimate Google Analytics”)を導入することにしました。
- Comments: 0
- Trackbacks: 0
Home > Tags > Plugin
- Search
- Information
- Feeds
- Meta
