WordPressにSimple GA RankingとGoogle Analytics Post Pageviewsで記事ランキングを表示する 参考にさせていただいた記事 【Simple GA Ranking】にサムネイルと順位とPVを表示してみたよ サムネイルも表示したかったのでこちらを参考にさせていただきました。 というかほぼそのままやってみました。 ありがとうございます！ 「データベース接続確立エラー」が多発 WordPressの「データベース接続確立エラー」への対応(様子見中 EC2 + RDS t2.micro) ある時期を境に「データベース接続確立エラー」が多発するようになりました。 時間の経過的には単純にアクセス数が増えたことが原因ですが、改善をしなければです。 環境はAWSで、 EC2 + RDS + CloudFront + WAF etc。 EC2インスタンスはt2.

WordPress 5.0のリリースが近づいて来ました。当初のリリース予定日は11/19だったのですが、スケジュールが延期となり最新の情報では11/27�にリリースの予定です。 WordPress 5.0の最大のトピックスは新エディタ「Gutenberg」です。WordPressの使用感が大きく変わる大きな変更なのですが、未だ認知度はいまいちといった印象を持っています。 今回は改めて「Gutenberg」について解説してみます。 「Gutenberg」とはWordPress 5.0から標準搭載されるエディタのことです。WordPress 5.0にアップデートして、何しなければ記事を更新する際に自動的にGutenbergが使われるようになります。 Gutenbergは今まで利用されていたエディタとは全く異なるため、多くの人が混乱することが予想されます。 Gutenbergの最大の特徴は、ブロ

裏ものくろ 第30回 公開アクセス分析 今回は「裏ものくろ 第30回 公開アクセス分析！」というテーマで繰り広げられました。 ブログを運営していて、PV数アップはモチベーションが上がります。 そのために、読んで欲しかった記事で読まれていない原因は何か？ 読まれている記事の理由は？を分析してみましょう。 今回はブログのアクセス解析からディスカッションをしたり、記事のタイトルの付け方で検索結果が変わるなどいろんな話が出来ました。 少人数だったのでじっくり話から聞けて良かったです。 参加メンバーが濃い方々ばかり。 ちょうど自分が到着した時は、過去記事のタイトルを手直ししているところでした。 記事を書いて公開したらそれで終わり、ではなく、過去記事を見直してタイトルを変える事で検索に読まれる記事になるということを学びました。 検索結果の傾向に驚き 自分のブログもみんなで見てみました。前にアクセス解析

このエントリーで紹介されているエントリーを書いたのは私です。 既にこのLOVE!?2ndを立ち上げたときに以前のLOVE!?というサイトを閉鎖しているため、現在リンク先のエントリーは見ることができません。 Twitterのアカウントも変わっていますのでどこにもたどり着けない状態です。 もともとこのサイトは、さっちんさん (@satchin1226) のブログで紹介されていました。本当に助かりました！ 【追記あり】iTunesアフィリエイトを利用している方はリンクシェアからPHGに変更が必要→やってみたことまとめ | LOVE!? 引用 ブログ用のプライバシーポリシーを作成するために調べたことまとめ | Simple Livingこのエントリーを書いているshiroseさんのTwitterのアカウントもなくなっていますし、該当エントリーもコメントが閉じられていますので、shiroseさんにお

2015年9月7日2016年4月23日WordPress使い方 WordPressテーマ「TCD020(Logue)」では、アイキャッチ画像を設定すると個別記事の先頭にメインカラムの横幅いっぱいに表紙されるようになっています。 この先頭に表示される画像を表示しないようにする方法を解説します。 最初から、このテーマを使って書いていればこの仕様に合わせて書いていけばいいのですが、別のテーマを使っていてこの「Logue」に変えた方などの場合は、表示させたくない場合もあると思います。 該当する方法がどこかで紹介されていないかと、探してみましたが見当たらないので、私が自身の備忘録として残しておきます。 直接表示させている部分を削除する方法 FTPソフトなどで、WordPressのテーマファイルが入っているディレクトリの中にある wp-content>themes>tcd20_logue>sin

Smash Balloon Social Photo Feed（旧名称：Instagram Feed）は、インスタグラムに投稿した写真・動画を表示できるWordPressプラグインです。 ショートコードを利用してブログの記事・サイドバーなどに表示することもできます。 インスタグラムに写真・動画を投稿しているインスタグラマー向けのプラグインです。 ブログにインスタグラムに投稿している写真・動画を掲載したい場合に利用します。 インスタグラマーの方は、WordPressで運用するブログにもその写真ギャラリーを表示しましょう。 そうすることでインスタグラムのアカウントの存在をブログ読者にアピールできます。 便利なプラグインなので活用しましょう。 はじめに このプラグインが優れていること インスタグラム（Instagram）の写真・動画をブログの記事・サイドバーに表示できる。 プラグインの設定で「カ

