WordPress on 島のWeb屋

WordPressテーマ「Genesis Framework」を勝手に日本語化するプラグイン

Thu, 20 Jun 2024 15:10:01 +0000

当ブログの管理人は、Genesis FrameworkというWordPressテーマが気に入っていて、サイト制作時によく利用します。

ただ、海外製のテーマなので、管理画面などは基本的に英語がベースになっています。

一応、日本語の翻訳も提供されてはいますが、実際は日本語化されている部分は少なく、また日本語化されていても分かりにくかったり間違えていたりすることも多いです。

なので、よく使う部分だけでもと思って、自分なりに勝手に日本語に翻訳するプラグインを作ってみました。

Genesis Framework version 3.5.0に、この記事を書いている時点で最新の翻訳¹を適用した状態から、公式に提供されている翻訳はできるだけそのまま使うという方針で、未翻訳、誤訳、翻訳がわかりにくい部分などを独自に補完したものになります。

無料で自由にご利用いただけますが、完全に非公式ですので、そのつもりでよろしくお願いします。

使い方は、↓こちらからダウンロードして、他のWordPressのプラグインと同様にアップロード＆有効化して下さい。

ダウンロード » Genesis_katte_ja version 3.5.0.0

プラグインの設定ページなどはありません。

仕組み

プラグインの中身は、翻訳の情報を書いた設定ファイルをgettext_genesisというアクションフックで読み込んで翻訳するという単純なものです。

本来はmoやpoといった翻訳ファイルを作ってやるべきなのでしょうが、面倒だったのでphpの設定ファイルを用意して、それにハードコーディングしています。

翻訳内容

このプラグインでは、日本語化されていない部分だけではなく、既に日本語化されていても「分かり難い」と感じた部分を別の日本語で言いかえています。

例えば、次の画像のように管理画面の表示が変わります。

Genesis Frameworkは子テーマの使用が前提なので、もともと「テーマのSEO設定」だった部分を、Genesis自身の設定であることがわかりやすいように「GenesisのSEO設定」に変えました。

また、和訳に間違いがあった部分も正しい表現に変えています（下の画像の「サイドバー2-サイドバー1-コンテンツ」の部分）

なお、必ずしも英語からの和訳として正確というわけではなく、かなり大胆に意訳している部分もあると思いますので、きになる場合は、必要に応じて修正していただければと思います。

以下、本プラグインによる翻訳のビフォー・アフターを書いておきますので、参考にして下さい。

カスタマイズ

Theme Settings (テーマの設定)

Theme Settings: → Genesisの設定; (「テーマの設定」から変更)

Site Layout (サイトレイアウト)

Select Site Layout: → サイトのレイアウトを選択して下さい.
Content, Primary Sidebar: → コンテンツ - サイドバー1; (「コンテンツ - 最初のサイドバー」から変更)
Primary Sidebar, Content: → サイドバー1 - コンテンツ; (「最初のサイドバー - コンテンツ」から変更)
Secondary Sidebar, Primary Sidebar, Content: → サイドバー2 - サイドバー1 - コンテンツ; (翻訳間違い(サイドバー2 - コンテンツ - サイドバー1)を修正)
Full Width Content: → サイドバーなし

Breadcrumbs (パンくずリスト)

Select the pages which should display breadcrumbs.: → パンくずリストを表示するページを選択して下さい.
Breadcrumbs on Homepage: → ホームページ
Breadcrumbs on Posts page: → 投稿一覧
Breadcrumbs on Single Posts: → 投稿
Breadcrumbs on Pages: → 固定ページ; (「ページ上のパンくずリスト」から変更)
Breadcrumbs on Archives: → アーカイブページ
Breadcrumbs on 404 page: → 404エラーページ
Breadcrumbs on Attachment/Media: → 添付ファイルやメディア',

Comments and Trackbacks (コメントおよびトラックバック)

Enable Comments on Posts: → 投稿でコメントを有効にする
Enable Comments on Pages: → 固定ページでコメントを有効にする
Enable Trackbacks on Posts: → 投稿でトラックバックを有効にする
Enable Trackbacks on Pages: → 固定ページでトラックバックを有効にする

Singular Content

Singular Content: → 個別コンテンツ
Modify the settings for individual entries such as posts and pages.: → 投稿や固定ページなど個別記事の設定を変更します.

Content Archives (コンテンツアーカイブ)

