フックが使える！WordPressのAMPプラグインを使ってAMPページをGoogleアナリティクスで計測する方法 少し前からこのブログをAMP対応させているのですが、有効化するとすぐにAMP対応できるWordPressプラグイン(以下、AMPプラグイン)が最近のバージョンアップ（0.3.2）でより便利になったことを知りました。 いい機会なので、さきほどテストを兼ねてAMPプラグインを使って実装する方法に変更しました。 便利なフックを使ってみようところで、AMPプラグインの何が便利かというと「フックがいくつか用意されていること」です。フックを使うと以下のようなことができます。 フックを使えばこんなことができる（一部だけ紹介）Schema.orgの構造化データをお好みにできるオリジナルのデザインにできる（オリジナルテンプレート、CSSが適用できる）エンドポイントを変更できる（AMPページのU

ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置Hover.cssを呼び出すHover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）の1つの

WordPressのログイン画面のカスタマイズは過去にもロゴを変更する方法など書いたことがありますが、いろいろ試していたらまた幾つか覚えておきたいことが出てきたりしたので、既出しているものも含めてWordPressのログイン画面をオリジナルにカスタマイズする方法をまとめました。 October 01, 2020 追記 ここで紹介している内容は、WordPress Ver 3.9.0で試したものになります。 内容によっては現バージョンでは非推奨のタグが使用されていたり、フック名が変更されている可能性がありますのでご注意ください。 デフォルトのログイン画面 イメージはWordPressのデフォルトのログイン画面をキャプチャしたもので、これをfunctions.phpを使ってオリジナルのログイン画面にしていきます。 カスタマイズ後のログイン画面 イメージは簡単にですが実際にここでまとめているカス

WordPressで目次を自動生成してくれるプラグイン「TOC」を導入すると、Google検索結果に見出しへのリンクが反映されて、これはいいかもしれない！ 私のブログでは、WordPressに目次を簡単に入れられるプラグイン「Table of Contents Plus（TOC）」を導入しているんですが、例えば「Jimdo 評判」というキーワードでGoogle検索すると、下の結果になっていました。（2014/02/20　時点で検索した結果です） 「Jimdo 評判」でGoogle検索 画像中に枠で囲った部分がありますが、これは「TOC」プラグインを使って「記事中のh2要素を見出しとして設定し、ページ内リンクを自動生成しているリンク先です。 ・・もっと単純に表現すると「見出しから記事を読み始められるリンク先が、Google検索結果に出てるじゃないか！」ってことです。私個人的には、検索結果の一

[WordPress] Feedlyでの購読者数の推移をダッシュボードで手軽に確認できるプラグイン「Feedly Insight」 著者：シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm（プラズム、って読みます）」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

「いつサーバー代えるの？…今でしょ！？」 今回は珍しくサーバーの話なんぞをしようと思います。ブログ初心者にオススメするサーバーは何処だ！？って事で、今回俺が良いなと思ったのはwpXクラウドです。 それはなんでかって言うと俺が運営している別ブログ「サッカーコラム速報でろブロ」がアクセス過多でなんともならんくなってきたから移行して感じた事なんですな。 ちょいと今回の移行について経緯を話したいと思います。 スポンサーリンク 月間100万PVを遥かに超えたらエックスサーバーは厳しい これまで俺はエックスサーバーでずっと運営してきたんですが、100万PV前後なら何の問題もなかったんですよ。 ただ2014年になってからアクセスが激増しまして…もうそんな所を遥かに超えてしもうたんですね。酷い時になるとGoogleのリアルタイムアクセス解析で見ると1000超える事があった。そういうのが何回も行くと流石に

何故深夜はこうも作業が捗るのか。 本日も“monograph”をお読み頂きありがとうございます。 PITE.（@infoNumber333)です。 PCからNUMBER333をご覧の方は気づいているかもしれませんが、昨晩（？）WordPressのPCテーマを新しく作りなおしました。 基本的には以前のテーマをベースにして少しずつ改造していった結果今はこんな感じに落ち着いています。まだ少し直し足りないところがいくつかあるのですが、今日はこれくらいで。 大規模にテーマを作りなおすのはNUMBER333を始めてからこれで多分7〜8回目でしょうか。大体四半期に一度くらいのペースで作りなおしていますね。 NUMBER333を読んでくれた人の中でたまに「Webデザインはどこかで勉強したんですか？」と嬉しい質問をしてくれる人がいるのですが、HTML/CSSに関しては完全に独学、というか専門の本すら買ったこ

WordPressインストール＆テーマカスタマイズ超入門：隔週刊「キャンペーンサイト構築＆運用」（2）（1/4 ページ） 本連載では、全5回でWindows Azure WebサイトとWebMatrix 3によってWordPressをカンタンに導入し、キャンペーンサイトを構築して運用するノウハウを解説する。今回は、ローカルPCにWordPressを簡単に環境構築し、テーマをカスタマイズしてクラウドにデプロイするまでの基本的な方法を解説する。 前回の「Windows Azure Webサイトで始めるらくらくキャンペーンサイト作成！」では、なぜ「Windows Azure Webサイト」（以下、AzureWebサイト）を使うのかについてや、例として構築するキャンペーンサイトの概要、AzureWebサイトと「WebMatrix 3」の導入の仕方について簡単に紹介した。第2回となる今回は、Word