プラグインPolylangを使って、ホームページ多言語化 その１：インストールして使ってみる | ゆうそうとITブログ
プラグイン導入に際し、参考にさせていただきました。m(__)m
Language switcherはウィジェットとして設置するので、使用するテーマがウィジェットに対応している前提。
上のページの例だとfunctions.phpのID home_right_1 とテンプレート側のID sidebar-1 が異なるので、実装する際はこのIDを揃える。
外観 -> ウィジェット から Language Switcher を追加。
How to display the widget flags horizontally?
デフォルトだと選択する言語が縦に並ぶので、横に並べたい場合のスタイル指定。
学術研究機関向けシンポジウム管理システム developed with WordPress
TDD(PHPUnit)で進めた。
当初、2ヶ国語（日本語、英語）で開発・運用していたが、複数言語でのコンテンツの更新が負担になるため英語メインに変更。必要に応じて日本語を併記。
1アカウントで複数の論文投稿（および決済）に対応。この部分でプログラムが若干複雑になり、決済のチェックも事務方での確認など手間が増えてしまう。
ただしTDD(2015版)によるテストコードがあったので、改修作業は比較的スムーズに進んだ。
MVCに関する記事を参考に、リファクタリングを進める。
やはりここでもTDDに救われる。仮にテストコードがないとすると、ここまでたどり着けていないと思う。しかもストレスなく、というよりもどちらかというとモチベーション高めでリファクタリングを進めることができるのはわりと幸せな感じ。
ただし、PayPalのAPIが開発の時期によってバージョンアップされていて、その対応（情報収集、試作）に結構な時間が取られるのがなかなかしんどい。
参考：「videoタグを使って動画を再生する」
http://techbooster.org/html5/9592/
で、調べてみるとWordPressではショートコードが使えるのですね。
https://codex.wordpress.org/Video_Shortcode
なので、スマホ向けのWordPressアプリを使えば、スマホで撮影した動画を簡単に投稿することができます。
WordPress for Android
https://play.google.com/store/apps/details?id=org.wordpress.android&hl=ja
WordPress for iPhone
https://itunes.apple.com/jp/app/wordpress/id335703880?mt=8
新年度が始まりましたね。
フレッシュな気分で、新しい環境で皆さんそれぞれご活躍のことと思います。
さて、WordBehch愛媛もおかげさまで登録メンバーが増えてきまして、せっかくの地域コミュニティですので実際にお会いして情報交換ができればと思いましてお茶会をセッティングしました。
まだ席がございますのでお時間ありましたらお気軽にご参加ください。
参加登録はATNDからお願いします。
http://atnd.org/events/38295
昨日お知らせしたWordBench愛媛の参加方法をご案内します。
まず最初にWordBench.orgでアカウントを登録します。(create account)
WordBench.orgのページを開いて画面左上の[Register]または右のほうにある[create an account]をクリックします。
すると登録フォームのページが開きます。
必要事項を入力して[Complete Sign Up]をクリックします。
登録したメールアドレスに確認メールが届きますので、メールの内容にしたがって登録を完了してください。
上記でアカウントの登録ができたら、あらためてWordBench.orgのページを開いてログインします。左上の[Log In]メニューまたは右側のアカウント項目からログインできます。
WordBenchの愛媛グループができました。
http://wordbench.org/groups/ehime/
オンラインでの情報交換は上記WordBenchのサイトに集約しようと思います。
ということで愛媛に限らずWordPressに興味のある方はお気軽にご参加ください。
#WordBenchでのメンバー登録と愛媛グループへの参加をお願いします。
オフライン活動については何名か登録していただいたところで、
場所と日時を相談して「準備会」のような名目で集まって決めたいと思います。
よろしくお願いします。
先日、WordPressのカスタムフィールドが使えないようなツイートが流れていて、その時はダッシュボードを開いて表示ができたので気にしていなかったのですが、今日になってカスタムフィールドを編集（追加）しようとすると思うように反映されず。
調べてみるとWordPressの現在のバージョンにバグがありました。
3.4.2 カスタムフィールド追加のバグ
お急ぎの場合は、フォーラムの記事にあるようにHotFixプラグインで対処できます。
WordPressのプラグインいくつかご紹介。
この話題は通常のインストールではありませんので念のため。
WordPressで構築したウェブサイトをリニューアルするために、インストール済みのWordPressを別のフォルダに複製してみました。
例えば次のような設置イメージです。
複製の手順は次の通りです。
define('WP_HOME', 'http://www.example.com/wp2');<br /> define('WP_SITEURL', 'http://www.example.com/wp2');
そこでいろいろと調べているうちに、WordPressのドキュメントが見つかりました。
<a href="http://codex.wordpress.org/Login_Trouble" title="Login Trouble" target="_blank">Login Trouble(WordPress)</a>
結論としては、元のサイトでインストール済みのプラグインが原因でした。
上記のドキュメントを参考にして /wp-content/plugins/ 内のフォルダ名をひとつずつ変えて無効にしてみたところログインできました。
その後、ダッシュボードのツールバー表示が崩れるような現象もありましたが再読み込みで復旧。
※ちなみに、使用中のテーマフォルダをリネームするとデフォルトテーマ(TwentyEleven)に切り替わるようです。
以上です。
組み込んでいるプラグインによってはこのような問題も起こらないのかもしれませんが、あるウェブサイトを丸ごとどこかに移設する場合など同様の問題が発生する可能性もあると思います。少しでもヒントになれば幸いです。先月末に自社サイトのメンテナンスをしていて、モバイル対応をレスポンシブデザインからWPtouchに戻しました。
主な理由は次の通り。
最適化については実際にページの表示が遅く感じていたのと、WPtouch開発者のブログを参考にしました。
WEIGHING OPTIONS: WPTOUCH, RESPONSIVE DESIGN AND YOUR MOBILE STRATEGY
要するにWPtouchはサーバ側の処理、つまりUAによってモバイル向けのコンテンツを送出し、レスポンシブはクライアント側の処理という感じです。
で、その他高速化のプラグインやDBのメンテナンスにより結構改善ができたのですが、Googleアナリティクスを開いて「ユーザ」->「モバイル」->「デバイス」を確認してみると、次のようになっていました。（大汗
ということで至急対策。
参考にさせていただいた記事。
具体的にはダッシュボードから「設定」->「WPtouch」を開いてGoogleアナリティクスのコードを貼り付けて保存します。
以上です。
最近、自社サイトで各種プラグインやテーマを試しているうちに、次第にレスポンスが悪くなっていると感じたのであらためて高速化について調べてその対策をしてみました。
これまでは定番のプラグイン “WP Super Cache” を使っておけば良いと思っていたのですが、バージョンアップを重ねて高機能化するのは良いものの設定項目が多くて管理に手間取ったり、他のプラグインとの相性の問題があったり。ということで高速化について調べてみると他にも高速化の要素があることに気がつきました。
今回、主に参考にさせていただいたサイト。
それと上記サイトでも一部紹介されているレスポンスを確認するためのツール
で、今回新たに組み込んだプラグインは次の3個です。
そしてツールで測定した結果、タイミングとか時間帯によってばらつきがありますが、読み込みの時間が以前の約60%に改善されました。
ブラウザで直接開いてみると、以前はしばらく待たされる感じがあったのですが、対策後はそれほど待たされる感じもなくすっと表示されます。ブラウザのキャッシュやネットワークの状態などいろいろな要素が絡みますので一概に良くなると言い切れない部分もありますが、WordPressのレスポンスが悪いと感じられる場合は、試してみてはいかがでしょうか。
お問い合わせフォームに日付や時刻の項目を追加しようと思って調べてみたら “Fast Secure Contact Form” というプラグインが見つかりました。お問い合わせフォームといえば、”Contact Form 7″ が定番になっていますが、こちらのプラグインも機能が充実していてよさそうです。
Fast Secure Contact Form
Fast Secure Contact Form（スクリーンショット）
公式サイトはすべて英語になっていますが、日本語に対応しており設定画面はほぼ日本語で表示されますので無理なく使えると思います。
まずダッシュボードの「プラグイン」から「FS Contact Form Options」を開きます。
デフォルトで4種類のフォームが作れるようになっています。
フォームを設置する場合はこの設定画面の上のほうにある、
[si-contact-form form=’1’]
というコードを本文中に貼り付けるだけです。
また、「プレビュー」をクリックすると、その場でフォームが確認できます。
ひとまず基本項目はそのままで各種オプションも初期値のままにしておいて、
追加項目「Extra Field 1」に日付を追加してみます。
WordPressのキャッシュの状況を確認しようと思い、ダッシュボードからWP Super Cacheの設定を開いてみたところ、なにやら警告表示がありました。
どうやら WP Super Cache が WPTouch を見つけている様子です。
そこで、WP Super Cacheの設定画面からプラグインを開いてみると、
WPTouchの設定（有効／無効）が見つかりました。
ということで、早速この設定を有効にしておきました。
ちなみに、WP Super Cacheをモバイル端末でも有効にするには詳細設定で
Mobile Device Supportをチェックしておきます。
参考までに WP Super Cache へのリンクを貼っておきます。
比較的シンプルなテーマを2点ほど取り上げて
ざっとHTML5の対応について調べてみました。
Suffusionの場合、トップページにはsectionタグが見つからなかったのですが、
コンテンツの詳細ページで使われていました。
先日、CSS Niteというセミナーに参加しました。
http://cssnite-matsuyama.com/vol01/
http://cssnite.jp/
HTML5とCSS3を中心に、各講師の方それぞれの切り口で
貴重なお話を聴かせていただきました。
せっかく勉強したので何か実践してみようと思い、
WordPressのテーマを HTML5 というキーワードで検索。
#実践という割には、やる気が感じられないですね。(汗
まぁともかく、PageLinesというテーマを見つけてインストール。
最近のテーマは各種SNSへの対応はもちろんのこと、
ダッシュボードの設定画面がとても充実しています。
以下、1点気になったので、メモ書き。
フッターに Twitter Bar があって、
アカウントを設定すると最近のツイートが表示されるとか。
ですが、どうもうまく動作せず。
そこで、非表示にしようと思ったのですが、
設定の場所がすぐには見つからず。
ということでスクリーンショットを貼っておきます。
http://wordpress.org/extend/plugins/add-link-to-facebook/
しばらく、Wordbookerを使っていましたが、
WordPressのダッシュボードで、この “Add Link to Facebook” の人気が高そうだったので、
試しに切り替えてみました。
WordPressのページ編集において、画像を追加してそれを他のページへのリンクにしたい場合。
先週あたりから、WordPressのダッシュボードで作業をしているとメニューやコンテンツの一部が文字化けするようになりました。ちょうどWordPressが3.3にアップデートされたこともあってそれが原因かと思っていたのですが、どうやらChrome（ブラウザ）とWindowsXPのフォントの組み合わせによる問題だったようです。
まず、Chromeで文字化けが起きたときに確認すべきこと。
「設定」->「ツール」->「エンコード」
エンコードが「自動検出」、「UTF-8」となっていること。 ※ご利用の状況によってはエンコードの種類が異なるかもしれません。
「設定」->「オプション」->「高度な設定」->「フォントをカスタマイズ」
※この設定で文字化けが解消できるということではありませんので、念のため。 ※エンコードを「日本語(Shift_JIS)」にすると改善されるという記事もあります。
chromeのみの文字化けについて(Googleグループ)
例えば、あるウェブページのcssでfont-familyに英語のフォントが指定されていると、WindowsXPのバグによって日本語フォントへの置き換えができず文字化けしてしまうようです。
確かに、過去にAdobe製品他をインストールしたことがあっていろいろなフォントが入っていました。
そして、WordPressのダッシュボードには、たとえば次のようなcssが設定されています。
body :not(textarea) {
font-style: normal !important;
font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif !important;
}
そこで、Chromeのデバッグ機能によってcssを調べてみました。
コンテンツにメールアドレスを書くと、自動的にmailtoのリンクに
変換してくれます。しかも、HTMLソース内のメールアドレスが
エンコードされますので、スパム対策にもなります。
今回は、ヘッダ画像の高さのみカスタマイズしてみます。
デフォルト値 288px を 200px にする場合。
※TwentyElevenの子テーマが用意されていることを前提としています。
修正ファイルは次の２つ
style.css の修正箇所
section.feature-image.large {
border: none;
max-height: 200px; /*288px;*/
padding: 0;
width: 100%;
}
functions.phpの修正箇所
function twentyeleven_setup() {
/* (省略) */
require( dirname( __FILE__ ) . '/../twentyeleven/inc/theme-options.php' );
require( dirname( __FILE__ ) . '/../twentyeleven/inc/widgets.php' );
/* (省略) */
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 200 ) );
/* (省略) */
}
require()の行は、子テーマから参照する場合の親テーマのパスに合わせます。
WordPressのデフォルトテーマ(TwentyEleven)でウィジェットを設置すると、
縦方向に結構余白ができてしまいますので調整してみました。
数値はお好みでどうぞ。
対象ファイル：style.css
【修正前】
.widget {
clear: both;
margin: 0 0 2.2em;
}
【修正後】
.widget {
clear: both;
margin: 0 0 0.4em;
}
詳しい説明は、こちらのページをご覧いただくとして…
「WordPress を専用ディレクトリに配置する」
サブフォルダにインストールした状態で、ページを作成しておいて、
ドメインのトップページとして見せたい場合。
インストール場所：http://example.jp/wordpress/
公開したい場所：http://example.jp/
最初に前準備として、パーマリンクの設定をしておきます。
ダッシュボード > 設定 > パーマリンク設定
初期状態は、
http://example.jp/?p=123
のようになっていると思います。これを、例えば「数字ベース」やその他お好みの形式に変更しておきます。
そして、「変更を保存」すると wordpress フォルダ内に .htaccess ファイルが
生成されます。
このとき、フォルダへの書き込み権限がない場合は書き込みができるようにパーミッションを変更するか、あるいは手作業にて .htaccess を設置します。
次に、ダッシュボードから、設定 > 一般設定 を開きます。
WordPress のアドレス (URL)：http://example.jp/wordpress
サイトのアドレス (URL)：http://example.jp/wordpress
このようになっていると思います。これを、
WordPress のアドレス (URL)：http://example.jp/wordpress
サイトのアドレス (URL)：http://example.jp/
このように変更して「変更を保存」します。
そして、インストール場所（サブフォルダ内）にある index.php と .htaccess をFTPでダウンロードします。
FTPソフトによっては .htaccess のようなドットから始まるファイルが見えない場合がありますので、利用するソフトウェアの説明に沿って見えるようにしておいてください。
ダウンロードした index.php をテキストエディタで次のように編集します。
※wordpressの部分はインストール場所に合わせて適宜読み替えてください。
修正前
require(‘./wp-blog-header.php’);
修正後
require(‘./wordpress/wp-blog-header.php’);
編集内容を保存したら、index.php と .htaccess をダウンロードした場所ではなくて、一つ上のフォルダ（ルート）にアップロードします。
例）
コピー元
public_html/wordpress/index.php
コピー先
public_html/index.php
.htaccess も同様にコピーします。
これまでの作業が完了したら、
http://example.jp/
このアドレスでWordPressで作成したページが見えるか確認します。
WordPressテーマの “TwentyEleven” を使っている場合。
固定ページで親子関係を設定すると、子ページのタイトルがサブメニューとしてプルダウン表示されます。
このとき、サブメニューのタイトルが長いと、複数行に折り返されてしまいます。
この設定は、style.cssの中の次の部分です。
#access ul ul {
/*(省略)*/
width: 188px;
/*(省略)*/
}
#access ul ul a {
/*(省略)*/
width: 168px;
}
この数字を大きくすることで調整できます。
ここで念のため。
デフォルトのテーマを直接編集するとバージョンアップで上書きされてしまいますので、子テーマを作ってからカスタマイズします。
詳しくは、こちら。
子テーマ – WordPress Codex
[Blog Level Customisation]
Default Publish Post to Facebook: ＊（チェック）
[User Level Customisation]
Default Publish Post to Facebook : ＊（いいえ）
＊（instead of）
publishing to a personal wall, post to the following fan page :
＊（Netplan.Matsuyama）
※ユーザレベルの設定を変えてみました。
[Blog Level Customisation]
Default Publish Post to Facebook: ＊チェック
上記だと、個人のウォールとFanページの両方に投稿されました。
WordPressのスマートフォン向けプラグイン「WPtouch」を導入してみました。
例えば、adMobの広告を入れたい場合は、themes/default/header.phpを編集して、
adMobのスクリプトを挿入すれば良さそうです。詳しくは、”wptouch, admob”で
検索するといくつか記事が見つかると思います。
また、WPtouchProを購入するとAdSenseだけでなくAdMobも簡単に設置できたり、
テーマのカスタマイズや追加にも対応できるようです。
子テーマの作成
広告関連機能
それと、ヘッダのタブメニューのカスタマイズについて。
WPtouchの設定画面で、
” Enable Login/My Account tab in the header”のチェックは外れているのですが、
ヘッダ部の”login”が表示されたままになります。
調べてみたところ、
コメント投稿可能、ユーザ登録可能、ログインボタン表示
この３つのいずれかが許可されていると表示される模様。
私の場合は、WordPress本体のディスカッション設定で、
「ユーザー登録してログインしたユーザーのみコメントをつけられるようにする 」
このチェックを外したところ、”login”が表示されなくなりました。
スマートフォン向けページにAdMobを組み込んでみようと思い、MobilePressのヘッダを編集してみたのですが、上手く行かず、他のツールを探してみたところ、WordPress Mobile Packを導入することで簡単に組み込めました。
とりあえず組み込めたということで、それ以上の検証は行っていませんが参考になりましたら。
※設置した後で「Mobile Switcher」の設定画面で「Mobile theme」を切り替えたところ、
広告が表示されなくなることがありました。そのような場合はウィジェットを外して置きなおすと
良いかもしれません。
当サイトのタグクラウドが増えすぎていましたので、
プラグインを導入して調整しました。
年末のWordPressの更新(3.0.3 -> 3.0.4)を適用しようとしたところ、
「更新を展開しています…」
という表示から進みません。
Webサーバのエラーログを見ると、
“PHP Fatal error: Allowed memory size of 33554432 bytes exhausted…”
のようなメッセージがありました。
そこで、.htaccessに
php_value memory_limit 256M
という行を追加して、あらためて更新を実行したところ
問題なく更新できました。
下記の記事を参考にさせていただきました。
http://ja.forums.wordpress.org/topic/4692
WordPressのメール通知用プラグインを2点ほど。
Subscribe2-6.0がリリースされています。
Post Notificationは、正式版が1.2.39
http://wordpress.org/extend/plugins/post-notification/
昨年5月頃に2.0のベータ版が公開されたあと、
メンテナンスが進んでいない模様。
携帯から、
・空メールでユーザ登録できる
・購読カテゴリを簡単に選べる
など、私としてはPNのほうが気に入っています。
【追記:2010.12.16】
Post Notificationを空メールに対応するには、
受信メールからWeb参照を行うスクリプトを
自前で用意する必要がありました。
失礼しました。
購読カテゴリの選択はWebページで行います。
一般に「パンくずナビ」と言われる、ウェブサイトの現在位置を
階層的に示してくれる機能ですが、「ヘンゼルとグレーテル」の
童話が由来なのですね。
で、WordPress用のパンくずナビプラグイン
がバージョン3.6.0で日本語に対応していました。
Post Notificationをインストールして設定画面を開くと、次のようなメッセージが
表示される場合があります。
Please save own Profiles in: /var/www/…/wp-content/post_notification/
Otherwise they may be deleted using autoupdate.
調べてみたところ、プラグインの自動アップデートでプラグイン内のテンプレートが
上書きされてしまうので、推奨するフォルダにバックアップすることを促して
いるようです。例えば、
wp-content/plugins/post-notification/ja_JP/
このような場所にある、日本語テンプレート（ja_JP）を
wp-content/post_notification/
こちらへフォルダごとコピーすることで、先ほどのような警告メッセージが
でなくなります。
WP-3.0のコンフィグに、
define( ‘NONCE_SALT’, ‘xxx 自前のキー xxx’);
を追加するように書かれています。
以前のAPIでは生成できない、と思っていたらAPIも新しいものが
提供されていました。もっとも、このAPIじゃないとだめ、ということでは
ないのですが、ツールがあれば、それに頼りたくなります。
https://api.wordpress.org/secret-key/1.1/salt/
そういえば、よく利用させてもらっていたパスワード生成ツールが、ここのところ
使えなくなっており、そろそろ自前で用意してみようかと思う今日この頃です。
Apacheのmod_rewriteが有効になっている場合は、パーマリンク設定を変更する
ことで、各記事へのリンクをより良いURL形式(Pretty Permalinks)にすることができます。
ここで、.htaccessの自動更新が動作しない場合はドキュメントルートのAllowOverrideを
許可すると改善されるかも知れません。
WordPress2.9がリリースされています。
今回のバージョンアップに伴いサーバ要件が変更され、
MySQL4.1.2以上が必要となりました。
http://wpdocs.sourceforge.jp/Version_2.9
レンタルサーバのサービスによっては、MySQL5.xへ移行するような
メニューも用意されているようです。
参考までにMySQL4.0から4.1へのアップグレードに関する記事を
いくつか紹介しておきます。
http://journal.mycom.co.jp/column/yetanother/048/index.html
http://www.mysql.gr.jp/frame/modules/bwiki/index.php?FAQ
http://dev.mysql.com/doc/refman/4.1/ja/upgrading-from-4-0.html