「plugin」タグアーカイブ
WordPress のコンテンツの日本語化
WordPress の言語ファイルはGetTextを使った .mo という形式になっている。
これを編集するにはオープンソースの poedit を使う。
Custom Post Type UI 1.1.2 の日本語訳が中途半端だったので、日本語化しなおした。
- Poedit をダウンロードしてインストールする。
- wp-content/plugins/custom-post-type-ui/languages/ にある、custom-post-type-ui.po をローカルに持ってくる。
- Poedit を使って custom-post-type-ui.po を開く。左側に原文、右側に日本語訳を入力していく。
- ファイルを保存すると custom-post-type-ui.mo が作成される。
- 念のため、元の .mo をバックアップして、custom-post-type-ui.mo をさっきの場所に上書きする。
一応、おもて側で見える部分は大体翻訳した Custom Post Type UI 1.1.2 の日本語化ファイルを置くので、自由に使ってください。
cpt-plugin-ja.zip
解凍して出てきた cpt-plugin-ja.mo を wp-content/plugins/custom-post-type-ui/languages/ に上書きしてください。
ソースから言語部分を抽出して翻訳するには…
Webフォント font-awesome のアイコン一覧
Web フォントを使うと、画像イメージを用意しなくても Webアイコンフォントが使えるので表現力が上がる。
html 内で指定する場合は、文中で以下の様に指定する。
[code lang=”html”]<i class=”fa fa-adjust”></i>[/code]
そうすると、次の様に表示される。 →
そのためには先ず head で Webフォントの CSS を読み込んでおく必要がある。
CDNはここ
[code lang=”html”]
<link rel=”stylesheet” href=”//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”>
[/code]
WordPress の場合
管理画面の [外観] → [テーマの編集] で style.css に以下の一文を追加すれば良い。
[code lang=”css”]
@import url(“//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”);
[/code]
プラグインで導入する方法もある。こちらは、style.css を修正する必要なし。
Better Font Awesome プラグインとかがお勧め。これは使う font-awesome のバージョンが指定できる。ただし、挿入されるのはショートコードなので、MovableType 等に移行するとき問題になる。
WordPress Visual Icon Fonts プラグインも良さそうだが、これは font-awesome のバージョンが古い。
Better Font Awesome でショートコードを使わない Hack!
plugins\better-font-awesome\lib\better-font-awesome-library\js\admin.js の最後の方を以下の様に修正する。ショートコードではなく直接 i タグで挿入されるので、Wordpres 以外に移行する場合も問題なくなる。
|
1 2 |
// return '[icon name="' + icon + '" class="" unprefixed_class=""]'; return '<i class="fa fa-' + icon + '"></i>'; |
FireFox でWebフォントが反映されない場合の対処
FireFoxの最新ブラウザはクロスドメイン制約のため、CSS内部で参照している eot などのファイルが読み込めず、Webフォントが表示できない場合がある。
- 対処1
参照先サーバの .htaccess に以下の様に追記する。
[code lang=”html”]
<IfModule mod_headers.c>
<FilesMatch “.(ttf|otf|eot|woff)$”>
Header set Access-Control-Allow-Origin “アクセスを許可するサイト”
</FilesMatch>
</IfModule>
[/code] - 対処2
Webフォントのフルセットを自分の環境に置いて使用する。