multilingual_site_WordPress
をテンプレートにして作成
開始行:
*WordPress で多言語化(二言語化)サイトを構築する 2015年4...
#contents
** 背景 [#e977749c]
[[某団体>http://www.insect-sciences.jp/]]((16の加盟学協会...
のウェブページ担当になり(2014年7月から)、日本語版に加え、
英語版の作成も仰せつかったので、
[[WordPress>https://ja.wordpress.org/]] を使って構築しま...
言語の選択をするときちんとページが変わる、恐らく多くの人...
そんな「本物っぽい」ページができました。
使ったテーマのデザインは触っていないので、
見ためのカッコよさなどは不十分とは思いますが、
それはまた別な人にお任せ((文句があるなら対案を出せ、とい...
*** WordPress にする [#u293b1da]
これまでは、(前任者が何を使っていたのかはよくわからない...
加筆修正に html コードを書き替えなければならず、
かなり面倒でした((エディタで手打ちは時代に合いませんがな)...
そこで、サーバが sakura で WordPress
が簡単にインストールできることから((ところが、本番環境の...
WordPress を使って構築することにしました。
sakura では Open MovableType も使えるのですが、何となく M...
私に合わない気がして、また、WordPress はドキュメントも、
無料の拡張機能も多そうだったので、
WordPress にしました((WikiMediaもインストールしてみたのだ...
*** Bogo で多言語化 [#m4ceae22]
多言語化のプラグインは [[Bogo>http://ideasilo.wordpress.c...
案内ページの浮世絵がちょっと分子生物学会ちっく。
もちろん、絵が面白いから選んだのではありません((分子生物...
xili-language を試したところ、トップページの切り替え''だ...
泣く泣く諦めました。
トップページは英語で他の言語は別ページとするならば、
xili-language は第一の選択肢になると思います。
適当に作ったページ同士を紐付けするのも簡単なので。
polylang も次に試しましたが、これはテーマとの相性が悪かっ...
上手くいきませんでした。評価できません。
ということで、最後に Bogo を試したところ、シンプルで使い...
言語のロケールの変換や後から紐付けができない点が不便です...
作成者が対応する気がないと[[宣言している>https://ja.forum...
慣れるしかありません。でも、慣れれば快適。
*** Bogo の言語の表示(ロケール)について [#l9a0991b]
Bogo では、ロケールに依存して同じソースでも表示が変化する。
この Bogo の特徴を利用すると、投稿ページの切り替え、投稿...
更には、Display Posts Shortcode を使って「集めて」きた投...
そのページのロケールの言語だけ表示される。
この特徴によりコードを減らせるのは、
xili-language に対する大きなアドバンテージ。
また、xili-language では、言語別のメニューを用意しなけれ...
Bogo ではメニューはひとつで、表示言語の指定をすればよい。
メニューの設定画面にアイコンが沢山並んで
縦長になってしまうのがイヤという人はいるかもしれぬ。
*** Bogo の仕様で注意点 [#m51f8303]
- 作ったページは、作ったときの言語のロケールになる。後か...
- 対応する別な言語のページを作るときは、まず、言語を選び...
- ロケールが変わると、その言語の翻訳版を作るためのボタン...
- 新たなタブが開き、元の言語の内容(本文とタイトル)がコ...
- タイトルを id にしたいときなどは、一度タイトルを消して...
- 別々に作ったページを紐付ける機能はない。今後も[[実装の...
*** 作成目標 [#qda7b8ae]
ワタシの次の人に使えるようにして引き渡せるようにすること。
投稿(ブログ)機能を利用して、加筆修正がしやすく、
かつ、メンテナンスもしやすいようあまりマニアックにし過ぎ...
といったところです。
そこで、できるだけ php のソースコードやCSSを触らない、
過度にプラグインを多用しないようにしました。
*** ということで [#a4072893]
以下に箇条書的メモを残します。~
絵を付けたり、チュートルアル的なものを書くと1冊の本にな...
そういうのは、ほかの人にお任せするとして、多言語化を中心...
本番環境の構築はまだなので、これから変わる部分もあるかも...
**sakura のサーバコントロールパネルで……、できなかった! [...
ドキュメントルートには、sakura では簡単にインストールでき...
「フォルダを指定して下さい」とのエラー~
そこで、インストラクションに従ってインストールした。
*** インストール [#r55dabb0]
- インストラクション [[http://wpdocs.sourceforge.jp/WordP...
--まず、sakura のサーバコントロールパネルで mysql のデー...
データベース名:himitsu
データベース文字コード:utf8;
-- wordpress 公式ページ http://ja.wordpress.org/ から、wo...
-- 解凍し、www の下に置く
-- wp-config.php を作成 ← wp-config-sample.php を cp
-- sakura の emacs では日本語が読めないので、ダウンロード...
/** WordPress のためのデータベース名 */
// define('DB_NAME', 'database_name_here');
define('DB_NAME', 'himichu');
/** MySQL データベースのユーザー名 */
// define('DB_USER', 'username_here');
define('DB_USER', 'koremo-himichu');
/** MySQL データベースのパスワード */
// define('DB_PASSWORD', 'password_here');
define('DB_PASSWORD', 'mochiron-himichu');
/** MySQL のホスト名 */
// define('DB_HOST', 'localhost');
define('DB_HOST', 'hogehoge.db.sakura.ne.jp'); ← sakura ...
// $table_prefix = 'wp_';
$table_prefix = 'wp_****'; ← 自動でインストールしようと...
-- wp-config.php をアップロード
-- www.insect-sciences.jp/wp-config.php にブラウザでアク...
- WordPress をインストール(ディレクトリはwp)~
ドキュメントルートではないディレクトリにインストールする...
クリックするだけでした
- 引越しに備え、いままで、home (~/) にあったファイルを ~/...
index.html で飛ばすようにしました((<head><meta http-equiv...
なお、WordPress のディレクトリの下に、index.html を置いて...
ことも確認しています。~
WordPress は、index.html は使わず、index.php を使うので、...
**WordPress のようこそ画面で [#le00846e]
サイトのタイトル:日本昆虫科学連合
ユーザー名:himitsu
パスワード:motto_himitsu
メールアドレス:koremo_himitsu
と入力
以下、そのほかのインストールと設定が相前後するけれども、 ...
** WordPress ダッシュボード [#wc043256]
***設定→一般設定 [#q39374e3]
キャッチフレーズ:Union of Japanese Societies for Insect...
と入力
WordPressアドレス (URL):http://www.insect-sciences.jp/
サイトアドレス (URL):http://www.insect-sciences.jp/
となっていることを確認
//とする ↑ 本番環境では「wp」を取る予定
日付のフォーマット:2015-03-31
にチェック。
デフォルト言語が日本語なので、
ほかのフォーマットにすると月と日とか漢字が入ることもあり、
無難にコンピュータの表記を選ぶ。~
変更を保存
これにてWordPress のインストール完了とする
以下、インストールと設定が相前後するけれども、
サイト構築は道具を作りながらの部分がどうしても必要なので...
** WordPress ダッシュボード [#ff361aa7]
-WordPress をバージョンアップ
-外観→テーマ
-- 新規追加→テーマのアップロード
-- biz-vektor_v_1_6_3.zip をアップロード
-- BizVektor を有効化=テーマに選択したことになる~
テーマは、たまたま買った本やその本を買うときに眺めた
(ざっと立ち読みした)本で紹介されていた
[[BizVektor>http://bizvektor.com/]] を利用。
日本製、ビジネス用に作られており、カスタマイズ化、無料。
レスポンシブでスマートフォンやタブレットにもそのまま対応...
WordPress の「テーマ」は、姿形だけでなく、
様々な機能もパックされているものをいうそうです。
***プラグイン [#f7dd02d5]
- WP Multibyte Patch を更新
- WP Multibyte Patch を有効化~
日本語を扱うには、これを有効化しておくとよいとのこと。
WordPress をインストールすると入っている。
バージョンアップして、有効化するだけ。~
- Akismet を削除
- Hello Dolly を削除
***プラグイン追加 [#ce8686d4]
必要なプラグインをインストール&有効化。~
プラグインのインストールは、
+ ダッシュボードのプラグインをクリック
+ 新規をクリック
+ プラグイン名で検索
+ 適切なものを選択
+ インストールをクリック
+ 有効化
の手順
URL は参考でしかありません(Dagon Design Sitemap Generato...
- Bogo~
https://wordpress.org/plugins/bogo/
多言語対応のためにインストール。
Contact Form 7 と同じ作者(Takayuki Miyoshi)。
日本人((海外製のものがイヤというのではないのですが、日本...
これで日英を実現しているので、必須。
プラグインそのものの設定は不要。有効化するだけ。
- Contact Form 7~
https://wordpress.org/plugins/contact-form-7/
某本の推奨のもの。
Bogo と同じ作者(日本人)。
これでウェブフォームを実現しているので、必須。
- Contact Form 7 add confirm~
https://wordpress.org/plugins/contact-form-7-add-confirm/
Contact Form 7 とは違う作者(でも日本人)。
Contact From 7 に確認ボタンを追加するプラグイン、必須。
- Display Posts Shortcode~
https://wordpress.org/plugins/display-posts-shortcode/
トップページの更新情報などで利用、必須~
はじめ、List category posts を使ったのですが、上手く動か...
使わないことにしました。~
使い方は別途
- TinyMCE Advanced~
https://wordpress.org/plugins/tinymce-advanced/
入力のとき表が作りやすくなる。
上付き文字などのアイコンも増やせるが使っていないけど、
本番では使えるようにしとこうと思う。
インストールして調子が悪くなるといけないのでテストでも入...
- Google XML Sitemaps~
https://wordpress.org/plugins/google-sitemap-generator/
某本の推奨のもの。
一応設定はしたが、必要かどうかは不明。
- Dagon Design Sitemap Generator の導入~
「野良」なのだけれども、大丈夫そうです。2009年のもの。
ソースを検証すべきなのか???~
http://www.dagondesign.com/articles/sitemap-generator-plu...
--ダウンロードした zipファイルを展開し、wp-content/plugin...
--ダッシュボードのプラグインに現れるので、有効化する
--設定→DDSSitemapGen を少し変える
Items per page: 250
If showing both, which first: ●Pages first
Show dates after posts: チェックする
Show dates after pages: チェックする
Date format (if showing dates): Y-m-d
Sitemap navigation method: ● Pages: 1 2 3 4 5
Show sitemap navigation: ● At both top and bottom
--固定ページに~
<!-- ddsitemapgen -->
と書く~
以上で設定終わり。~
流行?の PS Auto Sitemap はよくなかった。
-My Calendar((ほんとは後からインストールしたのだけれど、...
https://wordpress.org/plugins/my-calendar/
学会大会などのスケジュールをこれで見せるようにする。~
shordcode が使えるので、新着とは別に、
-- これから行われるもの
-- 既に終わったもの
の表示ができる。shortcode の詳細は別途。
いくつかカレンダーのプラグインを試してみたけれども、これ...
2日間以上のイベントの管理が微妙にずれるんだけども((カレ...
***設定→パーマリンク設定 [#n3ae3560]
カスタム構造のデフォルトを選び
/%category%/%postname%/
とする
NG NG NG NG NG NG NG NG NG NG NG NG
オプション
カテゴリーベースに「topics」と入力
英語版でうまく動かないことがあるのでだめ
英語側で投稿ページが表示できなくなる
階層が異なってしまうためと思われる
回避策はあるのかもしれないが深いことは考えないことにする
NG NG NG NG NG NG NG NG NG NG NG NG
*** 設定→ディスカッション [#dc66af8e]
投稿のデフォルト設定の~
□他のブログからの通知 (ピンバック・トラックバック) を受...
□新しい投稿へのコメントを許可する
のチェックを外す。
後から外すと、それまでに投稿されていた記事のひとつひとつ...
外さなければならなくなる(40個くらいやったら疲れました……...
*** メディア→新規追加 [#b36f744b]
写真などをアップロード
***外観→テーマ→カスタマイズ [#wb08966a]
以下、テーマ関連は BizVektor のカスタマイズ。
テーマが異なれば、また別なものとなります。似てるけど。
サイトのタイトル:日本昆虫科学連合
キャッチフレーズ:Union of Japanese Societies for Insect...
- ヘッダー画像選択→新規画像:トップに使う大きな図を選択、...
- デザイン設定
-- ヘッダーロゴ画像 → 画像を選択~
横長の図を選択
- 連絡先の設定
-- フッター左下とフッターコピーライトに……~
日本昆虫科学連合 Union of Japanese Societies for Insect ...
と入力。ピリオド忘れぬように(ピリオドがないと、
All Rights Reserved と続いているように見えてしまう)。
- Rebuild カラー設定
キーカラー:#33cc00
キーカラー(明):#000080 ← これは、色名があり、Navy
キーカラー(薄):#ccff99
- 固定フロントページ
●固定ページ(ラジオボタン)を選択
ブログ主体のページではないので。
***外観→テーマオプション [#d89f6848]
※「変更を保存」ボタンが一番下にあるので注意!
- お知らせ & ブログ~
表記の変更のところを書き換え
お知らせ → Info
ブログ → Topics ← 完成したときによく見るので、英語で見て...
※ 設定画面の表記も書き変わって、次からは Info & Topics に...
※ 今のところ Info は使う予定なし
- トップページ3PRエリアの設定~
BizVektor の宣伝みたいな文言が例として入っているので、
本番環境では適切なものにすること!!
単に消すだけでもいいのだが……。
残っていても被害が出るようなものではない。
[1]タイトル
[1]概要
[2]タイトル
[2]概要
[3]タイトル
[3]概要
と思っていたのですが、本番では全部消しておくだけにしまし...
***外観→テーマの編集 [#f2bd9fdc]
php のコードをダッシュボードから変更できる。
はじめそれを知らなくて、 ssh でログイン、emacs で作業とし...
何と簡単なことか
(ちょっとセキュリティが心配なような気もしないではないが...
- header.php~
2行追加。トップページにはヘッダロゴの絵を見せないように...
<!-- [ #headLogo ] -->
<?php if ( !is_front_page() ): ?> <?php /* 追加 28 Mar ...
<?php $heading_tag = ( is_home() || is_front_page() ) ? ...
<<?php echo $heading_tag; ?> id="site-title">
<a href="<?php echo home_url( '/' ); ?>" title="<?php bl...
<?php biz_vektor_print_headLogo(); ?>
< /a>
</<?php echo $heading_tag; ?>>
<?php endif; ?> <?php /* 追加 28 Mar 2015 tomaru */ ?>
<!-- [ /#headLogo ] -->
- theme-options.php~
footer に表示される自サイト名を削るため548行目の
echo $footSiteName;
をコメントアウトした。
- フッタに Powered By WordPress and BizVektor の文字列が...
テーマ BizVektor の利用条件では消してもいいとのこと。
// 584行目の
//
//echo $footerPowered;
//
// をコメントアウトした。
○○.php の○○○○○○○○を●●●●●●●●した。
BizVektor では、「Powered By」を消すキットを販売していた...
ここは書く訳にはいきません。
テーマは無料だけれども、付加価値の部分は有料という商売を...
BizVektor へのリンクは作ったので、恩返しはできたでしょう。
- module_mainfoot.php
Contact us を設定するとフッタにしつこいメールのリンクが出...
<!-- [ .mainFootContact ] --> ~
と~
<!-- [ .mainFootContact ] --> ~
との間の
<div class="mainFootContact">
<p class="mainFootTxt">
<?php biz_vektor_mainfootContact(); ?>
</p>
<?php // 問い合わせページのURLが設定されている場合に表示
$options = biz_vektor_get_theme_options();
if ($options['contact_link']) :?>
<div class="mainFootBt"><a href="<?php echo $options['co...
<img src="<?php echo get_template_directory_uri(); ?>/im...
_e('bt_contact.png', 'biz-vektor'); ?>"
alt="<?php _e('Contact us by e-mail', 'biz-vektor'...
</div>
<?php endif; ?>
</div>
(↑適宜改行を入れています)
を全てコメントアウトした。
コメントアウトが面倒だったので、コメントアウト後のソース...
<?php // comment out 29 Mar 2015 tomaru BEGIN ?>
<?php
// <div class="mainFootContact">
// <p class="mainFootTxt">
?>
<?php // biz_vektor_mainfootContact(); ?>
<?php
// </p> ?>
<?php // 問い合わせページのURLが設定されている場合に表示
// $options = biz_vektor_get_theme_options();
// if ($options['contact_link']) :?>
<?php
// <div class="mainFootBt"><a href=" ?>
<?php //echo $options['contact_link'] ?><?php // "> ?>
<?php
// <img src=" ?><?php //echo get_template_directory_uri(...
// /images/ ?><?php // _e('bt_contact.png', 'biz-vektor'...
// " ?> <?php //alt=" ?><?php
// _e('Contact us by e-mail', 'biz-vektor'); ?><?php
//" /> ?><?php //</a>
//</div> ?>
<?php // endif; ?>
<?php // </div> ?>
<?php // comment out 29 Mar 2015 tomaru END ?>
(↑適宜改行を入れています)
*** 固定ページを作る [#b4a6ebfc]
少なくとも、トップページ用は作っておく。
そうしないとウィジェットの設定のとき、トップページが指定...
後から指定すればいいだけだけど。
*** 本番のときは [#t5eba81a]
仮環境のときに
- ツール→エクスポート~
で、xml ファイルを出力
- ツール→インポート→WordPress
-- WordPress Importer をインストール
-- プラグインを有効化してインポートツールを実行
-- エクスポートしていた xml ファイルをアップロード
-- エラーが出るが気にしない~
トップページを設定する。~
メニューは復元するけれど、それぞれのメニューでの言語の選...
*** 外観→テーマ→カスタマイズ [#s13f99b1]
- 固定フロントページ
-- フロンントページ
トップページ
を選ぶ(トップに置きたいものを選ぶ)
- 連絡先の設定
-- 問い合わせページのURL
http://www.insect-sciences.jp/en/contact-us/
と入力。
//(本番環境では「wp」を抜く予定)。
Contact Form 7 のショートコードを書いたページ。
日英に対応しないので、英語を基本とした。
この設定をするとテーマ BizVektor によって、
ウィジェットに「BV_お問いあわせ」が出現する。
*** 外観→ウィジェット [#qb2a7d1d]
この設定は重要。
一度設定すればいいのだが重要。
プラグイン追加後に調整のこと。
「保存」をクリックし忘れないように。
Bogo をインストールするとウィジェットに「日本語」と「英語...
で表示するかどうかチェックボックスが表われます。
このチェックを外すとその言語では見えなくなります。
間違って、英語(英国)をインストールしたことがあったので...
そのときは3つ選べました(wp-content/lauguage
の下の関係する言語を消せば言語のアンインストールはできま...
ウィジェットが二ヶ国語対応のときは、両方チェックしたまま...
- 言語切り替え ← Bogo
- BV_問い合わせボタン ← BizVektor
- BV_最近の投稿 ← BizVektor~
などは、和英に対応しています。
なお、「BV_」のウィジェットは、BizVektor のもの。
- コンテンツエリア(トップページ)~
に以下のウィジェットを並べる
-- BV_トップ用_固定ページ本文
---「トップページ」を選ぶ ← 日本語用のトップページを選ぶ
---「タイトルを表示させる」のチェックを外す
---「英語(米国)」のチェックを外す
-- BV_トップ用_固定ページ本文
---「TopPage」を選ぶ ← 英語用のトップページを選ぶ
---「タイトルを表示させる」のチェックを外す
---「日本語」のチェックを外す
- サイドバー(お知らせページ) ← 使う予定はないが一応~
に以下のウィジェットを並べる
-- 言語切り替え
- サイドバー(トップページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- 検索~
---タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
---「日本語」のチェックを外す
-- BV_問い合わせボタン
- サイドバー(投稿ページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- BV_最近の投稿
--- タイトルに「新着情報」と入力
--- 表示件数を「5」とする
--- 「英語(米国)」のチェックを外す
-- BV_最近の投稿
--- タイトルに「What's New」と入力
--- 表示件数を「5」とする
---「日本語」のチェックを外す
-- 検索
---タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
--- 「日本語」のチェックを外す
-- BV_問い合わせボタン
- サイドバー(固定ページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- BV_最近の投稿
--- タイトルに「新着情報」と入力
--- 表示件数を「5」とする
---「英語(米国)」のチェックを外す
-- BV_最近の投稿
--- タイトルに「What's New」と入力
--- 表示件数を「5」とする
---「日本語」のチェックを外す
-- 検索
--- タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
---「日本語」のチェックを外す
-- BV_問い合わせボタン
*** 外観→メニュー [#ja30ff25]
- メニュー構造を調整~
インポートした場合は全て入っているが言語の設定ができてい...
フッターナビゲーションでは英語のメニューも日本語で表示す...
*** あとは個々のページを調整していく [#y5e2e3f7]
基本方針~
-「投稿」のスラッグは数字(id)にする
-「固定ページ」のスラッグは後から考えて作る
*** 外観→テーマ→カスタマイズ [#s13f99b1]
- ナビゲーション
-- Header Navigation: GlobalNavigation
-- Footer Navigation: FooterNavigation
-- Footer SiteMap: (選択せず)
- 固定フロントページ
--「フロントページ」(プルダウンメニュー)は「トップペー...
***引越すときには、 [#y18de9ad]
仮環境のときに
- ツール→エクスポート~
で、xml ファイルを出力
- ツール→インポート→WordPress~
-- WordPress Importer をインストール
-- プラグインを有効化してインポートツールを実行
-- エクスポートしていた xml ファイルをアップロード
-- エラーが出るが気にしない
メニューは復元するけれど、それぞれのメニューでの言語の選...
ひとつひとつチェックし直す。
*** Contact Form 7 の設定 [#m58aa35c]
プラグインを有効化するとダッシュボードに「お問い合わせ」...
それを使って設定し、ショートコードを固定ページに貼り付け...
-日~
タイトル:お問い合わせフォーム
--フォーム
<p>お名前 (必須)<br />
[text* your-name 60/] </p>
(空行)
<p>ご所属<br />
[text your-affiliation 60/]
(空行)
<p>メールアドレス (必須)<br />
[email* your-email 60/] </p>
(空行)
<p>お問い合わせ内容<br />
[textarea your-message 70x] </p>
(空行)
<p>[submit "送信"][confirm "確認"] [back "戻る"]</p>
※ この [confirm "確認"] [back "戻る"] が、
Contact Form 7 add confirm で使えるようになったもの
-- メール~
差出人:日本昆虫科学連合/Union of Japanese
Societies for Insect Sciences <******@********.jp>
(実際は改行していません)
件名:UJSIS Contact Mail/日本昆虫科学連合お問い合わせ
--メッセージ本文~
日本昆虫科学連合−お問い合わせフォームより送信がありまし...
(空行)
===========================
(空行)
【 お名前 】 [your-name]
【 ご所属 】 [your-affiliation]
【 Email 】 [your-email]
【 お問い合わせ内容 】
[your-message]
(空行)
===========================
送信日時:[_date] [_time]
IPアドレス:[_remote_ip]
ブラウザ: [_user_agent]
問い合わせのページURL:[_post_url]
(空行)
このメールは自動送信でお送りしています。
(空行)
--
日本昆虫科学連合
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
-- メール (2)~
送信者へもメールを送るようにする
[your-name] 様
(空行)
日本昆虫科学連合:お問い合わせありがとうございました。
(空行)
===========================
(空行)
【 お名前 】 [your-name]
【 ご所属 】 [your-affiliation]
【 Email 】 [your-email]
【 お問い合わせ内容 】
[your-message]
(空行)
===========================
(空行)
このメールは自動送信でお送りしています。
問い合わせページURL: [_post_url]
(空行)
--
日本昆虫科学連合
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
- 英
タイトル:Contact-us
--フォーム
<p>Name (Required)<br />
[text* your-name 60/] </p>
(空行)
<p>Affiliation<br />
[text your-affiliation 60/]
(空行)
<p>Email address (Required)<br />
[email* your-email 60/] </p>
(空行)
<p>Message<br />
[textarea your-message 70x] </p>
(空行)
<p>[submit "Send"][confirm "Confirm"][back "Back"]</p>
(空行)
--メール~
こちらの受信用なので日本語版と同じ
--メール (2)~
メール本文
Dear [your-name]
(空行)
Thank you for your message to the Union of Japanese Soci...
Insect Sciences.
(空行)
===============================================
(空行)
Name: [your-name]
Affiliation: [your-affiliation]
Email: [your-email]
Message:
[your-message]
(空行)
===============================================
(空行)
This email was automatically sent.
Contact us URL: [_post_url]
(空行)
--
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
**Display Posts Shortcode の例 [#xab24ade]
[display-posts]
とすると、全ての投稿のうち、その言語のものが新しい順に10...
そのページの言語ではないものは表示しない(Bogo の機能)。
したがって、同じコードを別々の言語の固定ページに貼り付け...
include_date="true"
とすると、日付が表示される。~
include_excerpt="true"
とすると、本文が途中まで表示される。~
posts_per_page="数字"
とすると、指定したカテゴリの投稿のうち、その言語のものの...
新しいものから「数字」個が表示される。~
category="fruitfly,butterfly,dragonfly,sawfly"
でカテゴリを指定。
tag="parasite"
で、タグが使える。カテゴリとタグの併用もできる。
include_content="true"
とすると、指定したカテゴリの投稿が全て表示される。
wrapper="div"
とすると、div でラップされる。
そこで、
<div>
[display-posts category="hexapoda" wrapper="div"
posts_per_page="1" include_content="true"]
(適当に改行しています:以下同様)
</div>
とすると、指定したカテゴリ(hexapoda)の投稿のうち、その...
一番新しいものの全文が表示され、
ul のビュレット(箇条書きの印)が出ない(divだから)。
つまり、hexapodaカテゴリの投稿のうち、
今見ている言語で最新のものの全文が表示される。~
同じコードでも、一方には posts_per_page="1"、
もう一方には posts_per_page を入れないとするページを作ると
- 最新の投稿のページ
- 全ての投稿が並んだページ
が自動でできる。
しかも、新しく投稿すれば、最新は差し替わり、全てのページ...
<div>
[display-posts category="arthropod" tag="parasite" wrap=...
posts_per_page="200000" wrapper="div" include_content="...
</div>
とすると、指定したカテゴリ(arthropod)の投稿のうち、
タグに parasite をもつもので、
その言語のもの全て(200000個まで:対応していないかも)
の投稿の全文が表示される。
これは長くなりそうだ……。
なお、副産物として、カテゴリの第2の階層を選ぶが、親の階...
リンクがあってもクリックできず、投稿した記事だけが裸にな...
見えてしまうことがない。リンクできるように見えてしまうの...
***新着情報の例 [#a737ef0c]
[display-posts category="fruitfly,butterfly,dragonfly,sa...
dobsonfly, whitefly,Spanishfly" posts_per_page="5" inclu...
date_format="Y-n-j" include_excerpt="true"]
** My Calendar の Shortcode の例 [#k5c15649]
My Calendar も独自のカテゴリーがある。
作っておくと、Shortcode で利用できる。
*** 月毎のカレンダーの表示 [#q44a376a]
[my_calendar format="calendar" time="month" above="nav,j...
below="none" category="butterfly"]
*** これから行われるイベントの箇条書き表示 [#tc5d71d4]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title}<br />{excerpt}" before="0" after="10000"...
order="asc" show_today="yes" category="arthropod"]
template= を使うと、html タグも使える。~
{daterange}:日付の範囲 ← これがカレンダー表示とずれる原...
{linking_title}:タイトルをクリックすると、そのイベントが...
{excerpt}:内容の一部を表示~
before="0" after="10000" :これで、今日より前は含めず、将...
show_today="yes" : 今日のイベントを含める
*** 既に終わったイベントの箇条書き表示 [#web85835]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title}<br />{excerpt}" before="1000" after="0" ...
order="desc" show_today="yes" category="fruitfly"]
my_calendar_upcoming:upcoming で間違いではない。before ...
template= を使うと、html タグも使える。~
{daterange}:日付の範囲 ← これがカレンダー表示とずれる原...
{linking_title}:タイトルをクリックすると、そのイベントが...
{excerpt}:内容の一部を表示~
before="1000" after="0" :これで、今日より前だけを見せる...
show_today="yes" : 今日のイベントを含める
*** 予定がないとき [#f80f052b]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title} {excerpt}" before="0" after="10" type="e...
fallback="連合関連のシンポジウム等の予定はありません" or...
show_today="yes" category="insect,arthropod"]
fallback="文字列":イベントがないときに表示される。
昆虫連合そのもののシンポジウムなどはない期間があるので、...
My Calendar の shortcode は対応できるのが素晴しい。
** 4バイト文字の対応 [#s8be4e96]
さてさて、文字コード UTF-8 には、4バイトで一文字を表すも...
……
http://freefielder.jp/blog/2013/03/wordpress-4-byte-chars...
WordPress で 4バイト文字を扱えるようにする。~
によると
&#x に続いて、埋め込みたい文字の16進コード、最後に ;
土に濁点は、𡈽
終了行:
*WordPress で多言語化(二言語化)サイトを構築する 2015年4...
#contents
** 背景 [#e977749c]
[[某団体>http://www.insect-sciences.jp/]]((16の加盟学協会...
のウェブページ担当になり(2014年7月から)、日本語版に加え、
英語版の作成も仰せつかったので、
[[WordPress>https://ja.wordpress.org/]] を使って構築しま...
言語の選択をするときちんとページが変わる、恐らく多くの人...
そんな「本物っぽい」ページができました。
使ったテーマのデザインは触っていないので、
見ためのカッコよさなどは不十分とは思いますが、
それはまた別な人にお任せ((文句があるなら対案を出せ、とい...
*** WordPress にする [#u293b1da]
これまでは、(前任者が何を使っていたのかはよくわからない...
加筆修正に html コードを書き替えなければならず、
かなり面倒でした((エディタで手打ちは時代に合いませんがな)...
そこで、サーバが sakura で WordPress
が簡単にインストールできることから((ところが、本番環境の...
WordPress を使って構築することにしました。
sakura では Open MovableType も使えるのですが、何となく M...
私に合わない気がして、また、WordPress はドキュメントも、
無料の拡張機能も多そうだったので、
WordPress にしました((WikiMediaもインストールしてみたのだ...
*** Bogo で多言語化 [#m4ceae22]
多言語化のプラグインは [[Bogo>http://ideasilo.wordpress.c...
案内ページの浮世絵がちょっと分子生物学会ちっく。
もちろん、絵が面白いから選んだのではありません((分子生物...
xili-language を試したところ、トップページの切り替え''だ...
泣く泣く諦めました。
トップページは英語で他の言語は別ページとするならば、
xili-language は第一の選択肢になると思います。
適当に作ったページ同士を紐付けするのも簡単なので。
polylang も次に試しましたが、これはテーマとの相性が悪かっ...
上手くいきませんでした。評価できません。
ということで、最後に Bogo を試したところ、シンプルで使い...
言語のロケールの変換や後から紐付けができない点が不便です...
作成者が対応する気がないと[[宣言している>https://ja.forum...
慣れるしかありません。でも、慣れれば快適。
*** Bogo の言語の表示(ロケール)について [#l9a0991b]
Bogo では、ロケールに依存して同じソースでも表示が変化する。
この Bogo の特徴を利用すると、投稿ページの切り替え、投稿...
更には、Display Posts Shortcode を使って「集めて」きた投...
そのページのロケールの言語だけ表示される。
この特徴によりコードを減らせるのは、
xili-language に対する大きなアドバンテージ。
また、xili-language では、言語別のメニューを用意しなけれ...
Bogo ではメニューはひとつで、表示言語の指定をすればよい。
メニューの設定画面にアイコンが沢山並んで
縦長になってしまうのがイヤという人はいるかもしれぬ。
*** Bogo の仕様で注意点 [#m51f8303]
- 作ったページは、作ったときの言語のロケールになる。後か...
- 対応する別な言語のページを作るときは、まず、言語を選び...
- ロケールが変わると、その言語の翻訳版を作るためのボタン...
- 新たなタブが開き、元の言語の内容(本文とタイトル)がコ...
- タイトルを id にしたいときなどは、一度タイトルを消して...
- 別々に作ったページを紐付ける機能はない。今後も[[実装の...
*** 作成目標 [#qda7b8ae]
ワタシの次の人に使えるようにして引き渡せるようにすること。
投稿(ブログ)機能を利用して、加筆修正がしやすく、
かつ、メンテナンスもしやすいようあまりマニアックにし過ぎ...
といったところです。
そこで、できるだけ php のソースコードやCSSを触らない、
過度にプラグインを多用しないようにしました。
*** ということで [#a4072893]
以下に箇条書的メモを残します。~
絵を付けたり、チュートルアル的なものを書くと1冊の本にな...
そういうのは、ほかの人にお任せするとして、多言語化を中心...
本番環境の構築はまだなので、これから変わる部分もあるかも...
**sakura のサーバコントロールパネルで……、できなかった! [...
ドキュメントルートには、sakura では簡単にインストールでき...
「フォルダを指定して下さい」とのエラー~
そこで、インストラクションに従ってインストールした。
*** インストール [#r55dabb0]
- インストラクション [[http://wpdocs.sourceforge.jp/WordP...
--まず、sakura のサーバコントロールパネルで mysql のデー...
データベース名:himitsu
データベース文字コード:utf8;
-- wordpress 公式ページ http://ja.wordpress.org/ から、wo...
-- 解凍し、www の下に置く
-- wp-config.php を作成 ← wp-config-sample.php を cp
-- sakura の emacs では日本語が読めないので、ダウンロード...
/** WordPress のためのデータベース名 */
// define('DB_NAME', 'database_name_here');
define('DB_NAME', 'himichu');
/** MySQL データベースのユーザー名 */
// define('DB_USER', 'username_here');
define('DB_USER', 'koremo-himichu');
/** MySQL データベースのパスワード */
// define('DB_PASSWORD', 'password_here');
define('DB_PASSWORD', 'mochiron-himichu');
/** MySQL のホスト名 */
// define('DB_HOST', 'localhost');
define('DB_HOST', 'hogehoge.db.sakura.ne.jp'); ← sakura ...
// $table_prefix = 'wp_';
$table_prefix = 'wp_****'; ← 自動でインストールしようと...
-- wp-config.php をアップロード
-- www.insect-sciences.jp/wp-config.php にブラウザでアク...
- WordPress をインストール(ディレクトリはwp)~
ドキュメントルートではないディレクトリにインストールする...
クリックするだけでした
- 引越しに備え、いままで、home (~/) にあったファイルを ~/...
index.html で飛ばすようにしました((<head><meta http-equiv...
なお、WordPress のディレクトリの下に、index.html を置いて...
ことも確認しています。~
WordPress は、index.html は使わず、index.php を使うので、...
**WordPress のようこそ画面で [#le00846e]
サイトのタイトル:日本昆虫科学連合
ユーザー名:himitsu
パスワード:motto_himitsu
メールアドレス:koremo_himitsu
と入力
以下、そのほかのインストールと設定が相前後するけれども、 ...
** WordPress ダッシュボード [#wc043256]
***設定→一般設定 [#q39374e3]
キャッチフレーズ:Union of Japanese Societies for Insect...
と入力
WordPressアドレス (URL):http://www.insect-sciences.jp/
サイトアドレス (URL):http://www.insect-sciences.jp/
となっていることを確認
//とする ↑ 本番環境では「wp」を取る予定
日付のフォーマット:2015-03-31
にチェック。
デフォルト言語が日本語なので、
ほかのフォーマットにすると月と日とか漢字が入ることもあり、
無難にコンピュータの表記を選ぶ。~
変更を保存
これにてWordPress のインストール完了とする
以下、インストールと設定が相前後するけれども、
サイト構築は道具を作りながらの部分がどうしても必要なので...
** WordPress ダッシュボード [#ff361aa7]
-WordPress をバージョンアップ
-外観→テーマ
-- 新規追加→テーマのアップロード
-- biz-vektor_v_1_6_3.zip をアップロード
-- BizVektor を有効化=テーマに選択したことになる~
テーマは、たまたま買った本やその本を買うときに眺めた
(ざっと立ち読みした)本で紹介されていた
[[BizVektor>http://bizvektor.com/]] を利用。
日本製、ビジネス用に作られており、カスタマイズ化、無料。
レスポンシブでスマートフォンやタブレットにもそのまま対応...
WordPress の「テーマ」は、姿形だけでなく、
様々な機能もパックされているものをいうそうです。
***プラグイン [#f7dd02d5]
- WP Multibyte Patch を更新
- WP Multibyte Patch を有効化~
日本語を扱うには、これを有効化しておくとよいとのこと。
WordPress をインストールすると入っている。
バージョンアップして、有効化するだけ。~
- Akismet を削除
- Hello Dolly を削除
***プラグイン追加 [#ce8686d4]
必要なプラグインをインストール&有効化。~
プラグインのインストールは、
+ ダッシュボードのプラグインをクリック
+ 新規をクリック
+ プラグイン名で検索
+ 適切なものを選択
+ インストールをクリック
+ 有効化
の手順
URL は参考でしかありません(Dagon Design Sitemap Generato...
- Bogo~
https://wordpress.org/plugins/bogo/
多言語対応のためにインストール。
Contact Form 7 と同じ作者(Takayuki Miyoshi)。
日本人((海外製のものがイヤというのではないのですが、日本...
これで日英を実現しているので、必須。
プラグインそのものの設定は不要。有効化するだけ。
- Contact Form 7~
https://wordpress.org/plugins/contact-form-7/
某本の推奨のもの。
Bogo と同じ作者(日本人)。
これでウェブフォームを実現しているので、必須。
- Contact Form 7 add confirm~
https://wordpress.org/plugins/contact-form-7-add-confirm/
Contact Form 7 とは違う作者(でも日本人)。
Contact From 7 に確認ボタンを追加するプラグイン、必須。
- Display Posts Shortcode~
https://wordpress.org/plugins/display-posts-shortcode/
トップページの更新情報などで利用、必須~
はじめ、List category posts を使ったのですが、上手く動か...
使わないことにしました。~
使い方は別途
- TinyMCE Advanced~
https://wordpress.org/plugins/tinymce-advanced/
入力のとき表が作りやすくなる。
上付き文字などのアイコンも増やせるが使っていないけど、
本番では使えるようにしとこうと思う。
インストールして調子が悪くなるといけないのでテストでも入...
- Google XML Sitemaps~
https://wordpress.org/plugins/google-sitemap-generator/
某本の推奨のもの。
一応設定はしたが、必要かどうかは不明。
- Dagon Design Sitemap Generator の導入~
「野良」なのだけれども、大丈夫そうです。2009年のもの。
ソースを検証すべきなのか???~
http://www.dagondesign.com/articles/sitemap-generator-plu...
--ダウンロードした zipファイルを展開し、wp-content/plugin...
--ダッシュボードのプラグインに現れるので、有効化する
--設定→DDSSitemapGen を少し変える
Items per page: 250
If showing both, which first: ●Pages first
Show dates after posts: チェックする
Show dates after pages: チェックする
Date format (if showing dates): Y-m-d
Sitemap navigation method: ● Pages: 1 2 3 4 5
Show sitemap navigation: ● At both top and bottom
--固定ページに~
<!-- ddsitemapgen -->
と書く~
以上で設定終わり。~
流行?の PS Auto Sitemap はよくなかった。
-My Calendar((ほんとは後からインストールしたのだけれど、...
https://wordpress.org/plugins/my-calendar/
学会大会などのスケジュールをこれで見せるようにする。~
shordcode が使えるので、新着とは別に、
-- これから行われるもの
-- 既に終わったもの
の表示ができる。shortcode の詳細は別途。
いくつかカレンダーのプラグインを試してみたけれども、これ...
2日間以上のイベントの管理が微妙にずれるんだけども((カレ...
***設定→パーマリンク設定 [#n3ae3560]
カスタム構造のデフォルトを選び
/%category%/%postname%/
とする
NG NG NG NG NG NG NG NG NG NG NG NG
オプション
カテゴリーベースに「topics」と入力
英語版でうまく動かないことがあるのでだめ
英語側で投稿ページが表示できなくなる
階層が異なってしまうためと思われる
回避策はあるのかもしれないが深いことは考えないことにする
NG NG NG NG NG NG NG NG NG NG NG NG
*** 設定→ディスカッション [#dc66af8e]
投稿のデフォルト設定の~
□他のブログからの通知 (ピンバック・トラックバック) を受...
□新しい投稿へのコメントを許可する
のチェックを外す。
後から外すと、それまでに投稿されていた記事のひとつひとつ...
外さなければならなくなる(40個くらいやったら疲れました……...
*** メディア→新規追加 [#b36f744b]
写真などをアップロード
***外観→テーマ→カスタマイズ [#wb08966a]
以下、テーマ関連は BizVektor のカスタマイズ。
テーマが異なれば、また別なものとなります。似てるけど。
サイトのタイトル:日本昆虫科学連合
キャッチフレーズ:Union of Japanese Societies for Insect...
- ヘッダー画像選択→新規画像:トップに使う大きな図を選択、...
- デザイン設定
-- ヘッダーロゴ画像 → 画像を選択~
横長の図を選択
- 連絡先の設定
-- フッター左下とフッターコピーライトに……~
日本昆虫科学連合 Union of Japanese Societies for Insect ...
と入力。ピリオド忘れぬように(ピリオドがないと、
All Rights Reserved と続いているように見えてしまう)。
- Rebuild カラー設定
キーカラー:#33cc00
キーカラー(明):#000080 ← これは、色名があり、Navy
キーカラー(薄):#ccff99
- 固定フロントページ
●固定ページ(ラジオボタン)を選択
ブログ主体のページではないので。
***外観→テーマオプション [#d89f6848]
※「変更を保存」ボタンが一番下にあるので注意!
- お知らせ & ブログ~
表記の変更のところを書き換え
お知らせ → Info
ブログ → Topics ← 完成したときによく見るので、英語で見て...
※ 設定画面の表記も書き変わって、次からは Info & Topics に...
※ 今のところ Info は使う予定なし
- トップページ3PRエリアの設定~
BizVektor の宣伝みたいな文言が例として入っているので、
本番環境では適切なものにすること!!
単に消すだけでもいいのだが……。
残っていても被害が出るようなものではない。
[1]タイトル
[1]概要
[2]タイトル
[2]概要
[3]タイトル
[3]概要
と思っていたのですが、本番では全部消しておくだけにしまし...
***外観→テーマの編集 [#f2bd9fdc]
php のコードをダッシュボードから変更できる。
はじめそれを知らなくて、 ssh でログイン、emacs で作業とし...
何と簡単なことか
(ちょっとセキュリティが心配なような気もしないではないが...
- header.php~
2行追加。トップページにはヘッダロゴの絵を見せないように...
<!-- [ #headLogo ] -->
<?php if ( !is_front_page() ): ?> <?php /* 追加 28 Mar ...
<?php $heading_tag = ( is_home() || is_front_page() ) ? ...
<<?php echo $heading_tag; ?> id="site-title">
<a href="<?php echo home_url( '/' ); ?>" title="<?php bl...
<?php biz_vektor_print_headLogo(); ?>
< /a>
</<?php echo $heading_tag; ?>>
<?php endif; ?> <?php /* 追加 28 Mar 2015 tomaru */ ?>
<!-- [ /#headLogo ] -->
- theme-options.php~
footer に表示される自サイト名を削るため548行目の
echo $footSiteName;
をコメントアウトした。
- フッタに Powered By WordPress and BizVektor の文字列が...
テーマ BizVektor の利用条件では消してもいいとのこと。
// 584行目の
//
//echo $footerPowered;
//
// をコメントアウトした。
○○.php の○○○○○○○○を●●●●●●●●した。
BizVektor では、「Powered By」を消すキットを販売していた...
ここは書く訳にはいきません。
テーマは無料だけれども、付加価値の部分は有料という商売を...
BizVektor へのリンクは作ったので、恩返しはできたでしょう。
- module_mainfoot.php
Contact us を設定するとフッタにしつこいメールのリンクが出...
<!-- [ .mainFootContact ] --> ~
と~
<!-- [ .mainFootContact ] --> ~
との間の
<div class="mainFootContact">
<p class="mainFootTxt">
<?php biz_vektor_mainfootContact(); ?>
</p>
<?php // 問い合わせページのURLが設定されている場合に表示
$options = biz_vektor_get_theme_options();
if ($options['contact_link']) :?>
<div class="mainFootBt"><a href="<?php echo $options['co...
<img src="<?php echo get_template_directory_uri(); ?>/im...
_e('bt_contact.png', 'biz-vektor'); ?>"
alt="<?php _e('Contact us by e-mail', 'biz-vektor'...
</div>
<?php endif; ?>
</div>
(↑適宜改行を入れています)
を全てコメントアウトした。
コメントアウトが面倒だったので、コメントアウト後のソース...
<?php // comment out 29 Mar 2015 tomaru BEGIN ?>
<?php
// <div class="mainFootContact">
// <p class="mainFootTxt">
?>
<?php // biz_vektor_mainfootContact(); ?>
<?php
// </p> ?>
<?php // 問い合わせページのURLが設定されている場合に表示
// $options = biz_vektor_get_theme_options();
// if ($options['contact_link']) :?>
<?php
// <div class="mainFootBt"><a href=" ?>
<?php //echo $options['contact_link'] ?><?php // "> ?>
<?php
// <img src=" ?><?php //echo get_template_directory_uri(...
// /images/ ?><?php // _e('bt_contact.png', 'biz-vektor'...
// " ?> <?php //alt=" ?><?php
// _e('Contact us by e-mail', 'biz-vektor'); ?><?php
//" /> ?><?php //</a>
//</div> ?>
<?php // endif; ?>
<?php // </div> ?>
<?php // comment out 29 Mar 2015 tomaru END ?>
(↑適宜改行を入れています)
*** 固定ページを作る [#b4a6ebfc]
少なくとも、トップページ用は作っておく。
そうしないとウィジェットの設定のとき、トップページが指定...
後から指定すればいいだけだけど。
*** 本番のときは [#t5eba81a]
仮環境のときに
- ツール→エクスポート~
で、xml ファイルを出力
- ツール→インポート→WordPress
-- WordPress Importer をインストール
-- プラグインを有効化してインポートツールを実行
-- エクスポートしていた xml ファイルをアップロード
-- エラーが出るが気にしない~
トップページを設定する。~
メニューは復元するけれど、それぞれのメニューでの言語の選...
*** 外観→テーマ→カスタマイズ [#s13f99b1]
- 固定フロントページ
-- フロンントページ
トップページ
を選ぶ(トップに置きたいものを選ぶ)
- 連絡先の設定
-- 問い合わせページのURL
http://www.insect-sciences.jp/en/contact-us/
と入力。
//(本番環境では「wp」を抜く予定)。
Contact Form 7 のショートコードを書いたページ。
日英に対応しないので、英語を基本とした。
この設定をするとテーマ BizVektor によって、
ウィジェットに「BV_お問いあわせ」が出現する。
*** 外観→ウィジェット [#qb2a7d1d]
この設定は重要。
一度設定すればいいのだが重要。
プラグイン追加後に調整のこと。
「保存」をクリックし忘れないように。
Bogo をインストールするとウィジェットに「日本語」と「英語...
で表示するかどうかチェックボックスが表われます。
このチェックを外すとその言語では見えなくなります。
間違って、英語(英国)をインストールしたことがあったので...
そのときは3つ選べました(wp-content/lauguage
の下の関係する言語を消せば言語のアンインストールはできま...
ウィジェットが二ヶ国語対応のときは、両方チェックしたまま...
- 言語切り替え ← Bogo
- BV_問い合わせボタン ← BizVektor
- BV_最近の投稿 ← BizVektor~
などは、和英に対応しています。
なお、「BV_」のウィジェットは、BizVektor のもの。
- コンテンツエリア(トップページ)~
に以下のウィジェットを並べる
-- BV_トップ用_固定ページ本文
---「トップページ」を選ぶ ← 日本語用のトップページを選ぶ
---「タイトルを表示させる」のチェックを外す
---「英語(米国)」のチェックを外す
-- BV_トップ用_固定ページ本文
---「TopPage」を選ぶ ← 英語用のトップページを選ぶ
---「タイトルを表示させる」のチェックを外す
---「日本語」のチェックを外す
- サイドバー(お知らせページ) ← 使う予定はないが一応~
に以下のウィジェットを並べる
-- 言語切り替え
- サイドバー(トップページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- 検索~
---タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
---「日本語」のチェックを外す
-- BV_問い合わせボタン
- サイドバー(投稿ページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- BV_最近の投稿
--- タイトルに「新着情報」と入力
--- 表示件数を「5」とする
--- 「英語(米国)」のチェックを外す
-- BV_最近の投稿
--- タイトルに「What's New」と入力
--- 表示件数を「5」とする
---「日本語」のチェックを外す
-- 検索
---タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
--- 「日本語」のチェックを外す
-- BV_問い合わせボタン
- サイドバー(固定ページ)~
に以下のウィジェットを並べる
-- 言語切り替え
-- BV_最近の投稿
--- タイトルに「新着情報」と入力
--- 表示件数を「5」とする
---「英語(米国)」のチェックを外す
-- BV_最近の投稿
--- タイトルに「What's New」と入力
--- 表示件数を「5」とする
---「日本語」のチェックを外す
-- 検索
--- タイトルに「サイト内検索」と入力
---「英語(米国)」のチェックを外す
-- 検索
--- タイトルに「Search the Site」と入力
---「日本語」のチェックを外す
-- BV_問い合わせボタン
*** 外観→メニュー [#ja30ff25]
- メニュー構造を調整~
インポートした場合は全て入っているが言語の設定ができてい...
フッターナビゲーションでは英語のメニューも日本語で表示す...
*** あとは個々のページを調整していく [#y5e2e3f7]
基本方針~
-「投稿」のスラッグは数字(id)にする
-「固定ページ」のスラッグは後から考えて作る
*** 外観→テーマ→カスタマイズ [#s13f99b1]
- ナビゲーション
-- Header Navigation: GlobalNavigation
-- Footer Navigation: FooterNavigation
-- Footer SiteMap: (選択せず)
- 固定フロントページ
--「フロントページ」(プルダウンメニュー)は「トップペー...
***引越すときには、 [#y18de9ad]
仮環境のときに
- ツール→エクスポート~
で、xml ファイルを出力
- ツール→インポート→WordPress~
-- WordPress Importer をインストール
-- プラグインを有効化してインポートツールを実行
-- エクスポートしていた xml ファイルをアップロード
-- エラーが出るが気にしない
メニューは復元するけれど、それぞれのメニューでの言語の選...
ひとつひとつチェックし直す。
*** Contact Form 7 の設定 [#m58aa35c]
プラグインを有効化するとダッシュボードに「お問い合わせ」...
それを使って設定し、ショートコードを固定ページに貼り付け...
-日~
タイトル:お問い合わせフォーム
--フォーム
<p>お名前 (必須)<br />
[text* your-name 60/] </p>
(空行)
<p>ご所属<br />
[text your-affiliation 60/]
(空行)
<p>メールアドレス (必須)<br />
[email* your-email 60/] </p>
(空行)
<p>お問い合わせ内容<br />
[textarea your-message 70x] </p>
(空行)
<p>[submit "送信"][confirm "確認"] [back "戻る"]</p>
※ この [confirm "確認"] [back "戻る"] が、
Contact Form 7 add confirm で使えるようになったもの
-- メール~
差出人:日本昆虫科学連合/Union of Japanese
Societies for Insect Sciences <******@********.jp>
(実際は改行していません)
件名:UJSIS Contact Mail/日本昆虫科学連合お問い合わせ
--メッセージ本文~
日本昆虫科学連合−お問い合わせフォームより送信がありまし...
(空行)
===========================
(空行)
【 お名前 】 [your-name]
【 ご所属 】 [your-affiliation]
【 Email 】 [your-email]
【 お問い合わせ内容 】
[your-message]
(空行)
===========================
送信日時:[_date] [_time]
IPアドレス:[_remote_ip]
ブラウザ: [_user_agent]
問い合わせのページURL:[_post_url]
(空行)
このメールは自動送信でお送りしています。
(空行)
--
日本昆虫科学連合
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
-- メール (2)~
送信者へもメールを送るようにする
[your-name] 様
(空行)
日本昆虫科学連合:お問い合わせありがとうございました。
(空行)
===========================
(空行)
【 お名前 】 [your-name]
【 ご所属 】 [your-affiliation]
【 Email 】 [your-email]
【 お問い合わせ内容 】
[your-message]
(空行)
===========================
(空行)
このメールは自動送信でお送りしています。
問い合わせページURL: [_post_url]
(空行)
--
日本昆虫科学連合
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
- 英
タイトル:Contact-us
--フォーム
<p>Name (Required)<br />
[text* your-name 60/] </p>
(空行)
<p>Affiliation<br />
[text your-affiliation 60/]
(空行)
<p>Email address (Required)<br />
[email* your-email 60/] </p>
(空行)
<p>Message<br />
[textarea your-message 70x] </p>
(空行)
<p>[submit "Send"][confirm "Confirm"][back "Back"]</p>
(空行)
--メール~
こちらの受信用なので日本語版と同じ
--メール (2)~
メール本文
Dear [your-name]
(空行)
Thank you for your message to the Union of Japanese Soci...
Insect Sciences.
(空行)
===============================================
(空行)
Name: [your-name]
Affiliation: [your-affiliation]
Email: [your-email]
Message:
[your-message]
(空行)
===============================================
(空行)
This email was automatically sent.
Contact us URL: [_post_url]
(空行)
--
Union of Japanese Societies for Insect Sciences
http://www.insect-sciences.jp/
**Display Posts Shortcode の例 [#xab24ade]
[display-posts]
とすると、全ての投稿のうち、その言語のものが新しい順に10...
そのページの言語ではないものは表示しない(Bogo の機能)。
したがって、同じコードを別々の言語の固定ページに貼り付け...
include_date="true"
とすると、日付が表示される。~
include_excerpt="true"
とすると、本文が途中まで表示される。~
posts_per_page="数字"
とすると、指定したカテゴリの投稿のうち、その言語のものの...
新しいものから「数字」個が表示される。~
category="fruitfly,butterfly,dragonfly,sawfly"
でカテゴリを指定。
tag="parasite"
で、タグが使える。カテゴリとタグの併用もできる。
include_content="true"
とすると、指定したカテゴリの投稿が全て表示される。
wrapper="div"
とすると、div でラップされる。
そこで、
<div>
[display-posts category="hexapoda" wrapper="div"
posts_per_page="1" include_content="true"]
(適当に改行しています:以下同様)
</div>
とすると、指定したカテゴリ(hexapoda)の投稿のうち、その...
一番新しいものの全文が表示され、
ul のビュレット(箇条書きの印)が出ない(divだから)。
つまり、hexapodaカテゴリの投稿のうち、
今見ている言語で最新のものの全文が表示される。~
同じコードでも、一方には posts_per_page="1"、
もう一方には posts_per_page を入れないとするページを作ると
- 最新の投稿のページ
- 全ての投稿が並んだページ
が自動でできる。
しかも、新しく投稿すれば、最新は差し替わり、全てのページ...
<div>
[display-posts category="arthropod" tag="parasite" wrap=...
posts_per_page="200000" wrapper="div" include_content="...
</div>
とすると、指定したカテゴリ(arthropod)の投稿のうち、
タグに parasite をもつもので、
その言語のもの全て(200000個まで:対応していないかも)
の投稿の全文が表示される。
これは長くなりそうだ……。
なお、副産物として、カテゴリの第2の階層を選ぶが、親の階...
リンクがあってもクリックできず、投稿した記事だけが裸にな...
見えてしまうことがない。リンクできるように見えてしまうの...
***新着情報の例 [#a737ef0c]
[display-posts category="fruitfly,butterfly,dragonfly,sa...
dobsonfly, whitefly,Spanishfly" posts_per_page="5" inclu...
date_format="Y-n-j" include_excerpt="true"]
** My Calendar の Shortcode の例 [#k5c15649]
My Calendar も独自のカテゴリーがある。
作っておくと、Shortcode で利用できる。
*** 月毎のカレンダーの表示 [#q44a376a]
[my_calendar format="calendar" time="month" above="nav,j...
below="none" category="butterfly"]
*** これから行われるイベントの箇条書き表示 [#tc5d71d4]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title}<br />{excerpt}" before="0" after="10000"...
order="asc" show_today="yes" category="arthropod"]
template= を使うと、html タグも使える。~
{daterange}:日付の範囲 ← これがカレンダー表示とずれる原...
{linking_title}:タイトルをクリックすると、そのイベントが...
{excerpt}:内容の一部を表示~
before="0" after="10000" :これで、今日より前は含めず、将...
show_today="yes" : 今日のイベントを含める
*** 既に終わったイベントの箇条書き表示 [#web85835]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title}<br />{excerpt}" before="1000" after="0" ...
order="desc" show_today="yes" category="fruitfly"]
my_calendar_upcoming:upcoming で間違いではない。before ...
template= を使うと、html タグも使える。~
{daterange}:日付の範囲 ← これがカレンダー表示とずれる原...
{linking_title}:タイトルをクリックすると、そのイベントが...
{excerpt}:内容の一部を表示~
before="1000" after="0" :これで、今日より前だけを見せる...
show_today="yes" : 今日のイベントを含める
*** 予定がないとき [#f80f052b]
[my_calendar_upcoming template="<strong>{daterange}</str...
{linking_title} {excerpt}" before="0" after="10" type="e...
fallback="連合関連のシンポジウム等の予定はありません" or...
show_today="yes" category="insect,arthropod"]
fallback="文字列":イベントがないときに表示される。
昆虫連合そのもののシンポジウムなどはない期間があるので、...
My Calendar の shortcode は対応できるのが素晴しい。
** 4バイト文字の対応 [#s8be4e96]
さてさて、文字コード UTF-8 には、4バイトで一文字を表すも...
……
http://freefielder.jp/blog/2013/03/wordpress-4-byte-chars...
WordPress で 4バイト文字を扱えるようにする。~
によると
&#x に続いて、埋め込みたい文字の16進コード、最後に ;
土に濁点は、𡈽
ページ名: