外部サービスに頼らず、Google Apps Scriptとスプレッドシート・Gmailだけで無料のお問い合わせフォームを作る方法を、当ブログの実装をもとに解説します。送信内容をスプレッドシートに記録しつつGmailで通知する構成で、バリデーション・スパム対策・デプロイ時のハマりどころまでまとめました。

スマホでだけ左右にわずかにスクロールできる現象（iOS Safariのelastic bounce）の原因の調べ方と、overflow-x clip を1行足すだけで直す方法を、hidden との違いまで含めて解説します。

概要

今回はブログのホスティングをGitHub PagesからCloudflare Pagesに移行する方法を紹介します。

しかも基本的には現在のリリース方法と同じで大丈夫な方法になります！

Cloudflare Pagesは無料プランでも帯域幅が無制限、グローバルCDN配信、自動SSL、DDoS保護が使えるので、GitHub Pagesからの移行先としてかなり優秀です。

同じように移行を検討している方の参考になれば嬉しいです。
それではやっていきましょう！

概要

WordPressで自作CSSを全ページに反映する方法について解説していきます。

特定の投稿だけでなくサイト全体に共通のスタイルを当てたいとき、どこにCSSを書けばいいのか迷いますよね（- -;

というのもカスタマイザーの「追加CSS」に直接書く方法もあるんですが、テーマを変えたら消える上に量が増えると管理しづらいんですよね。

ちゃんと残してサイト全体に効かせたいなら子テーマ（functions.php＋style.css）を作ってzipでアップロードするのが王道です。

子テーマにしておけば親テーマの更新でCSSが消えることもなく、管理画面のテーマファイルエディターからいつでも追記・編集できるようになります。

ここではQiita風にh2見出しへ下線を引くCSSを例に、子テーマの作り方からzipアップロード・有効化・反映確認まで、つまずきやすいポイントを画像付きで一通り紹介していきます！

一度設定すれば管理画面から簡単に編集可能になります。
それではやっていきましょう！

概要

WordPress上部の黒いバー（ツールバー）を消す方法について解説していきます。

というのもログイン中にサイト上部へ出てくるあの黒いバー、表示確認のときに意外と邪魔ですよね（- -;

しかも「黒いバー」で検索しても全然出てこないので、消し方を探すのに苦戦しがちです（自分はめっちゃ時間を使いました…）。

正解は「admin bar」「ツールバー」というキーワードで、ユーザー設定のチェックを1つ外すだけで消えます。

この記事では、まず一番かんたんな管理画面からの消し方を画像付きで紹介し、そのあとでfunctions.phpを使ってサイト全体や特定ユーザーだけ非表示にする方法、チェックを外しても消えないときの確認ポイントまでまとめていきます。
それではやっていきましょう！

概要

WordPressのコメント機能を完全削除する方法について解説していきます。

というのも設定からコメントを無効化してもフォーム表示が残ったり、悪意あるコメント送信が裏で行われたりするケースってあるんですよね（- -;

管理画面のディスカッション設定でチェックを外しただけだと、テーマ側にコメントフォームを描画するコードが残っていて、見た目はそのまま残ってしまうことがあります。
さらにフォームが残っていると、スパムボットが直接コメントを送りつけてくる経路も生きたままになりがちです。

中途半端だとセキュリティリスクにもなるので、消すならスッキリ全部消したいところですね。

ここではcomments_template()のPHPコメントアウトとディスカッション設定の無効化、この2ステップで「フォームの表示」と「コメントの受け付け」を両方止める手順を紹介していきます。

これでコメント送信もフォーム表示も全部消せます。
それではやっていきましょう！

概要

Docker WordPressをスマホから確認する設定について解説していきます。

というのもDockerでローカルに立てたWordPress、PCブラウザでは見えるのにスマホからだと画面が崩れたりログインできなかったりして困りますよね（- -;

これはWordPress側がアクセス先URLをlocalhostとして記憶してしまうのが原因で、スマホから別のIPアドレスでアクセスするとCSSや管理画面のリンクがズレてしまうんですね。

実はwp-config.phpのWP_HOME・WP_SITEURL指定を設定すれば、同じLAN内のスマホからでも普通にレイアウト確認やログインができるようになります。

ここではdocker-compose.yml・custom-php.ini作成からwp-config.phpのWP_HOME指定、ipconfigでのIP取得までの手順を一通り紹介していきます！

これでスマホ表示でのレスポンシブ確認もサクサク進みます。
それではやっていきましょう！

概要

Google AdSense審査に合格するための8つの改善ポイントについて解説していきます。

というのもAdSense審査って何が原因で落ちてるのか分かりにくく、何度出してもエラーで返ってきて心が折れますよね（- -;

実際自分も3回連続で不合格を食らって、4回目でようやく合格した苦戦勢です。

不合格メールには「価値の低い広告枠」みたいなふんわりした文言しか書かれてなくて、結局どこを直せばいいのか分からないんですよね。
そこで自分が4回目で通ったときに実際にやっていた改善を、ひとつずつ洗い出してみました。

ここではそのときに試した記事数・プライバシーポリシー・問い合わせフォーム・パンくずリストなどの8つの改善ポイントを実例付きで紹介していきます！

審査で詰んでる方の突破のヒントになれば嬉しいです。
それではやっていきましょう！

概要

今回はCloudflareでブログへの不正なBotアクセスを無料でブロックする方法について紹介していきます。

きっかけは、自分のサイトでGoogle AdSenseの「無効な操作: 自己クリック」が突然検知され、心当たりが全く無いのにアカウント停止になってしまったことでした（- -;

調べてみると広告が止まった時刻とぴったり同じタイミングで60並列の同時接続が発生していて、明らかにVPN経由とみられる不審なBotアクセスが原因だったんですね。

放っておくとまた同じことが起きてしまうので、なんとか自力で守る方法はないかと探した結果たどり着いたのが、CloudflareをサイトとサーバのあいだにかませてBotを弾くやり方でした。

この記事では、CloudflareのDNS切り替えからボットファイトモードとセキュリティルールでBotをブロックするところまでを、実際の画面キャプチャ付きで一通り紹介していきます。
無料でここまでできるので、AdSenseを運用しているブロガーの方にはかなりお勧めです。
それではやっていきましょう！

概要

本記事では、Hexoブログのサイドバーに関連記事一覧を表示する方法について解説していきます。

というのもブログを始めたばかりだと、訪問者が1記事読んで離脱してしまうのが定番のあるあるですよね（- -;

回遊率を上げる手段として、関連記事ウィジェットの設置はかなり効果的です。

ここではhexo-related-popular-postsプラグインの導入からCSSデザイン、よくあるエラー対処までセットで紹介していきます！

これでサイドバーから関連記事に飛んでもらえるようになります。
それではやっていきましょう！