ともにタイへ移住を決意。どんな未来が待っているでしょう。Eleven」を使用しています。カスタマイズしたりしているのですが、iPad(初代iPad:縦1024×横768)でこのサイトを表示して見てみると、パソコンでは左にコンテンツ、右にメニュー等、2カラム(2列)で表示されているところが、iPadではメニューは下の方に回り、メインの記事の内容が、ドーンと全体に大きく表示されます。これは、レスポンシブデザインと呼ばれ、iPadに限らずiPhoneなど、デバイス(画面)の解像度に応じてウェブサイトを最適化して表示するものです。はじめのうちは、iPadでは大きく表示されて見やすいかも、などと思ってましたが、最近ではパソコンで見るのと同じように2カラムで表示(メニューも左側に表示)しても問題ないんじゃない?などと思われたため、ちょっと変更にトライしてみました。800px)と記載されている個所。800px)で定義されている内容の再定義が必要です。そこで、以下改めて2カラムで表示するように以下の内容をスタイルシートに追加します。iPadで表示して見ると...スタイルシートに上記内容を追加後、iPadで表示して見ると、...おぉ、iPadでも2カラムで表示されるではないですか。右にメニューが出ましたね。これはちょっと感動です。^o^)文字数やフォントの大きさの関係で、試しに表示した記事のタイトルは折り返しになりましたが、特に見づらいこともなく、これで行けそうです。^-^)※)都合上、左にメニューを表示する場合は試してません。囲む)してみてください。使用してますが、暫く使ってみて以下が少し気になりました。xxx、パーマリンク、が表示されます。xxx」は有効かもしれませんが、一人でやってるこのサイトでは不要ですね。パーマリンクも別に表示する必要もないかと思いますので、あわせて非表示にしてみましょう。記事の表示で、このカテゴリーやら作成者を表示するファイルは「content-single.php」です。このファイルを少々編集します。(子テーマ使っている人は、子テーマフォルダーに一度コピーしてくださいね。子テーマ使ってない人は、この機会に是非子テーマを使うようにしてみましょう)※)子テーマフォルダーについて子テーマを使っている場合には、ここではその子テーマフォルダー名を「twentyeleven-child」とします。付ける)し、以下を追加します。付ける)し、以下を追加します。);上記2点反映するとcontent-single.phpへ反映すると、以下のようになります。);}この変更をした後、記事を表示させてみると、...作成者とパーマリンクの表示は消えました。“と英語になってしまいましたね。これは追加したコードの翻訳がされてないからです。いうことで、翻訳を追加して、日本語表示にしてみましょう。必要で、こちらを編集する必要があります。編集UTF-8対応しているテキストエディターでまず直に編集します。テキストエディターは、TeraPadやphpエディタなどがUTF-8に対応しています。開いて、そのまま保存。開いた後、以下2つのコードを追加します。%1$s"どの行に追加しても良さそうですが、ここでは分かりやすく元々のものに対して変更、ということで近くに記述して見ましょう。content-single.php:39575行目~582行目に対して、584行目~587行目を追加590行目~595行目に対して、597行目~600行目を追加をしています。開いて保存(これにより、ja.moが更新されます)。テーマ(子テーマを使用していれば子テーマ)の「languages」をフォルダーへアップロードして終了です。はい、無事、日本語で表示されましたね。おっと、失礼しました」を編集では、なんとか「おっと、失礼しました。」の日本語文言の変更ができました。ここでは、テーマのバージョンアップに伴い変更が失われないように、子テーマを使った場合の日本語文言(おっと、失礼しました)の変更にトライしてみましょう。フォルダーが作成されているものとします。アップロード先が異なります。内に「languages」フォルダーを作成して、その中にアップロード。作成し、以下コードを記載します。変更したい日本語文言「おっと、失礼しました。内にコピーし、その後「おっと失礼...」に相当する以下の個所の修正をします。/testを指定(www.chiangmailongstay.com/test)してアクセスして見ると...おぉ、前回同様、変わりましたねー。いやー、またまた、よかった、よかった。Eleven」を利用しています。テーマ自体は(WordPressがまだまだ良く分かってないので)シンプルで良いですが、例えば指定されたページが無い場合などに表示されるエラーページで「おっと、失礼しました。」と日本語が表示されたりして、面白いながらも、もう少し普通な言葉に変更して見たい気もします。」)ネットで検索しても、中々これだ!、という情報に巡り合えません。ソースに日本語を直書きする、という方法もあると思いますが、いやいや、それはちょっと美しくないですね。あれやこれやと(かなりの時間)調べた結果、以下のようにすれば変更できることが分かりましたので、早速チャレンジしてみましょう。Eleven)のフォルダー内に「languages」フォルダーがありますが、まずはその中を見てみると「twentyeleven.pot」というファイルしか見当たりません。調べてみると、どうも日本語の変更は、「ja.mo」「ja.po」というファイルが必要ということで、早速入手してみます。ja.mo以下のURLにアクセスしてダウンロードします。テーマの”日本語リソース”を選択するとダウンロードできます)ja.po以下のURLにあるソースコードをコピーして、メモ帳などのテキストエディターで新規ファイルを作成し、そこへ貼り付け。その後、文字コードをUTF-8、ファイル名を「ja.po」として保存します。ダブルクリックすると、poeditが起動します。画面を見ると、左側が原文(英語)で、右側が翻訳文(日本語)ですね。ここから、目的の日本語の文字列を探して編集しますが、ここでは、該当ページが無い場合に表示される「おっと、失礼しました」の文字列を探して編集します。画面を少し下の方にスクロールして見ると...お、ありましたね。フォーカスを合わせると、下方(紫の丸枠部分)にも元の英語と共に「おっと、失礼しました」が表示されます。この下方の部分で文字列を削除/修正できます。この「おっと、失礼しました」を、以下のように割と普通な文章に変更してみます。目的のページはないようです。更新されるようですね。2つのファイルを、テーマのフォルダー(twentyeleven)内の「languages」フォルダーに保存(アップロード)します。実際には無いページのURLを入れて、エラーページを表示させてみましょう。目的のページはないようです。)おぉ、変わりましたねー。いやー、よかった、よかった。^-^)さて、このままでは、テーマがアップデートされると元に戻ってしまいそうなので、子テーマを使っている場合にはどうしたら良いか、次回チャレンジしてみましょう。見に来てくれる人には優しくて便利!、WordPressでは簡単にできてしまうのでは!?、と思って、いつものようにプラグインを調べてみると、...あるじゃないですかぁ。Postsまぁ、そのまんまの名前ですが、とってもお手軽。このプラグインをインストールすると、自動的に関連する記事を表示してくれます。いますぐインストール」で、インストール。Post」と表示されるようになります。設定でサムネイルとかを表示するようにもできます。(同一カテゴリーとかで検索して表示しているように見えますが、アルゴリズムは良く分かってません。Posts」と表示されている文字列は、設定で変更できます。ここでちょっと困りました。>>」に変更するとともに、文字サイズを大きくしたり、上部分にもう少しすき間を設けたい、とカスタマイズしたくなりました。Posts」のメニューが表示されています。そこを選択すると設定画面が表示されます。CSS」の欄があり、タイトル部分の「.related_post_title」を設定すれば表示もおのずと変わるはず...ですが、これが変わらない。(困った)font-sizeを指定したり、marginを設定しても、変化なし。red;とか指定すると、境界線がしっかり引けたりするんですね。調べるのも段々と面倒になってきてしまったので、正しくないやり方とは思いつつ、新しいクラスを追加する、といった小手先対策しました。CSS内に「.related_post_title2」を追加して、そこにマージンやフォントサイズの指定を行います。Title」の部分があるんですが、ここで直接クラスの指定をします。ThaiSmile.jp。