2013年12月2日月曜日

PDFもLightbox表示をさせるために、Easy FancyBoxをインストール

サイトにPDFを掲載することになった。
画像表示用に使っていたプラグイン、Lightbox Galleryは、PDF表示に対応していないことがわかった。PDFを表示すると砂時計表示の後にFirefoxが落ちてしまう。そのため、Lightbox系プラグインの変更することにした。
候補は、Easy FancyBox。インストールしてみると、PDFを問題なく表示できた。このプラグインを採用する方向で作業を進める。

ただしLightbox Galleryを停止すると過去記事のサムネイルが全て小さくなってしまった。さらにもう1つ、サムネイルクリック時に直接Lightboxが開かず、htmlの単体画像表示ページが表示されるようになってしまった。もう一度画像をクリックするとLightboxで表示される。記事掲載の画像サイズ調整と、画像の直接オープンを、Lightbox Galleryが行っていたらしい。


そこで、サムネイルサイズ変更と、サムネイルのリンク先の変更を実施しようとした。しかし、Regenerate Thumbnailsでサムネイルサイズを変えると、トップページの他の画像まで大きくなってしまう。” サムネイルサイズ”という画像サイズを複数のプラグインが複数の箇所で使っているから、1つを変えると小さくあってほしい画像まで大きくなるのか・・・。どういう属性があって、それを各プラグインがどう使っているか、の知識がないと、いろいろなプラグインで競合して意図しない表示になるということ。カスタマイズ性と単純性の両立は難しいのかな。



結局サムネイルサイズ変更はあきらめて、小さなサイズのまま並べることにした。ただしサムネイルからのリンク先は変更し、直接メディアにリンクすることでワンクリックでLightboxが開くようにした。

これで完成。

2012年8月13日月曜日

Wordpressの管理者アカウントがロックされた。

数日前、記事を書こうとすると、Wordpressの管理者アカウント(admin)がロックされていました。
そして下記のような、7時間後に再度ログインするようにとのメッセージが。

ここ1ヶ月ほどはログインしていなかったので、私の誤操作と言うことはありません。
調べてみると、どうやらWordpressはユーザー数が多いので、アタックもされやすいとのこと。
特に少し前までのWordpressのユーザー名は”admin”と決まっていたので、
adminアカウントは攻撃を受けやすいそうです。
そこで、ユーザー名を、デフォルトの”admin”から変更しました。
 
新しいユーザー名は”mekemeke”、パスワードは"tensai"にしました。うそです。

いずれにしろ、これでロックがかかることも減るでしょう。

2012年4月28日土曜日

DBの自動バックアップができない。

WP-DBManagerを使ったDBの自動バックアップを設定しようとしましたが、どうしてもできません。

下記参考URLの通りに再インストールや確認をしましたが、できませんでした。


[解決済み] WP-DBManager:自動実行機能の日付が過去に。実行できず
多分間違い無いと思いますが、BASIC認証が障壁となってWordPress自身がwp-cron.phpにアクセスできないのだと思います。
cron.phpの中でwp_remote_post()を使ってwp-cron.phpを読み込んでいるため、サーバー自身がURLでwp-cron.phpにアクセスできないと正常に機能しませんし、これはBASIC認証の制限にも引っかかります。
という記事がありましたが、私のサイトで.htaccess でアクセス制限は、WP-DBManagerで指定された1カ所をのぞいてかけていません。


WP-DBManager
サーバーがminibirdなので、このページの通りのインストールも行いましたがだめでした。

WP-DBManagerをCoreserver等で動かす場合。(セーフモード)
無駄と思いつつ、セーフモードでの動作方法も試しましたが、だめでした。




手動でのバックアップ、最適化はできるので、今回はあきらめようと思います。
この作業に3時間もとられてしまいました…。

パスワード制限付き予定表を作成

パスワード制限付き予約表を作成しました。
 条件は以下です。

MUST
・ページ内に予約表を埋め込めること
・予約表ページのみ、閲覧にパスワード設定ができること
・書き込みにもパスワードが設定できること

