WordPressで簡単にABテストができるプラグインまとめ
Webマーケティングに取り組んでいると、「もしかしたら問い合わせボタンの色を変えたほうが、クリックをするユーザーが増えるのでは？」などと日々仮説を立てるものです。しかし、その仮説が正しいのか検証するとしても、ページを変更してしまうと、変更前と変更後の比較を同じ期間に行えません。同条件で正しい比較をするにはABテストを実施する必要があります。 複数パターンのページを一定期間運用し、成果があったパターンを採用できるABテストは、仮説の検証にぴったりのテストです。簡単に実行できるツールが開発されるようになり、ABテストはマーケターにとって身近なテスト手法になりました。運用効率の良さなど多数のメリットから世界的に利用されているCMSであるWordPressにおいても、プラグインという形でABテストツールが存在しています。 今回は、ABテストができるWordPressのプラグインをまとめました。Wo
WordPressでSSLアクセス時に警告が出ないようにする – HiLoTECH
別にCMSはなんでもいい派なのだけど（炎上用語）、 このサイトはWordPressで 作っている。 で、WordPressでいちばん個人的にイヤなのがあらゆるリソースを http://www.example.com/some/thing/to/load.png http://www.example.com/some/thing/to/load.css http://www.example.com/some/thing/to/load.js と、プロトコル・ドメイン名（FQDN）から絶対参照で書いてくれること。 これ、 おそらくもともとは「絶対参照で書いたほうがSEO上ポイント高い」とかいう 都市伝説から来ているんだと思う。これでPageRank上げるような情報弱者な 検索エンジンがあったら窓から投げ捨てたい…。まあ、WordPressだけじゃな くMovableTypeも同じ動作なんだけど
wordpressのサイトをまるごとSSL化する | COSMIC GUILD LAB
wordpressのサイトをまるごとSSL化する サイトを全体をSSL化する案件があったので整理のメモ。今回はwordpressとプラグインで設定しました。最近は常時SSLというサイトもわりと多いので今後は機会が増えるのかも。 環境 今回はローカル環境のwordpress 3.6.1で設定 mampでhttpsを利用できるように設定済み 過去のメモ→MAMPでSSLを使えるようにする際の設定 サイトをまるっとSSL化するのに使用するプラグイン WordPress HTTPS→http://wordpress.org/plugins/wordpress-https/ 1.Wordpress HTTPSプラグインをインストール 2.HTTPS→設定画面 管理画面サイドバーのHTTPSメニューから設定画面を開く 3.各設定 General Settings SSL Host→独自ドメインを設定し
CSV Importerで WordPressにcsvを取込む
CSV Importerで WordPressに csv投稿データを取り込む方法 CSV Importerとは CSV Importerとは、CSV形式のファイルで WordPressに投稿データを取り込むためのプラグインです。 他のブログサイトから記事を移す場合や、WordPressを CMSとして利用している場合などは、商品情報や店舗情報などをまとめて取り込みたい、というニーズもあると思いますがそんな場合に利用するプラグインです。 CSVファイルを取り出す方法や CSVを取り出してまた WordPressに戻す方法については下記にも記事を書いていますので、あわせて参考にしてください。 WordPress csvインポート、エクスポートのプラグイン Export to Textで WordPressを csv出力 CSV Importerのインストール方法 WordPressのプラグイン
WordPressでサイズの違うアイキャッチ画像をPC用とスマホ用で出し分ける - 魔ッドアングラー
WordPressでサイズの違うアイキャッチ画像をPC用とスマホ用で出し分ける スマホ用にメディアクエリを設定してひと息ついた頃、PageSpeed Insightsを確認してみたら「モバイル」の速度がガタ落ちしていました。記憶では80点くらいあったのに、50点になっていました。 原因は画像。特にアイキャッチに使用している「722 × 234」ピクセルの元画像が大きすぎるようです。 メディアクエリで「max-width: 100%;」にしているだけなので毎回読み込みに時間が掛かっているようです。 PageSpeed Insightsはこれを『横幅 320px にリサイズしろよ』と迫ってきます。 ご丁寧にもリサイズされた画像のダウンロードすらできます。非常に親切です。 しかしそう簡単に置き換えるわけにもいかない、PC用の画面で見ると今度は小さくなってしまうからです。 さらに考えてみれば、この
画像サイズを「サムネイル」「中」「大」「フルサイズ」から選択または任意のサイズを指定する
ブロックエディタでは記事に「画像」ブロックを追加し画像ファイルをアップロードすることで記事に画像を表示することができますが、追加された画像をどのサイズで表示するのかを選択することができます。ここではブロックエディタを使っている場合に記事に追加した画像のサイズを選択する方法および任意のサイズを指定する方法について解説します。 画像のサイズを「サムネイル」「中」「大」「フルサイズ」から選択する 画像サイズの選択方法を確認するため、新しい記事を作成し「画像」ブロックを追加しました。 「アップロード」をクリックして、表示する画像ファイルを選択します。今回は画像サイズが 4800 x 3200 の画像をアップロードしました。 画像を記事のなかでどれくらいの大きさで表示するのかの設定は、サイドバーオプションの中の「画像設定」で行います。 「画像サイズ」の下にあるドロップダウンメニューをクリックすると、
WordPressでquery_postsを使ったページ送りでNot Foundになる件 - 主に技術的なことを書くブログ
WordPressで、下記のように、query_postsを使って1記事あたりに表示するエントリー数を設定したページのページ送りで「次のページ」がNot Foundになる件ですが（ややこしくてすいません）。 <?php query_posts($query_string .'&posts_per_page=表示させるエントリ数'); ?> どうやら、下記のようなことが起こってるみたいです。 たとえば、全部で10件の投稿記事があるカテゴリで 管理画面での設定ページあたり10件になってるのに、 発行クエリでは以下のように2件だった場合、 $numPerPage = 2; if (have_posts()) : query_posts($query_string.'&posts_per_page='.$numPerPage.'&cat=7'); 発行クエリベースで考えると全部で5ページ（2件/1
諦めないで…！WordPressでページ送りがうまく行かない時の3つの対処法+究極奥義
WordPress独自テーマを作る際に私がハマりがちなのが、ページ送り。 記事一覧の取得にquery_postsを利用しているとページ数や条件をうまく取得できず、2ページ以降の記事が表示されない事が多々あります・・。 今回はその「ページ送り機能」がうまくいかないときに使える、 私の知るすべての対処法をメモしておこうと思います。 query_postsとは 記事一覧を表示する際、特定のカテゴリだけ表示させたかったり、作成日順ではなく更新日順に並べたかったり。 そんな要望を叶えてくれるのが query_posts ですね。 たとえばカテゴリIDが3の記事を4つずつ表示したい時はこう。 <?php if (have_posts()) : query_posts('posts_per_page=4&cat=3'); ?> <?php while (have_posts()) : the_post(
タグに属する記事一覧を表示するtag.phpを作る [WordPressテーマ作成の手順14]
今回は、各タグに属する記事を一覧に表示するテンプレート「tag.php」を作る。 手順はスゴく簡単。WordPressのテーマ作成13で作った「category.php」をコピーして「tag.php」という名前にして、タイトル部分の背景色などを変えるだけ。同じフォーマットなので。 本日のINDEX category.phpをコピーしてtag.phpを作る アーカイブ用のarchive.phpでもいいんだけど タグ一覧の表示用のテンプレートについて タグ名を表示する部分を編集 category.phpをコピーしてtag.phpを作る WordPressのテーマ作成13で作った「category.php」をコピーして「tag.php」という名前に変更。 このtag.phpという名のファイルがあれば、WordPressは「タグ別一覧」表示用テンプレートとして使用する。 アーカイブ用のarchiv
![タグに属する記事一覧を表示するtag.phpを作る [WordPressテーマ作成の手順14]](https://cdn-ak-scissors.b.st-hatena.com/image/square/16b799b209524b95d0b01a2c4e61fba987bd3c01/height=288;version=1;width=512/http%3A%2F%2Fwebdesign.practice.jp%2Fwp-content%2Fuploads%2F2015%2F05%2F150515_eye.jpg)
【wordpress】各記事に付けられたタグを表示するテンプレートタグ「the_tags()」をカスタマイズしてみた
wordpressで各記事に付けたタグ（tag）を表示して、そのタグの記事一覧ページへのリンクを表示するためのテンプレートタグ「the_tags()」を使ってみました。 デフォルトの「タグ：〇〇」のままでもいいのですが、せめて英語にしたい・・・。 と思って調べたら簡単にカスタマイズできたので具体的な設定方法をメモします。 基本 roop.phpやsingle.phpなど、テンプレートファイル内で使用します。 <?php the_tags(); ?> #または <p><?php the_tags(); ?></p> この基本のまま使うと <p>タグ: <a href="#" rel="tag">タグA</a>, <a href="#" rel="tag">タグB</a></p> と出力され、表示は タグ: タグA,タグB となります。 このテンプレートタグ「the_tags()」のパラメータ
WordPressプログラム全体で定数や変数を利用する場合の設定方法
プログラム全体で変数を利用する WordPress全体で利用する定数や変数を設定 WordPressを CMSとして使っていたり、プログラムの拡張をしながら使っていたりする場合は、もともと設定されていない定数や変数を作成し、WordPress全体でその定数や変数を使いたい、という場面があると思いますが、その設定方法を解説します。 変数や定数を設定するファイルは、下記の 2ファイルのいずれか。 functions.php wp-config.php 基本的に機能追加をする場合は、functions.phpに対して実施するべきだと思います。 ただ、functions.phpはテーマを変えると変わってしまいますので、それを理由で wp-config.phpに編集することも致し方がないかとも思います。 いずれかのファイルに定数、変数を設定することで、設定した変数はテーマのテンプレートなどでも利用す
wordpress WP-pagenavi 固定ページとアーカイブページ 表示方法
gistfile1.php `�i�qU � �qU <?php /* !!!大事!!! ・Wp-pagenavi設定項目の確認（表示するページ数等） ・ページナビゲーションテキストは、タグ使用可（スタイル付けるとき必要） ・表示設定 1ページに表示する最大投稿数の確認 */ ?> <?php /************************* 固定ページ **************************/ if (have_posts()) : query_posts('posts_per_page=20&paged='.$paged); ?> <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> <?php while (have_posts()) : the_post(); /* 繰り返し処理開始 */?>
WordPress：記事抜粋を表示するthe_excerptの使い方とカスタマイズのまとめ
トップページやアーカイブページなどの記事一覧で記事内容の抜粋を表示させるWordPressのテンプレートタグthe_excerptを使用して、表示させる文字数や「続きを読む」などのリンクを表示させるカスタマイズを行います。 the_contentとthe_excerptの抜粋動作の違い the_excerptを使用して記事抜粋をする時の基本設定 抜粋する文字数を変更する 抜粋の文末に表示される文字列を変更する 抜粋の文末に表示される文字列をリンクにする the_excerptを使用した抜粋の実用的な使用例 1. the_contentとthe_excerptの抜粋動作の違い 個別記事ページ以外では、記事の内容を表示させるテンプレートタグthe_contentでも記事の抜粋を表示させることが出来ますが、the_excerptとの抜粋動作の違いは？ the_content テーマのループ内に、
WordPressでプラグインなしで人気記事ランキングを作るまで
こんにちは。 302inc.の宮地です。 弊社では、福井のメディアサイト「フクブロ」を運営しています。 こちらは、全てWordPressで制作しています。 WordPressの組み込み自体はそんなに難しくないのですが、 どうしても、人気記事ランキングの実装だけが、かなり四苦八苦しました。 人気記事ランキングを作るプラグイン人気記事ランキング。 大抵、ブログサイトには、 サイドバーに人気記事ランキングを置いています。 おそらく、ほとんどがプラグインで回していると思うのですが、 代表的なのが、 「WP-PostViews」 「WordPress Popular Posts」 の2つのプラグイン。 これを入れれば、基本的な人気記事ランキングは、 何の苦なくいれこむことが可能です。 しかし、プラグインは、便利な半面カスタマイズがしづらく、 WP-PostViewsは、 サムネイルの表示やカテゴリ出
WordPress(ワードプレス)でWP-PostViewsの順位表示を画像にしてみたい | wald-grun/blog
１．独自の変数設定とフォーマットへの記述 今回%RANKING_NO%という変数を独自に設け、順位ごとのクラスを設定しました。例えば出力フォーマットで以下のようにして使うことを想定してます。各順位のliにclassとしてnoXという値を設定しています。 <li class="no%RANKING_NO%"> <a href="%POST_URL%" title="%POST_TITLE%">%POST_TITLE%</a> - %VIEW_COUNT% views</li> %RANKING_NO%という変数は元々存在しませんので、処理して出力させる為にはプラグインのプログラム自体の改修が必要です。以下に続きます。 ２．設定した変数の処理の追加 プラグインフォルダのwp-postview.phpを開いて、以下の記述がある箇所を探します。 foreach ($most_viewed as $
Jetpack by WordPress.comとは？３０以上の多機能プラグインのインストールと使い方
エンジニアの転職情報サイト > WordPress > Jetpack by WordPress.comとは？３０以上の多機能プラグインのインストールと使い方 公開日：2014-08-27 更新日：2022-10-16 Jetpack by WordPress.comとは・・・３０以上の機能が網羅されたプラグインで、ほとんどが無料で利用できるので、非常に便利なプラグインになります。 ※２０１４/８/２６ 現在の機能数：３４ 元々は、「WordPress.com」向けに提供されていた機能を、インストール型の「WordPress」でも利用できるようにしたプラグインになり、 利用するには、「WordPress.com」のアカウントが必要です（無料） また、管理画面が日本語化されているので、非常に分かりやすいのも特徴です。 今回の記事では、この「Jetpack by WordPress.com」プ
Jetpack by WordPress.comプラグインの使い方(便利な機能のパッケージ)
Jetpack by WordPress.com プラグインは WordPress を利用する上で便利な機能をパックにしたものです。 WordPress.com で提供しているブログサービスで利用可能な機能をインストールタイプの WordPress でも利用できるようにしたもので、数多くの便利な機能をまとめてインストールすることができます。ここでは Jetpack by WordPress.com プラグインのインストール方法と使い方について解説します。 Jetpack by WordPress.comプラグインのインストール Jetpack by WordPress.comプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「Jetpack by WordPress.com」
Nginx + WordPress S3篇 - サーバーワークスエンジニアブログ
こんにちは。CSチームの坂本です。 今回からは、しばらくNginxを離れて前回の「Nginx + WordPress ロードバランサー篇」の構成での運用上の問題点を、AWSのサービスを使って解消していきたいと思います。 まずはWordPressの管理画面から画像をアップロードした場合の問題点をみてみましょう。 このままではアップロードした画像は3台のWebサーバーのどれか1つにしかアップロードされません。 アップロード時に「他のWEBサーバーと同期する処理を加える」などの対策も考えられますが、今回はAWSのサービス「Amazon S3」とWordPressのプラグイン「Amazon S3 for WordPress」を使って簡単にできる方法を取りたいと思います。 目次 Amazon S3とは？今回の構成Amazon S3 for WordPressまとめ 1. Amazon S3とは？ 今
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hublog.biz
★★WordPressで「前の記事へ」、「次の記事へ」をカスタマイズする方法 - よつば手帖
