Googleアドセンスの醍醐味と言えば関連コンテンツの解放 基準は公表されてないですが、PVや記事数で実績のある選ばれたブログでしか掲載できません。そういう意味でも関連コンテンツが解放されるのは嬉しいですよね。 参考記事 : アドセンス関連コンテンツの解放条件について ですが関連コンテンツが解放されても、どうやって設置すればいいのか分からない方も多いのではないでしょうか。 そこでWordPressに関連コンテンツを表示する手順をまとめました。全テーマ共通で数分もあれば設置できるので是非お試しを！ まずは関連コンテンツのコードを取得しよう まず初めにアドセンス管理画面で関連コンテンツの広告コードを作成・取得しましょう。その手順は次の通りです。 まず Googleアドセンス にログイン（別タブで開きます） ログインしたらメニューから「広告」ー＞「広告ユニット」をオープン 画面が開いたら「新しい

「WordPressサイトをhttps化したいけどどうやったらいいの？」 WEBサイトやブログの運営を行っている上で最近何かと話題になっているhttps化、皆さんはすでに実装済でしょうか？ httpsにすることをSSL化ともいいますが、GoogleがSSL化していないサイトに対して警告を送るようになったことから、慌てて対応しようとしている人も多いと思います。 今回はhttpsがどういったものなのか、そしてWordPressサイトでどうやってhttps化させるかをご紹介いたします。 難しそうに聞こえますが、実は簡単です。 この記事を読んで、順序どおりに進めればすぐにでもhttpsにすることができるでしょう。 httpsとは？ httpsを説明する前に、HTTPについて少しばかり知る必要があります。 HTTPとは、Hyper Text Transfer Protocolの略で、ウェブの通信をす