Want
・直感的に使えること
・文字が大きくできること
・予約の登録者と承認者を分けて、承認したものだけ掲載ができるようにすること。
・メール通知があること(予約作成時、ユーザー登録時)

調べた結果、下記2つのプラグインを組み合わせることにしました。





併せて、Wordpress自体のページでのパスワード機能を使って閲覧を制限することにしました。

My Calendar
カレンダープラグイン。埋め込み機能と柔軟なデザインカスタマイズあり。メール通知機能あり。
ポップアップ系の動作は少し使いにくいが…代替がないので我慢。

Wordpressのページのパスワード制御
デフォルトでページ編集画面についている機能が利用できます。非公開設定と異なり「PAGE NOT FOUND」にはならないのがわかりやすくていいですね。

Theme My Login
Wordpressへのユーザー登録を承認制にするためのプラグイン。いくつか見た中で、ユーザー登録時のメール通知があるのはこれだけでした。Wordpressは3.21の時点では、プラグインを使わないと誰でも自由に登録か、誰にも登録させないか、の2つしか選択できないんですね。

 これで、条件のうち下記2点のwant項目以外は達成できました。
・直感的に使えること
・文字が大きくできること


ただ、またプラグインが増えました。
プラグインの更新が止まった時が怖いです。

2012年3月11日日曜日

reply-to設定が可能なメーリングリストを調べました。

必要に迫られて、reply-to 設定が可能なメーリングリストを調べました。
条件は以下です。

MUST
・Reply-Toを設定しない(MLに返信しない)ことが可能。 
・500人以上登録可能で年間15750円未満
・広告が入らない
・参加者のアカウント登録不要

Want
・500人以上登録可能で年間5000円以内
・ML参加のために参加者の承認不要。

・百件単位の一括登録、削除が可能。
・出欠確認?
・掲示板?

must項目すべてに当てはまるサービス自体が殆どなかったため、まずは、下記条件に絞ったサービスを探しました。
・Reply-Toを設定しない(MLに返信しない)ことが可能。  


見つかったのは以下のサービスです。

IIJ メーリングリストサーバサービス
http://www.iij.ad.jp/svcsol/service/m-list/index.html
・1000人で10500円/年
・初期費用5250円

Googleグループ
https://groups.google.com/
・無料で無制限で広告なしだが、メールアドレスをどう使われるかが不明。
・メンバー全員を”招待”し、承諾がないとMLへの登録ができない。

freeml.com
http://www.freeml.com/
・無料で無制限
・広告が入る
・出欠機能、アンケート機能あり

らくらく連絡網
http://www.ra9.jp/
・無料で無制限。有料版は300人まで126000/年
・広告が入る。
・出欠機能あり。

Cyber Trading Co.
https://yt.com/ml/
・1000人で6000円/年
・年に数回、十日間かそれ以上使用不可能な期間あり。
・Webサイトの更新が6年間なし。Webが重い。

グループメール plala
http://www.plala.or.jp/option/group/
・300人で年間6300円
・送信可能人数は最大300人まで。


広告モデルは避けたいので、この中で、現実的に使えそうなのはIIJでしょうか。

2012年1月14日土曜日

Arthemia の フォントをVerdanaに 変更

Arthemia の 一部のフォントを変更しました。

このテーマは完全に英語圏仕様なので、フォント指定が英字フォントしかされていません。
その結果、日本語はOS標準フォント、半角英数字はarthemia指定フォントになっていました。

arthemiaでは、タイトルのような強調する箇所にGeorgiaを用いているのですが、このフォントはWindows標準のメイリオと並ぶと、縦方向に大きく下にずれて表示されるのがずっと無意識に気になっていました。

そのため、style.css を変更して、Georgia を用いていた箇所をすべて Verdana に変更してみました。

フォントには詳しくないのですが、Windows/Mac 両方で指定できる方がいいと思ったため、

標準フォントを指定する