Content Archives: → アーカイブページ; (「コンテンツアーカイブ」から変更)
Entry content: → 記事の本文
Entry excerpts: → 記事の抜粋
Limit content to how many characters? (0 for no limit): → 本文を表示する場合の文字数制限(0は無制限)
Display the featured image?: → アイキャッチ画像を表示する
Featured Image Size: → アイキャッチ画像のサイズ
Featured Image Alignment: → アイキャッチ画像の位置揃え
Center: → 中央 (「真ん中」から変更)
Entry Pagination Type: → ページネーション(ページ送り)の種類
Previous / Next: → 前ページ / 次ページのみ (「前・次」から変更)
Numeric: → ページ番号のリンクあり; (「数値」から変更)

Header/Footer Scripts

Header/Footer Scripts: → ヘッダー／フッターのスクリプト
This code will output immediately before the closing %s tag in the document source.: → このコードはページのHTMLソース内で閉じタグ「%s」の直前に出力されます.

Theme SEO Settings (テーマのSEO設定)

Theme SEO Settings: → GenesisのSEO設定; (「テーマのSEO設定」から変更)

Document Title (タイトル)

Add site name to document title on inner pages?: → サブページのタイトルにサイト名を追加する
Document Title Separator: → ページのタイトルの区切り文字
If the title consists of two parts (original title and optional addition), then the separator will go in between them.: → タイトルが2つの部分(元のタイトルと追加要素)で構成されている場合、それらの間にこの区切り文字が入ります。
Document Title Order: → ページのタイトルの追加要素の位置
Additions on left: → 左
Additions on right: → 右
Determines which side the added title text will go on.: → 追加要素をページのタイトルのどちら側に配置するかを選択します。

Homepage (ホームページ)

Primary Title H1: → H1タグで表示する主要タイトル
Site Description (tagline): → サイトの説明(キャッチフレーズ)
Homepage Document Title: → ホームページのタイトル
If you leave the document title field blank, your site’s title will be used instead.: → 空欄のままにすると、サイトのタイトルが使用されます。
Add site description (tagline) to document title on home page?: → ホームページのタイトルにサイトの説明(ディスクリプション／キャッチフレーズ)を追加する
Meta Description: → メタ・ディスクリプション
The meta description can be used to determine the text used under the title on search engine results pages.: → 検索エンジンの結果ページで、タイトルの下に表示される可能性のある短い説明文を指定できます。

Document Head

Document Head: → head部の設定
By default, WordPress places several tags in your document title. Most of these tags are completely unnecessary, and provide no SEO value whatsoever; they just make your site slower to load. Choose which tags you would like included in your document title. If you do not know what something is, leave it unchecked.: → デフォルトでは、WordPressはページのhead部にいくつかのタグを出力します。これらのタグのほとんどは完全に不要であり、SEO的な価値は皆無です。サイトの読み込みが遅くなるだけです。head部に出力するタグを選択して下さい。何のことかがわからない場合は、チェックを外したままにしてください。

Indexing

Indexing: → 検索サイトへのインデックス
Apply noindex to the archive pages below.: → noindexを適用するアーカイブ(記事一覧)ページを選択して下さい。
Category Archives: → カテゴリーの記事一覧',
Tag Archives: → タグの記事一覧
Author Archives: → 投稿者の記事一覧
Date Archives: → 日付の記事一覧
Archiving: → 検索サイトへのアーカイブ
Apply noarchive to the pages below.: → noarchiveを適用するページを選択して下さい。

(その他項目 Indexingと同様 ↑)

WordPressとPHPのバージョンを管理画面の見やすい位置に常時表示する方法

Mon, 04 Mar 2024 20:15:46 +0000

WordPressとPHPのバージョンを管理画面の左上あたりの見やすい位置に常時表示する方法です。

WordPressのバージョンは管理画面の右下に表示されていますし、PHPのバージョンはサイトヘルスの「情報-サーバー」を見ればわかりますが、「すぐに見たい！」と思った時にどこを見ればよかったか分からなくなることはありませんか？

そんな方にはピッタリのカスタマイズ方法だと思います。

まずはコードからご紹介

まずは、カスタマイズのためのコードですが、以下のようなものです。

add_action( &#039;admin_notices&#039;, function () {
  global $wp_version;
  printf(
    &#039;&lt;p id=&quot;your_version_infos&quot;&gt;&lt;span id=&quot;your_version_of_wordpress&quot;&gt;WordPress ver.&lt;b&gt;%s&lt;/b&gt;&lt;/span&gt; / &lt;span id=&quot;your_version_of_php&quot;&gt;PHP ver.&lt;b&gt;%s&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&#039;, $wp_version, phpversion()
  );
} );

内容を簡単に説明すると、

