カテゴリー
WordPress

【WordPress】Twenty Fifteen 子テーマ。ブログ編集時の本文フォントが正しく設定されない問題を add_editor_style 関数で解決しました♪

Twenty Fifteen 子テーマで公開した投稿のフォントを変更した時に気がついた、管理者ページ側の問題点

  • 投稿の編集ページの入力フォームフォントが Noto Serif に設定されている。タイトル入力フォームは問題ない。
  • しかしそのフォントは日本語が見つからないため設定されない

問題解決まで

  1. 設定されないフォント、Noto Serif を指定している場所を探す
  2. 親テーマの functions.php で editor-style.css を検索、修正部分を特定する
  3. Noto Serif フォント指定をしている関数を子テーマで先に書く(オーバーライド(上書き)はできないが親テーマが関数を if で囲っているため親テーマで読込させないことが可能)
  4. 子テーマディレクトリに css/editor-style.css ファイルを作り、フォントの設定を上書きする
カテゴリー
WordPress

【WordPress】Twenty Fifteen 子テーマ の CSS の読み込み方を最新のやり方に改めました♪@import → wp_enqueue_style 関数

子テーマを作る時、CSS を読み込むポイント

  • 親テーマ CSS を子テーマから読み込むには、functions.php で wp_enqueue_style 関数を使用する。
  • 子テーマの style.css で @import url(“../twentyfifteen/style.css”); とする方法は古く、非推奨 ← 子テーマ – WordPress Codex 日本語版
  • 子テーマで外部の CSS を読み込む時も、同様に wp_enqueue_style 関数を使用する。用途は親テーマの CSS の読み込に限定されない。

本投稿は、【WordPress】Twenty Fifteen の子テーマを作った記録! | oki2a24 の続きですの♪「CSS の読み込み方が実は古い。」という課題を、解決しましたので記録いたしました。

実際の子テーマのソース修正部分・内容

カテゴリー
WordPress

【WordPress】Twenty Fifteen の子テーマを作った記録!

子テーマを作り始めてから完成!切り替えるまでの大まかな流れ、概要

開発環境でテーマを作り、確認、テストも済ませてから本番環境へアップロードし、切り替えるのが1番間違いのない、おすすめの方法でございます。

ですけれども面倒ですの!ですので本番環境で直接ファイルやディレクトリを作って編集しながら、でも失敗してもできるだけ簡単に復旧できるように工夫しながら進めていった方法をノートいたします♪

  • 本番環境へターミナルからログインし、CUI 環境でコマンドとエディタは Vim を使いながら進めていった

目次

カテゴリー
WordPress

【WordPress】数分で子テーマを作ります!カスタマイズの準備♪【Twenty Fifteen】

※注意※2015年2月17日追記

この投稿の作り方で最低限の子テーマを問題なく作ることができますが、スタイル(CSS)を正しくキューに入れる(HTML のヘッダーで読み込む)ことができない、少し古いやり方です。

本投稿の後日そのことに気が付き、次の投稿で修正しました。

子テーマを作るのに必要なことまとめ

  • テーマディレクトリを作成する。
  • style.css ファイルを作成する。
  • style.css 冒頭のコメントで、Theme Name: と、Template: を記述する。
  • 親テーマの style.css をインポート(@import)する。

実際の具体的な作成例

カテゴリー
Linux

【BackWPup】2014年12月11日時点で解決できず>< → cUrl Error: Unknown SSL protocol error in connection to api.sugarsync.com:443

スクリーンショット_2014-12-11_22_17_40.png

2014年11月25日から SugarSync のバックアップが失敗しております。解決策がないかしらと探しておりましたけれども、フォーラムでプラグイン作者の回答を拝見しました。

解決策は無いようです><。

の内容を意訳してみます。

カテゴリー
コンピューター

【WordPress】robots.txt ファイルを作成!nginx に変えたら 404 not found となったため><

作成した robots.txt の中身。シンプル!最低限♪

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/

Sitemap: https://oki2a24.com/sitemap.xml.gz

robots.txt の置き場所

  • WordPress のルートディレクトリ
  • /var/www/html/oki2a24.com/robots.txt

robots.txt のファイルを作成した理由

カテゴリー
WordPress

【WordPress】【CSS】広告を2つ横並びで表示させる!スマホの場合は縦に表示させる!

広告を2つ横並びで表示させたいですの!スマホの場合は縦に表示させたいですの!

WordPress テーマを弄るのは面倒ですし、広告表示プラグインと別の場所に変更を加えますとプラグイン変更時やテーマを変えたいときに忘れる元となりますのでプラグインに設定した広告コード入力欄への変更でのみ実現いたしました。

具体的には CSS の回り込み(float)を駆使する内容となっておりますの♪

カテゴリー
WordPress

【WordPress】Quick Adsense の設定を変更しましたの♪

スクリーンショット 2014-07-09 0.00.26.png

Quick Adsense 設定変更で注意したいポイント

  • Twenty Fourteen など、WordPress テーマがレスポンシブデザインにより一覧ページではタイトルだけを表示する場合はスマホでは広告が表示されない
  • nginx のプロキシキャッシュなど、キャッシュが効いているページでは効果が確認できない
  • 原因不明だが、Appearance の Place all possible Ads on these pages. が動かなかった

Quick Adsense 設定を変更しても反映されていないのなら、キャッシュが怪しいですの。

キャッシュにつきましては、自力でキャッシュされていなさそうなページを探すか、変更の都度キャッシュを削除する必要がございます。

今回修正した Quick Adsense 設定の修正内容

カテゴリー
コンピューター

【nginx】WordPress の cron アクセスをログに残さないのは諦めて nginx 設定ファイルを整理!

wp-cron.php へのアクセスログを残さないようにできなかった。。。失敗のポイント!?

  • プロキシではなくウェブサーバの server コンテキストに wp-cron のログを残さないための location ディレクティブを書いた。
  • try_files は wp-cron の location ディレクティブと並ぶ同じ階層にあるが、これによって URL が書き換わり、wp-cron の location ディレクティブの条件に一致しなくなるのではないか?
  • try_files をウェブサーバ server コンテキストからプロキシサーバの server コンテキストに移してみた。。。パーマリンクのリライトが上手く働かず、エラーとなった。

以上の失敗を経て、wp-cron 部分に関する nginx 設定を削除いたします。ついでですので、別の箇所も少し見なおして修正いたしました♪

/etc/nginx/conf.d/default.conf の整理した内容♪

カテゴリー
コンピューター

【nginx】WordPress の wp-cron.php が動きませんの!!!→直しましたわ♪【ただし不完全】

wp-cron.php を動かすことには成功しましたが、ログへの記録を残らないようにする点について、失敗しています><。

wp-cron.php を再び動かすポイント

  • 【nginx】【WordPress】wp-cron.php アクセス時はログに残さないようにしました♪ | oki2a24 の投稿で、wp-cron.php アクセス時のログを記録しないように変更した、つもりだった
  • 実際には、ログに記録しない後、なにも記述しない = ないも動作しない、という意味であった
  • location ディレクティブ内に入ると、内部の設定を処理した後は処理が終了する。ディレクティブ外の処理を続けて実行しない
  • プロキシサーバ側に wp-cron.php のログを残さない設定を書いていたが、ウェブサーバ側に wp-cron.php の設定を移動した

/etc/nginx/conf.d/default.conf 修正ポイント!