のページにある共通フォントから、サンセリフである Verdana を選んでみました。

とりあえず、うちの環境では英数字がずれずに表示されるようになりました。

2012年1月10日火曜日

Wordpress テーマ Arthemia の トップに記事を出すには


久しぶりに、Arthemia のテーマの編集をしました。

すっかりやり方を忘れていたので、メモを残しておきます。


私が管理しているのは以下のサイトですが、このサイトの ”お知らせ” と、”最近の活動記録” の部分に特定のカテゴリの記事を掲載するための方法です。

http://tousoukai.info/



編集箇所は以下になります。

■編集ファイル
Arthemia: メインインデックスのテンプレート (index.php)

■編集内容
下記行の XXに数字を入れます。YYYYYYYYにカテゴリのスラッグを入れます。
        <?php query_posts("showposts=XXX&category_name=YYYYYYYY"); ?>
すると、その部分にYYYYYYYYカテゴリの記事が、最新のXX個だけ続けて表示されます。

今回は、お知らせの欄に活動予告だけでなく、その他告知等も掲載できるように、お知らせの欄に表示するカテゴリを変更しました。

2012年1月9日月曜日

うちのWordpress環境のバージョンアップに伴って行うこと

私の環境における、Wordpressの自動バージョンアップ時に行うことリストです。
何かをバージョンアップするときに確認用メモ。

プログラム本体
・いまのところ、なし?

プラグイン
・WP Multibyte Patch の wp-multibyte-patch/wp-multibyte-patch.php の
'excerpt_mblength' => を 160 にする。 
  → これをしないと、トップページの記事概要が短くなってしまう。


2011年12月23日金曜日

Wordpress と Firefox の組み合わせで文字入力が異常に重いのを解決

数ヶ月前から、Wordpressの投稿画面のテキストボックスが非常に重くなっていました。
簡単に検索した限り、同様の事例がなかったので、それを解決した流れをメモしておきます。

■環境
Windows Vista 32bit
Firefox7~ Firefox9
Wordpress3.2 ~ Wordpress3.3

■現象
投稿画面のメインの文章を打つテキストボックスで、何らかの入力をしてから反応まで0.5秒くらいかかる。ただのスクロールにも0.5秒かかる。
IE9, Chrome, Safariではスムーズに入力できる。

■原因・対策
ハードウェアアクセラレーションが原因でした。
メニューの ”オプション” → ”詳細” → ”一般” にある、”ハードウェアアクセラレーション機能を使用する。”のチェックボックスをOFFにした後、PCを再起動 すると、軽くなりました。なぜか、ブラウザの再起動だけでは、戻りませんでした。ちなみに、その他の拡張機能、プラグインはON/OFFを変えても重さは変わりませんでした。

■その他
このPCのビデオカードは AMDの RADEON HD5450 搭載品です。Catalyst関連を最新版のVer.11-12にしてみましたが、この挙動は解決しませんでした。
Firefoxの問題なのか、Wordpressの問題なのか、HD5450が力不足なのか…。いずれにしても、ハードウェアアクセラレーション周りはまだ 発展途上ですね。

2011年12月19日月曜日

Lightbox Gallery pluginで画像を見やすくしました。

ギャラリーを活用し始めるに当たり、WP3.3のギャラリー機能がかなり少なかったため、Lightbox Gallery pluginを導入しました。

欲しかった機能は以下です。
・画像を大きく表示しながら、次の画像を簡単、直感的に表示したい。
・設置が簡単。テーマに手を加える必要がない。

上記プラグインで、トラブルなく解決することができました。
プラグインをインストールするだけで、こんなに簡単に機能を拡張できることもあるんですね…。
設定項目から、デフォルトの画像サイズの設定もできたので、大きめの写真になるように設定しました。かゆいところに手が届く仕様ですね。

Lightbox Gallery pluginには、他にもギャラリーの一覧をかっこよくするような機能もあるそうですが、それはまた欲しくなったら使おうと思います。

2011年12月13日火曜日