WordPressのバージョンは、グローバル変数$wp_versionで取得。
PHPのバージョンは、関数phpversion()で取得。
取得した2つのバージョンを、アクションフックadmin_noticesで画面に表示。

となっています。

これが管理画面表示時に実行されればOKですので、その方法を3つご紹介します。

方法1：プラグインとしてインストール・有効化

１つ目の方法として、上記のコードの内容を実行するプラグイン(Show wp and php versions)を用意しました。

特にやり方にこだわりがなければ、これが一番簡単なのでおすすめです。

不要になった場合も、プラグインの一覧画面で無効化・削除するだけです。

手順は、以下の通りです。

こちらからプラグイン(zip形式)をダウンロード
WordPressの管理画面にログイン
左サイドバーの「プラグイン」をクリック
プラグインの画面で「新規プラグインの追加」をクリック
プラグインを追加の画面で「プラグインのアップロード」をクリック
ダウンロードしたzipファイルを選択して「今すぐインストール」をクリック
インストールできたら有効化

有効化すれば、管理画面の左上の方にすぐにWordPressとPHPのバージョンが表示されると思います。

設定などは特にありません。

方法2：「Code Snippets」プラグインのスニペットとして登録

2つめは、「Code Snippets」というプラグインを使ってスニペット(「再利用できる小さいプログラム」のような意味)として導入する方法です。

マイナーなプラグインはインストールしたくないものの、テーマのファイルを直接編集することが難しい、または不安という方におすすめです。

Code Snippetsは、記事執筆の時点で90万以上のダウンロード実績と星4.5以上の評価を得ている優秀なプラグインです。

まず、以下の手順でCode Snippetsをインストール・有効化します。

WordPressの管理画面にログイン
左サイドバーの「プラグイン」をクリック
プラグインの画面で「新規プラグインの追加」をクリック
「Code Snippets」を検索
「Code Snippets」の「今すぐインストール」をクリック
インストールできたら有効化

有効化すると、左サイドメニューに「スニペット」というメニューが表示されるので、そこから「新規作成」をクリックします。

完全無料でWordPressを使う場合の課題と解決案について考えてみた

Fri, 02 Feb 2024 09:19:23 +0000

WordPressでホームページを作ろうと思うと、普通は「レンタルサーバー」と「ドメイン」の費用が必要ですが、完全無料でできる方法もあります。

[linkcard slug=“free-wordpress”]

XREAという20年以上前からある無料レンタルサーバーを使いました。

↓サンプルサイト的なデモサイトも作ってみました。

