Category: WordPress

WordPressのカスタマイズ@2023.04.10

こんにちは。RockinWoolです。WordPressでサイトを運営する上で、日々気になるのが閲覧数。これを効率良く上昇させるためには、デザインを良くする必要があると考えています。今回は大胆にサイトを更新しましたので、その一部始終をまとめました。 メニューバーを追加 今回のサイト更新は、「メニューバーを作りたい」という目的がありました。旧デザインでは投稿記事が増えるにつれて、本当に知りたい情報にアクセスしにくくなります。例えば、上図のように技術日誌と環境構築記事を分ければ、特定のソフトウェアインストールを知りたい方などが早く記事にたどり着けるかなと考えました。 外観→メニューが見つからない 一般的なサイトではWordPressの管理画面にて、外観→メニューとたどることによってメニューが設定できると説明があります。しかし、私のWordPressの画面では外観→メニューというのが出てきません。回答としては、サイトのデザインテーマによってはメニューが出てこないものがあるということのようです。今回は下記のNewsWayというテーマを採用することによって、デザインを一新しつつメニューを追加することに成功しました。また、完全に追加ですがTwitterとの連携も行いました。 目次の追加 Qiitaのような技術ブログの中には、説明の目次があらかじめ上部に用意されているものがあります。自分のブログでも同じことをしたくなり調査した結果、Table of contents plusという拡張で自動的に可能であることがわかりました。 https://www.conoha.jp/lets-wp/wp-tableofcontents/ バックアップ 前回の記事でも書きましたが、WordPressのテーマや投稿記事、プラグイン等をすべてバックアップするAll-in-One WP Migrationを見つけました。管理画面のプラグイン追加からすぐに取り入れることができるので、説明は割愛します。それにしてもWordPressのプラグインはとても便利なものが多いですね。 リンク切れの検出 こちらもBroken Link Checkerという拡張を入れるだけですぐ実現できます。ブログ作成者としてはメンテコストが上がりますが、その分ユーザへの恩恵も大きいものだと思います。 その他プラグイン ちなみにこれら以外のプラグインについてはこちらのサイトに記載されておりますので、ご興味がありましたらご参考にしてください。自分の場合はデフォルトで入れているもの等もありましたので、ここでは限定して紹介させていただきました。また、バックアップ系のプラグインについてもこちらのサイトがより詳しく記載しておりますので、自分の好みに合わせてインストールしていただければと思います。 それでは、今回はここまで。また何かしら更新したら記事にします。今後ともよろしくお願いします。##

WordPressの構成を, DD4Lを使って学び直す

こんにちは。最近、精力的に活動しているRockinWoolです。今日はDocker Desktop for Linuxを使ってWordPressをより理解し、上手に活用することを目標に調査していきます。WordPressを雰囲気で使っている人々、Docker Desktop for Linuxに興味がある方に刺さってくれれば嬉しいですね。(逆にいえば、皆様には私のスキルの低さを温かい目で見守ってもらえばと思います) 1. 現在のWordPress環境:予測と懸念 現在、ロリポップさんのサーバをお借りし、WordPressを使って記事を作成しています。WordPressはロリポップさんのサーバ側に用意していただき、LocalのWeb browserからアクセスしております。ロリポップさんのサーバにはムームーさんのドメインをお借りしてアクセスしておりますので、現在の環境構成は下図のようになっていると予測しております。この時点で危惧すべきことは、資産がサーバ側にあるということです。つまり、何らかの状況でLolipopさんへの支払いが遅れたりした際には、一発でこの記事を含めたすべての情報が失われる危険性があるということです。 2. WordPress環境を試しに構築してみる 理解できないものに関しては、まずローカルで環境を作ってみるのが一番良いと思います。ただし、なるべく新品のローカルUbuntu環境を荒らしたくないので、Dockerを使って再現していきます。 2.1 Docker Desktop for Linux(DD4L)環境の構築 今回はこちらを使いながら確認していきます。まずはDocker Desktopをインストールしていきます。普段はCLIでdockerコンテナを使っているのですが、かねてよりナウな仕組みを使って高速化を狙うべくDockerDesktopも触ってみたいと思っていました。ちなみにDockerDesktopの有料化が先日話題になっておりましたが、FAQでは個人レベルであれば無料である旨が記載されています。 インストール作業は非常に簡単で、公式配布サイトに行ってdebパッケージを取得&apt installでインストールするだけです。 2.2 WordPressコンテナの作成 WordPressコンテナについても公式サイトからGithubの説明ページに飛ぶことで作り方がわかるようになっているようです。試しにやっていきましょう。まずは空のプロジェクトを作れと言われているので、単純に作業場所を作ります。その上でdocker-compose.ymlを作ることを指示されています。docker-compose.ymlの記述は下記の通りです。 雑な解説ですが、このdocker-compose.ymlではdb(database)とwordpressの2つのserviceが動いています。また、volumesでホストのdb_dataとwp_dataフォルダを各コンテナと共有しています。ちなみにcommand行がイマイチよくわかっていなくて、デフォルトのコマンドの上書きとしか日本語公式には書かれていないんですよね。ちょっと宿題にしておきます。 2.3 コンテナの起動とWordPressの設定 上記のいつものコマンドをdocker-compose.ymlのあるディレクトリで実行すればコンテナが作成され、自動的に動き出します。今回はここでDocker…