エンジニアリング
WordPressで自作CSSを全ページに反映する方法|子テーマzipアップロード手順
概要
WordPressで自作CSSを全ページに反映する方法について解説していきます。
特定の投稿だけでなくサイト全体に共通のスタイルを当てたいとき、どこにCSSを書けばいいのか迷いますよね(- -;
というのもカスタマイザーの「追加CSS」に直接書く方法もあるんですが、テーマを変えたら消える上に量が増えると管理しづらいんですよね。
ちゃんと残してサイト全体に効かせたいなら子テーマ(functions.php+style.css)を作ってzipでアップロードするのが王道です。
子テーマにしておけば親テーマの更新でCSSが消えることもなく、管理画面のテーマファイルエディターからいつでも追記・編集できるようになります。
ここではQiita風にh2見出しへ下線を引くCSSを例に、子テーマの作り方からzipアップロード・有効化・反映確認まで、つまずきやすいポイントを画像付きで一通り紹介していきます!
一度設定すれば管理画面から簡単に編集可能になります。
それではやっていきましょう!
WordPressの上部の黒いバー(ツールバー)を消す方法|ユーザー設定1つ
概要
WordPress上部の黒いバー(ツールバー)を消す方法について解説していきます。
というのもログイン中にサイト上部へ出てくるあの黒いバー、表示確認のときに意外と邪魔ですよね(- -;
しかも「黒いバー」で検索しても全然出てこないので、消し方を探すのに苦戦しがちです(自分はめっちゃ時間を使いました…)。
正解は「admin bar」「ツールバー」というキーワードで、ユーザー設定のチェックを1つ外すだけで消えます。
この記事では、まず一番かんたんな管理画面からの消し方を画像付きで紹介し、そのあとでfunctions.phpを使ってサイト全体や特定ユーザーだけ非表示にする方法、チェックを外しても消えないときの確認ポイントまでまとめていきます。
それではやっていきましょう!
WordPressのコメント機能を完全削除する方法|PHP編集と設定無効化の2ステップ
概要
WordPressのコメント機能を完全削除する方法について解説していきます。
というのも設定からコメントを無効化してもフォーム表示が残ったり、悪意あるコメント送信が裏で行われたりするケースってあるんですよね(- -;
管理画面のディスカッション設定でチェックを外しただけだと、テーマ側にコメントフォームを描画するコードが残っていて、見た目はそのまま残ってしまうことがあります。
さらにフォームが残っていると、スパムボットが直接コメントを送りつけてくる経路も生きたままになりがちです。
中途半端だとセキュリティリスクにもなるので、消すならスッキリ全部消したいところですね。
ここではcomments_template()のPHPコメントアウトとディスカッション設定の無効化、この2ステップで「フォームの表示」と「コメントの受け付け」を両方止める手順を紹介していきます。
これでコメント送信もフォーム表示も全部消せます。
それではやっていきましょう!
Docker WordPressをスマホから確認する設定|wp-config.phpでWP_HOME指定
概要
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取得までの手順を一通り紹介していきます!
これでスマホ表示でのレスポンシブ確認もサクサク進みます。
それではやっていきましょう!