カテゴリー
WordPress

【WordPress】Google Analytics Dashboard for WP でカスタム ディメンションを設定する方法

アナリティクスの設定の参考ページ → WordPressを使ってGoogleアナリティクスのカスタム ディメンションを設定する方法 | ブログ | 株式会社イー・エージェンシー を読みまして、カスタムディメンション!なにそれカッコイイ!とふと思いました。

けれども、ページに埋め込むコードへの追加が必要です。わたくしたちのこのサイトでは、Google Analytics Dashboard for WP を使用して埋め込みをしております。このプラグインがカスタムディメンションに対応していれば、試すことができますわね、どうかしら?

調べてみたところ、対応しておりましたのでその方法とどのように埋め込まれるかを投稿したいと思います!

なお、Google Analytics Dashboard for WP  のバージョン情報は「4.7.3」でしたの。

Google Analytics のカスタムディメンションとは?

カテゴリー
WordPress

【nginx】server_tokens をオフにしてバージョン情報を非表示にする手順♪

nginx のバージョン情報を非表示にした方がセキュリティ上堅牢になりますの♪ある日ふと確認してみましたら、バージョン情報が表示されてしまっております><。

今回は、確認方法と設定の変更方法をメモいたします。

確認方法

カテゴリー
WordPress

【WordPress】BackWPup の SugarSync へのバックアップジョブを削除する!

理由

  • SugarSync の 5GB無料版のサービスが2015年5月31日(日)をもって終了するため

先月、次のようなメールが届いておりました。。。

【重要なお知らせ】SugarSync 5GBトライアルサービス終了のご案内

一部抜粋いたします。

カテゴリー
WordPress

【WordPress】ヘッダー画像を簡単に何十個でも登録する方法♪【PHP】【テーマのカスタマイズ!】

【WordPress】Twenty Fifteen の子テーマを作った記録! | oki2a24 で functions.php に次を追加しました。

2〜3個ならば手作業でヘッダーファイルをプログラムの中に記述しますけれども、数十個分も繰り返したくはありません><。

そこで、

  1. ファイル名のリストを用意しておき、
  2. 繰り返し部分にファイル名をはめ込んで表示し、
  3. これらをファイル数分繰り返す

というプログラムを組んで自動的に functions.php のヘッダーファイルを指定する部分を作りました♪なお、環境は Mac でございます。

カテゴリー
WordPress

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

【WordPress】数分で子テーマを作ります!カスタマイズの準備♪【Twenty Fifteen】 | oki2a24 での子テーマ作り方が、問題は無く動くけれども古くて非推奨でしたので、新しくて推奨される作り方を改めて具体的に記します。

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

  • テーマディレクトリを作成する。
  • style.css ファイルを作成する。
    • 冒頭のコメントで、Theme Name: を記述する。
    • 冒頭のコメントで、Template: を記述する。
  • functions.php ファイルを作成する。
    • wp_enqueue_style 関数で親テーマのスタイルシートをキューに入れる関数を作る。
    • wp_enqueue_scripts アクションに作った関数をフックする。
カテゴリー
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)する。

実際の具体的な作成例

カテゴリー
WordPress

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

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

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

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