[linkcard_ext url=“http://ffwp.s322.xrea.com/” title=“完全無料WordPress” image="/home/wp-content/uploads/2024/04/o0620039115428093700.jpg" domain=“ffwp.s322.xrea.com”]【デモ】支払いが一切発生しない完全無料のWordPressサイトを作ってみました。完全無料の場合は広告表示＋レンタルサーバー会社のサブドメイン＋SSL使用不可の制限あり[/linkcard_ext]

無料の割にWordPressの動作も比較的軽快で使えないことは無さそうです（但し、検討すべき課題はあります）。

ちなみに、↓パソコンで見た時のトップページはこんな見た目です。

サーバーの申し込みからここまでで、所要時間は、待ち時間なども入れて概ね1～2時間くらいといったところでした。

テーマはLightningという有名な無料テーマを使いました。

メインビジュアルもCanvaという有名な無料デザイン作成サイトで適当に作ってみました。

デザインACなどでも簡単に作れます。

ただし、完全無料のため、検討すべき課題がいくつかあります。

広告表示が必須

画面最上部に広告が必ず出ます（WordPressのインストール中や管理画面にも出ます）。

今回のデモサイトは、広告が出る瞬間に画面がガクッとなったのと、広告が入ってくることでモバイルのメニュー表示ボタンの位置がおかしくなったので、調整するために少し追加CSSを記述しました。

広告が出るのは困るという場合は、一ヶ月あたり200円ちょっと（3年契約の場合）支払って上位の「XREA Plus」というプランにすると、広告を消すことができます（ついでに容量200GBなど、スペックもかなり上がります）。

ドメインがレンタルサーバーのサブドメイン

サーバー申し込み時に最初に一つだけ割り当てられるレンタルサーバーのサブドメイン（初期ドメイン）をサイトのURLとして使うことになります。

初期ドメインは他のサーバーでは使えないため、サーバーを変えたいとなったときに同じURLで引っ越しできないので注意が必要です。

もし、アクセスが増えて無料サーバーでは処理しきれなくなり別のサーバに引っ越すとなった場合に、URLが変わってしまいます。

なので、（「完全無料」では無くなりますが）最初から「.com」などの独自ドメインを取得してスタートて、その独自ドメインを使ってサイトを立ち上げるのが無難だと思います。

独自ドメインならURLを変えずに引っ越しできます。

費用は「.com」なら1年あたり2000円以下くらいです。

なお、XREAの無料サーバーの申し込み時に「.shop」の独自ドメインを無料でもらえますが、これを使うと2年目から更新費が発生するため「完全無料」と考えると使えません。

「.shop」の更新費は5000円超えで意外と高いです。

SSLが使えない

XREAレンタルサーバーから借りる初期ドメインは、SSLに対応していません。

つまり「https」で始まるURLが使えません。

今はURLが「https」で始まっていないとブラウザで「安全ではない」と表示されてあまり見栄えがよくありませんし、WordPressのログインパスワードを盗聴されるリスクも上がります（確率は低いとは思いますが）。

この問題の解決策も、前項で書いた、独自ドメインを1つ取ってそれを使うことです。

まとめ

以上、「完全無料でWordPress」について考えてみました。

完全無料は魅力的ですし、表示も思ったより軽快で良さそうではあるものの、懸念事項が多く、本気のホームページとしては使いにくい仕様で、少々無理がある気がします。

やはり、少し費用を出して、もっと制約の無いサーバーを借りるべきだろうと思います。

ちなみに、XREAの広告を消して（3年契約で）、「.com」ドメインを一つ取れば、年間維持費は4000円ちょっと（月額370円程度）なので、これを使うという方法も考えられます。

ほかにも、サーバーを借りている間はドメイン費用がかからないというレンタルサーバーも増えましたので、そういうところから探せば、月額500円くらいまででWordPress用のサーバーとドメインの両方を維持できます。

精神衛生上も、その方が良いかもしれないですね。

最後に、独自ドメインを取得しても月額500円程度で使えるレンタルサーバーのプランを3つご紹介します。

1 XREAの有料プラン「XREA Plus」: XREA Freeの上位プラン。1ヶ月あたり209円（3年一括の場合）で、広告なし、初期ドメインとは別のSSL通信もできるサブドメインも3個まで無料で利用することが可能。.comや.netなどの独自ドメインを取っても1ヶ月あたり370円程度です。容量も200GBに増えます。

2 CORESERVER（コアサーバー）のV2プラン: XREAと同じ会社が運営しているサーバーで、1ヶ月あたり390円（3年一括の場合）から利用できます。独自ドメインも同時契約すればサーバーの初期費用が無料。しかもサーバー契約中は独自ドメインの更新料が1つ無料になります。つまり、最初のドメイン購入費用以外は、1ヶ月あたり390円のみです。しかも本来は1ヶ月あたり300円以上かかる高額な.jpドメインも無料対象なので、めちゃくちゃお得です。

3 ロリポップ！のハイスピードプラン: 独自ドメインが2つまで無料。1個目は.jpドメインも対象（2個目は選択肢がかなり減ります）。安価なプラントしては珍しく電話サポートも付いているので、ネットのサポートだけでは不安な初心者も安心です。これで月額550円（3年契約の場合）は、かなりお得でしょう。

最初からずっと0円！完全無料でWordPressのサイトを運営する方法

Tue, 30 Jan 2024 23:20:10 +0000

WordPressでサイトを作る場合、ブログでもホームページでも、サーバーとドメインに費用がかかるのが一般的ですが、そういった費用は一切なしで、全て無料にすることは可能です。

XREA（エクスリア）というレンタルサーバーの「XREA Free」という無料プランを使います。

これを使うと、初期費用も0円、月額費用も0円、最初からずっと完全無料でWordPressのサイトを公開し続けることができます。

どんなレンタルサーバーか？

XREAの無料プラン「XREA Free」は、ウェブサイトに広告を表示することを条件として、無料で使えるレンタルサーバーです。

容量は10GBなので、有り余るほどの余裕があるわけではありませんが、写真を適切なサイズに縮小してからアップロードするなど、容量を無駄遣いしなければ、ホームページでもブログでも問題なく運用することができます。

ただし、動画をたくさんアップロードするのはさすがに厳しいので、その場合は、YouTubeにアップロードした動画を貼り付けるようにするなどの工夫が必要になるでしょう。

もちろんWordPressをインストールして使うこともできますし、自動バックアップが15世代も付いて、商用利用も可能という、無料であることを考えると、非常に豪華で嬉しい仕様です。

しかも、実際に使ってみた感想としては、無料とは思えないくらい動作も軽快で快適だ、と感じました。

無料で使うための条件は？

ただし、無料で使い始めて、そして、その後もずっと無料で使い続けるためには、以下ような条件(制限)があります。

広告の表示が必須: 全てのページに広告が表示されます。広告のサイズは大きくはありませんが、位置は、画面最上部中央というかなり目立つ場所です。
ドメインはXREAのサブドメイン: ずっと無料で使えるドメインは、サーバー契約時に割り当てられるアカウント名.サーバー名.xrea.comというXREAのサブドメインのみ（以下「初期ドメイン」と呼びます）です。
SSL（https:）は使えない: 残念ながら、上記の「初期ドメイン」はSSL(TLS)通信を使うことができません。なので、https:で始まるURLは使えず、http:始まりになります。

これらは、無料で使い続けるための条件になりますので、一つでも無理だと思う場合は、無料はやめて、有料の方法を検討される方が良いと思います。

最近は、有料でもかなり安価で使えるレンタルサーバーも増えていますので。

例として、独自ドメインを取得しても月額500円程度で使えるレンタルサーバーのプランを3つご紹介します。

1 XREAの有料プラン「XREA Plus」: XREA Freeの上位プラン。1ヶ月あたり209円（3年一括の場合）で、広告なし、初期ドメインとは別のSSL通信もできるサブドメインも3個まで無料で利用することが可能。.comや.netなどの独自ドメインを取っても1ヶ月あたり370円程度です。容量も200GBに増えます。

2 CORESERVER（コアサーバー）のV2プラン: XREAと同じ会社が運営しているサーバーで、1ヶ月あたり390円（3年一括の場合）から利用できます。独自ドメインも同時契約すればサーバーの初期費用が無料。しかもサーバー契約中は独自ドメインの更新料が1つ無料になります。つまり、最初のドメイン購入費用以外は、1ヶ月あたり390円のみです。しかも本来は1ヶ月あたり300円以上かかる高額な.jpドメインも無料対象なので、めちゃくちゃお得です。

3 ロリポップ！のハイスピードプラン: 独自ドメインが2つまで無料。1個目は.jpドメインも対象（2個目は選択肢がかなり減ります）。安価なプラントしては珍しく電話サポートも付いているので、ネットのサポートだけでは不安な初心者も安心です。これで月額550円（3年契約の場合）は、かなりお得でしょう。

無料アカウント作成

それでは、ここから、XREAの無料プランを利用して、WordPressでずっと無料で使えるサイトを立ち上げていきます。

まず最初に、XREAの公式サイトの画面右上にある「無料アカウント作成」をクリックして下さい。

すると、下の画像のような「アカウント作成」という画面が開きます。

この画面は、このあとの手順で何度も訪れることになりますので、閉じずに残しておくことをお勧めします（閉じてしまってもXREAの公式サイトからすぐに開けますので大丈夫ですが）。

まず、第１ステップとして「バリュードメイン」というサービスにユーザー登録するよう促されます。

XREAのサーバーは、このバリュードメインの管理画面から管理する仕組みになっているため、XREAを利用するには、バリュードメインに登録することが前提となっています。

ということで、「バリュードメインユーザー登録画面はこちら」というボタンをクリックして下さい。

既にバリュードメインのサービスを利用している場合は改めてユーザー登録をする必要はありませんので、XREAの新規アカウントを作成からはじめて下さい。

バリュードメインにユーザー登録

ユーザーアカウント作成

下の画像のような、バリュードメイン（Value Domain）のユーザーアカウント作成の画面が開いたでしょうか。

ここでは「ユーザー名」、「パスワード」、「メールアドレス」を入力します。

「ユーザー名」と「パスワード」は、今後、バリュードメインの管理画面にログインするために使いますので、忘れないものにしましょう。

ただしパスワードには、あまり簡単すぎるものを使うのは危険です。

「メールアドレス」には、バリュードメインなどからの連絡メールを受け取れる有効なメールアドレスを入力して下さい。

3つの項目すべてに入力できたら「入力内容を確認」ボタンをクリックして入力内容確認の画面に移ります。

内容に問題がなければ「登録する」ボタンをクリックして下さい。

もし修正したい場合は「修正する」ボタンをクリックしてやり直して下さい。

メール認証

次は、メールアドレス認証という画面です。

この時点で、先ほど登録したメールアドレス宛に（noreply@valueauth.jpというメールアドレスから）「認証コードの確認」というタイトルのメールが届いていると思いますので確認して下さい。