プログラミングなどの技術記事を書く際に欠かせないのが「ソースコード」の表示です。極端な話、エンジニアであれば、文章を読まなくても見出しとソースコードさえ追えば、ある程度の内容がわかってしまうものです。従ってブログでのソースコードの見せ方には一工夫加えてこだわりたいところですね。当ブログでも技術系の記事をよく書くのでソースコードをよく扱っています。先日、当ブログのソースコード周りを見直しました。今回は当ブログのソースコードの表示で使っているテクニックをいくつか紹介します。 現在の当ブログのソースコードの表示は以下のようになっています。 import React from 'react'; export default class Code extends React.Component { constructor() { super(); state = { value: null, };

2015/04/27 (更新日: 2018/01/20) 『プラグインなし』で人気記事一覧を出力する方法【WordPress】 PROGRAMMING WordPress WordPressで人気記事を出力するといったらwordpress-popular-postsのプラグインが有名です。しかし、「プラグインに頼りすぎてはいけない」ということで人気記事一覧が出力できるコードを書きました。 たったの2ステップで完成します。 完成イメージは以下のような感じです( ◜◡‾) さっそくまとめ開始。 STEP1：functions.phpを編集する // 人気記事出力用 function getPostViews($postID){ $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_key, true);

ずっと謎だったので検証してみました。 「表示設定」で「フロントページの表示」をどう設定しているかによって is_home()が機能したり、is_front_page()が機能したり、また両方機能したりします。 結果は… is_front_page()とis_home()の両方機能 is_front_page()が機能 is_home()が機能 is_home()の存在理由となっているのがこの「固定ページ」の「投稿ページ」です。何ですかこれは…。 どうやら「ブログのトップページ」ということらしいのですが、非常に理解しづらかったです。フォーラムでも熱いやりとりが交わされています。 私の場合、「ブログのトップページ」は、ブログとして使うカテゴリのアーカイブページを利用するので、個人的にはいらない機能です。唯一、意味があるとすればwp_list_pages()で「ブログのトップページ」が吐き出せる

この間つくった自作ソーシャルボタン、いろいろな方につかっていただいているようで感謝感激雨霰でございます。 前回の記事ではPHPから各サービスのAPIを通してソーシャルカウントを取得していました。しかし、この方法では記事にアクセスがある度にAPIを叩いてしまい、結果として大幅な高速化にはなりませんでした。 そこで、ソーシャルカウントをバックグラウンドで取得してキャッシュしておくようなプラグインを自分で書こうと思ったのですが…… 既にありました。 それが、SNS Count Cacheというプラグインです。 このSNS Count Cacheを使って前回作ったオリジナルSNSボタンをさらに高速化してみたいと思います。 前回の記事も併せてお読みください。 SNSボタンのデザインがばらばらだったので自作してみた。(Stinger5カスタマイズ) 困ったときは猫に喋らせろというのが僕の家の家訓なんで

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 「WordPressにメニューを設定したいけれど手順が分からない」 「WordPressでも簡単にメニュー設定はできるの？」 WordPressを使ってWebサイトを作成したものの、どのようなメニューを設定するのか悩んでいる人は多いのではないだろうか。 WordPressのメニュー設定は、非常に簡単だ。下記の5ステップで完了し、初心者でもすぐに実践できる。 メニューが設定できればユーザーの利便性が格段に向上し、より魅力的なWebサイトになるはずだ。 そこでこの記事では、初心者でも実践できるWordPressのメニューの設定方法や設定のポイントを解説していく。 【この記事を読むと分かること】 ・【基本編】初心者でも簡単にできるWordPre

「この記事を書いた人」に表示する内容 プラグインには便利な機能があるようですが、シンプルに下記の情報だけ表示することにしました。 名前 画像 自己紹介 主要SNSのフォローボタン ポイントは、投稿者に紐付いた情報が自動で表示されること。 複数人でサイト運営していたり、外注ライターに記事作成を依頼している場合も、手動で情報を修正する必要がないので便利です。 では早速、コードをご紹介します。 profile.phpの作成 コードの管理を楽にするために、「profile.php」というファイルを作成し、下記のコードをコピペします。 <?php $twitter = get_the_author_meta('twitter'); $facebook = get_the_author_meta('facebook'); $googleplus = get_the_author_meta('googl

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

WordPressで、1つの投稿記事を複数ページに分割する「<!--nextpage-->記法」の使い方を紹介します。 この機能は、投稿のテキスト量が多く、ページの縦サイズが長くなってしまった記事に対して特に有効で、複数ページに分割することでスクロール量を減らし、読み手のストレスを軽減させるメリットがあります。 また必然的にPVも増えることになるので、使い所を見極めればかなり効果的なテクニックになります。 <!--nextpage-->記法の使い方 使い方は極めて簡単。 WordPressの管理画面で投稿を編集する際、ページ分割したい箇所で以下のコードを挿入するだけです。 <!--nextpage--> ちなみに注意点として、記事を抜粋する際の <!--more--> と同じで、ハイフンと文字の間に空白を含めて <!-- nextpage --> と書くとエラーになります。 必ず空白を挿入

プラグインを利用せずに固定ページに登録フォームを自作する フォームの作成 WordPressの固定ページに登録フォームを作成する方法。セッションによる再送信防止機能やバリデーション機能を追加したフォームの開発。 基本となる固定ページの作成 固定ページにフォームを作成するので、最初にベースとなる固定ページを作成します。 画像のように フォームのテスト という固定ページをサンプル的に作りました。 エディタを ビジュアルからテキスト に変更することでPHPコードを有効にできると思っていたのですが、やってみたらできませんでした。そのための専用プラグインがあるようですが、今回は functions.phpとthe_contentフィルターフック を利用してフォームを自作します。 スラッグの追加 URLのスラッグを利用してthe_contentフィルターフック内でページによる判定処理を行いますので、ス

wp-content/uploadsを別ドメインで参照 サイトのurlと異なるドメインで/uploadsを見れるようにする方法。具体的には、/uploadsだけAWSのcloudfrontを利用する場合などが該当します。 […]

サンプル見積フォーム作成時の設定項目 設定に使ったのは、以下の7つの項目です。 小屋のサイズ（ラジオボタン） Title フォーム上に表示される文字列です。 ID 計算式に入力する値です。他と被らないユニークな名称にしましょう。 Options フォームに表示される選択項目です。 value 計算式に入力する値です。単純に値段を入力しましょう。 Validation 「required」にチェックを入れると、必須項目になります。 Error text if missing 必須項目にもかかわらず、入力（または選択）しなかった場合のおしかりのメッセージ。 Appearance CSSのclassを設定できます。 width 選択項目により、小屋のサイズを囲むdiv要素にclassが付与されます。例：「1/2(Harf)」の場合「jzzf_half」。ちなみにjzzf_halfにはwidth:

出先でトイレットペーパーとかティッシュとかビールを買うときに、どれを買うとお得なのかをついつい考えちゃうもので、金額比較アプリをスマホに入れて使ってますが、僕が使ってるアプリは機能は良いのですが、スプラッシュが長くちょっといらっと来ます。 そんな中ふとWordpressで計算フォームって設置できないのかなと調べてみると、プラグインがすぐに2つ見つかりました。 Jazzy FormsとCalculated Fields Formというプラグインです。 一応両方インストールしてちょっと使ってみたところ、Jazzy Formsの方が簡単で分かりやすいです。 というわけで、早速金額比較を作ってみました。 [jazzy form=”pricecomparison”] 本当はABどちらが安いかの判定が出来れば良いのですが。。 ※たぶん出来ると思いますが色々やってみる時間が無いのでいったんはこれで。。

ワードプレスを使用した制作サイトで、フォーム画面上で計算をし、提示する必要があったので、Caluculated Fiedls Formというプラグインをインストールして使用してみました。 無償版 画面の遷移なく、計算結果をすぐ表示できる(Ajax使用)ので便利です。投稿ページ、固定ページとも導入可能。ただし、無償版だとフォームとして送信できません。←これ致命的ですよね。笑 有償版 制作サイトは有償版のものでないと機能を実装できませんでしたので、有償版を使用しました。 値段は49.99ドル？約５０００円と少しでした。ペイパル決済をしました。 画面上でフォームに使用される任意の項目をいくつでも使用でき、それらの値(Value)に含まれる最初の数字を計算にも利用できます。 画像キャプチャ付きなのでちょっと安心感がプラス。 制作サイトは、フォーム内で商品を選択し、注文合計や送料を提示し、メール注文

システム屋をやっているとよくある問い合わせで、お店から本社へ毎日送る売上日報をシステム化したいというご要望をよくいただきます。 POSと連携して高度な分析をするなら、それなりのお値段のするシステムを導入するよりほかありません。 でも、大して分析なんかしないから、レジと連動しないで手作業で入力するだけの簡単なシステムでも良いという案件も結構あります。 仕組みはそれほど難しいものではないのですが、WEBでシステム構築するとなると、ログイン認証機能やセキュリティーやらで何気にいざ作ってみると、そこそこ工数がかかったりするものです。 クライアントは簡単なものと言いますが、要件としては大体こんな感じ。 １．インターネット上で使いたい。（クラサバは嫌。サーバーとか置きたくない。） ２．データで欲しい。データを加工したい。（EXCELへのコピペを最小限に。数字の手打ちは絶対に嫌。） ３．スマホで確認でき