OGPがうまく表示されない！という方へ。 facebookに投稿しようと思ったら、サムネイルやキャッチ画像などがうまく表示されない！という経験はありませんか？それはfacebook側に蓄えられたOGPのキャッシュが適切でないからかもしれません。 そんな困ったキャッシュをクリアするフォームを作りましたので、どうぞです。 facebookのOGPキャッシュクリアとは facebookに投稿するときに、アイキャッチがうまく表示されないことありませんか？ OGPタグはちゃんと設定している、WordPressであればプラグインはちゃんと機能している、なのに何故！？！？そんなことありませんか？ じつはこれ、facebookがサムネイルなど画像やタイトルを独自にキャッシュしてもっているために起こるんです。 おそらくトラフィック軽減のためだとは思いますが、独自にキャッシュしていて、URL付き投稿があると、

ブログお引越ししました！ http://iwasakiyouhei.com/

2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML

少しのコードで実装可能な20のWordPress小技集CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 1. カスタムメニューの設置カスタムメニューを使えるように設定しておくと、管理画面からドラッグ＆ドロップでメニューの追加や配置変更ができてとっても便利。私の場合必ず利用する機能のひとつです。 まずは functions.php に以下のコードを追加して、カスタムメニューを使えるようにします。functions.php がテーマフォルダ内にない場合は新規作成してください。 add_theme_support( 'menus' ); 続いて管理

コメント欄をタブ型に！複数メディアのコメントを同時表示できるプラグイン「Coments Evolved for WordPress」 自分のサイトのコメント欄、どんなものを使ってますか？ よく見かけるのはWordpressデフォルトのものやFacebook、Google+などでしょうか。 FacebookやGoogle+はログインするだけですぐにコメントできる「手軽さ」が魅力です。 しかしそれだけにしてしまうと、登録していない方からのコメントはまず貰えなくなってしまいます。 かといってデフォルトのものは入力項目が多く、気軽にコメントできないんですよね。 せっかく記事を読んで頂けたのだから、コメントを貰える機会は大切にしたいところ。 やはり読者の方に好きなモノを自由に選んでもらうのが良さそうです。 今回はコメント欄をタブ化していろんなメディアのコメント欄を設置できるプラグインをご紹介します。

久々の更新。 最近、会社のホームページをWordPressで作っている。 実際に仕事で利用すると、普段は考えない事を色々と考えなきゃなんない。 個人利用なら、「まいっか」で片付けられるんだけどね。 本題。 本文中にタブメニューを表示すると言う要件で、jQuery UI タブを利用してみた。 最近だとCSS3で実装する方法もあるみたいだけど、クロスブラウザの事を考えると jQueyr UIの方がいいかなーと採用してみた。なんつっても、管理メニューも同じ実装だもんね。 WordPressは標準でjQuery UIが実装されているので使用するのは簡単。 まず、本文に以下のようなHTMLを記述。 今回は固定ページでやってみた。 <div id="tabmenu"> <ul> <li><a href="#tabs-1">メニュー 1</a></li> <li><a href="#tabs-2">メニ

「Auto Post Thumbnail」のインストールと設定 WordPress管理画面の左メニューの「プラグイン」→「新規追加」から「Auto Post Thumbnail」を検索。インストール後に有効化するのを忘れずに！ この時点で新規投稿の記事では最初の画像がFlickrだろうとPicasaだろうと自動的にアイキャッチに設定されます。画像は自動的にサーバー内にコピーされ、サムネイルも作られます。 ちなみにサムネイル画像のサイズはWordPress管理画面の左メニュー「設定」→「メディア」で設定しておきましょう。 次に過去記事の最初の画像をアイキャッチに設定する方法です。ボタン1つです。とても簡単です。過去記事の一部にだけ適用することはできません。全ての記事に適用されます。 「設定」で「Auto Post Thumbnail」を選択。「Generate Thumbnails」ボタンを

WordPressこれで学びました WordPressの参考書は、制作ものが多いけど、この本はSEOに特化した割り切りが良い。初めてWordPress導入し、SEO対策をどうしようと悩んでいた時に購入しました。 WordPressは基本的にはSEOに優れたCMSでありますが、能力を最大化するには、パーマリンク等のSEOに適した設定やSE対策のプラグインなどでパワーアップさせる必要があります。読んだ時は、目から鱗が落ちる内容で、当初はそのまま実践してました。 また、WordPressだけでなく、基本的なSEO対策の本として、キーワードやタイトル設定なども勉強になりました。

先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー（PV）、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を