サイト動作を3倍速くしました。

Wordpressは日本語環境で使うと遅くなるそうです。
そこで、下記サイトのやり方の通りにプラグインを2つ導入しました。



WordPress をたった3分で3倍高速化する方法 [MO Cache]
  1. WordPress の管理画面を開く
  2. WP File Cache をインストールする
  3. MO Cache をインストールする
  4. 完了!設定の必要はありません

簡単でした。
結果は、1.5倍くらい速くなったように思えます。
ON,OFFを何度か繰り返してみましたが、OFFだと3拍(自分生成リズム)くらいで読み込まれるところが、ONだと2拍弱で読み込まれるようでした。


3倍ではありませんが、うちの旧ACCA-ADSL-12M回線かOCNの遅延等も入ってきているはずなので、このくらいなのかもしれませんね。
あとは、下記のようなこともあり得るそうなので、とりあえずはしばらく注意しながら様子を見ようと思います。

[WordPress]W3 Total Cacheを使ってレスポンス速くなって喜んでたらひどい目にあった

2011年12月12日月曜日

twitterなどSocial連携ボタン設置

twitter,facebook,mixiなどのsocial連携をするべく、ボタンを設置してみました。
socialなツールを使いこなしている方は、ぜひ押してみてください。

ではその作業メモを残します。

プラグインなしでもテーマをいじることでボタン追加はできるそうですが、メンテナンス性のためプラグインに頼ることにしました。

まず、プラグイン、WP Social Bookmarking Light を導入。
このプラグインを有効化することで、各投稿の下部にボタンを並べることができました。

そんな作業の中、このテーマにはもとから、使うことのなさそうなボタンが記事の下部に組み込まれていたことに気づいたため、それを削除しました。

具体的にはテンプレートの single.php から下記を削除。
     <div id="tools">
<div style="float:left;"><a href=" http://digg.com/submit?phase=2&url= <?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/digg.png" title="Digg this!"></a><a href=" http://del.icio.us/post?v=4&noui&jump=close
&url=<?php the_permalink();?>
&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/delicious.png" title="Add to del.icio.us!"></a><a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/stumbleupon.png" title="Stumble this!"></a><a href=" http://technorati.com/faves?add=<?php echo get_option('home'); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/technorati.png" title="Add to Techorati!"></a><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/facebook.png" title="Share on Facebook!"></a><a href=" http://www.newsvine.com/_tools/seed&save? u=<?php the_permalink();?>&h=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/newsvine.png" title="Seed Newsvine!"></a><a href=" http://reddit.com/submit?url=
<?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/reddit.png" title="Reddit!"></a><a href=" http://myweb.yahoo.com/myresults/bookmarklet? t=<?php the_title();?>&u=<?php the_permalink();?>&ei=UTF" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/yahoomyweb.png" title="Add to Yahoo!"></a>
</div>

    <div style="float:right;display:block;"><?php if(function_exists('the_ratings')) { the_ratings(); } ?></div>
    </div>


最後は、各ボタンの動作確認をして、mixiだけはチェックキーの登録が必要と言うことで、その作業をして終了です。
今回は特にトラブルなく完了しました。

2011年5月3日火曜日

予定表を設置完了

前回、設置を目指して理想通りに動くカレンダーが見つからず断念しましたが、その後、妥協を重ねてようやくある程度いい感じのカレンダーを見つけて設置することが出来ました。

前回の記事:予定表の設置を目指す。
http://wp55.blogspot.com/2011/02/blog-post.html
 求める点は以下
・PCに詳しくない人でも予定表として直感的に使用できること
・予定表に予定名が表示できること
・2ヶ月先まで表示できること
・設置が楽なこと
・サイズ可変であること
以上が要件でしたが、そのうち、以下の3つを満たす物はありました。

WP Events Calendar
http://www.wp-eventscalendar.com  
・PCに詳しくない人でも予定表として直感的に使用できること
・設置が楽なこと
・サイズ可変であること

予定名常時表示はありませんが、マウスオーバーで確認できるので妥協します。
2ヶ月先表示は諦めました。

設置イメージ。青が今日の日付、黄色に赤枠が予定が入っている日です。マウスオーバーで予定が表示されます。

文字のスタイルはCSSで指定が出来ました。

このカレンダーとしての表示法の他に、リスト形式にも出来ます。欲を言うと、カレンダーとリスト表示の両方を同時にしたかったのですが、それは簡単にはできなそうでした。

天気予報を追加

サイトに戸田の天気予報を追加しました。

天気予報に対して何となく考えついた要件は以下の通りです。
・設置が簡単である。
・3日以上先までの予報が見られる。
・必要スペースが小さい。
・直感的にわかりやすい表示。邪魔な物がない。
・戸田市のピンポイント予報が表示できる。

ざっと調べて見つけた候補は次の3つでした。

http://firegoby.theta.ne.jp/wp/weatherhacks

http://tenki.jp/webservice/blogparts/rain

http://uzee.net/computer/cms/wordpress/2008/05/01/wordpress-%E5%A4%A9%E6%B0%97%E4%BA%88%E5%A0%B1%E3%82%92%E3%81%A4%E3%81%91%E3%81%A6%E3%81%BF%E3%82%8B%E3%80%82.htm


要件を全て満たす物はなかったのですが、一番上の物が最も近かったので、それを設置しました。
ちなみに、戸田のピンポイント予報、の要件以外は満たせたので、さいたま市の天気を表示しています。
さいたま市役所から戸田ボートコースまでの距離は直線で6~8kmくらいなので、問題はないと考えています。

2011年3月1日火曜日

WordPressのRSS生成時のエラー(XMLパースエラー)を解決

私が使っている環境で、WordpressのRSSフィードが読み込めない現象が発生。
私のサイトでは、RSSフィードを使ってページ内外の更新情報をトップに掲示しているので、RSSフィードが読み込めないことは致命的です。

そこで、解決法を模索し、以下のサイトの方法で解決が出来ました。
ありがとうございます。
http://kngy.net/2010/08/24/wordpress%E3%81%AErss%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95/

以下引用

2011年2月27日日曜日

予定表の設置を目指す。

Arthemiaテーマを使ったサイトに予定表を設置しようとしています。


しかし、まだうまくいっていません。

求める点は以下
・PCに詳しくない人でも予定表として直感的に使用できること
・予定表に予定名が表示できること
・2ヶ月先まで表示できること
・設置が楽なこと
・サイズ可変であること

いくつかのサイトで調べて、試したのはEvent Calendar 3というプラグインです。
標準のままで使えることを願っていましたが、私の場合そのままでは使えなそうです。

インストール後、プラグインから”Event Calendar”を有効にすると、なぜかArthemiaテーマ内で表示しているサイトの新着記事サマリーが、前半だけのサマリーだけでなく全文表示になってしまいます。

今日はこれ以上時間がとれないので今日はここで中断。
やはり思っていたよりいろいろと面倒なWordpress…。

2010年12月15日水曜日

Wordpress用マガジンテーマ Arthemia カスタマイズ

私のサイトではArthemiaをカスタマイズして使用しています。

初めはテーマのカスタマイズはせずに、プラグイン、ウィジェットだけで
どうにかしようと思っていたのですが、予想より自由度が低かったため、
テーマの中身に手をつけることにしました。

参考にしたサイトは以下。
Arthemia Free v2.0 Released: The Updates - MichaelHutagalung.com
Arthemiaテーマを使用する際の注意点 | WordPress | デザイン・ラボ
WordPressテーマ「Arthemia」を使う | WordPress なら最高!
motherlake.jp | Toshimasa Kawai persoal blog » Blog Archive » Arthemia テンプレートのカスタマイズ
wordpressのテーマarthemiaの使用方法と カスタマイズ>japan.gr.jp
Pinkish-Diamond** » Blog Archive » 「Arthemia」その後。

CSS & PHP初心者にはなかなか大変でした。