Help us understand the problem. What is going on with this article?

おひさしぶりのWordPressまとめ

案件

コーポレートサイト制作

  • アメブロからお引越しあり
  • テーマ制作

プラグインについて

プラグインについてもそのうち詳しく記事を書きたい気持ち:information_desk_person_tone1:

デフォルトで必須なプラグイン

良さそうなプラグイン

心配なプラグイン:ghost:

  • WP-SCSS SCSSをCSSにコンパイル
    • cacheファイルを入れないとエラーが出てしまうことが面倒…
    • pcの容量が少ないとcacheファイルがあるのにエラーが出まくっていた。

アメーバブログからWordPress投稿機能へ引っ越し

最新20件で構わないということでアメブロゲットにて対応

アメブロゲットとは?(公式サイト)
※利用するには会員登録が必要。無料会員は20件のみ移転可能。

ワードプレスへの移転方法 (公式サイト)
公式の移転方法はかなりわかりやすく書かれている:point_up_tone2:

※プラグイン Movable Type and TypePad Importer を使用する。
このプラグイン、本番サーバーにアップ時にエラーが出てたので、使用後は消すのが無難かも(すみません。なんのエラーだったかメモしてないです)
※一度エクスポートしたテキストをvscodeで開いて、画像パスを変更する必要あり。

  • WP管理画面にてインポート後に投稿者を選べる⭕
  • すでに同じ記事があるとアラートが出る⭕
  • カテゴリもちゃんと読み込んでくれる⭕
  • 画像もしっかりメディアにアップされる⭕

つまずいた点(ざっくり):ghost:

WP-PageNaviで2ページ目以降が404に

これはWordPressを使うすべての人がぶち当たると言っても過言ではないエラー。
起きないように慎重に取り組んでいたが、パーマリンクの設定を下記のようにカテゴリベースで設定してしまうと起こる。
スクリーンショット 2020-03-03 14.13.54.png

WordPressがカテゴリベースでの記事詳細のパーマリンクだと勘違いし
pageカテゴリなんてないと判断し404ページを出力してしまうのが原因

:point_up_tone2:解決方法

下のパーマリンク設定の際に、リライトルールを追加したおかげでなおった。

投稿のパーマリンクを美しくしたい

  • 投稿一覧 https://xxx.jp/{投稿名}/

    • 投稿一覧2ページ目以降 https://xxx.jp/{投稿名}/page/{ページ番号}/
  • 投稿カテゴリ一覧 https://xxx.jp/{投稿名}/{カテゴリ名}/

    • 投稿カテゴリ一覧2ページ目以降 https://xxx.jp/{投稿名}/{カテゴリ名}/page/{ページ番号}/
  • 投稿詳細 https://xxx.jp/{投稿名}/{カテゴリ名}/{ブログID}

上記のようにするのに、時間がかかった。(ページャーWP-PageNaviとの兼ね合いもあり)

:point_up_tone2:解決方法

[WordPress]~ワシャ投稿のパーマリンクを美しくしたいだけなんじゃ~[パーマリンク設定] - Qiita

ちなみに…

SEOのためにこのパーマリンク設定にした雰囲気あるけど、このパーマリンクにすることはSEOにそんな影響は与えないそう…:ghost:わー

SEOをしっかりさせるなら、
投稿詳細 https://xxx.jp/{投稿名}/{カテゴリ名}/{ブログID}
のときに、{ブログID}ではなく、英語で記事の内容を表したほうがいいみたい。

つまり私が、パンくずリストとパーマリンクを連動させたかったし、パーマリンクも美しくスッキリさせたかっただけである。

検索機能

  • 固定ページ(会社概要とか)はテンプレートファイル(page-company.php)で直にかいてるので、中身を検索対象にしてくれない
  • お問い合わせはContact Form 7のタグを固定ページ管理画面から入力したのだが、タグが検索対象になってしまう

管理画面で投稿された内容しか検索できなかった…(よく考えたら当たり前)
データを検索してるわけだから、管理画面からデータとして持ってる内容しか検索できないわな。

そもそも、ボリュームの少ないサイトには検索はいらない?とも思うけど最近のサイトは404ページには検索機能が主流なのかしら。

これは実装するにはもう少し調査が必要そうで断念…

:point_up_tone2:解決方法

調査中:mask:

SCSSコンパイラーとして使用していたWP-SCSS

  • cacheディレクトリのエラーがうるさい
  • PCの容量がいっぱいになりかけるとエラーが起きまくっていたのでちょっと怖い

:point_up_tone2:解決方法

プラグイン変える?:mask:

カスタムフィールドAdvanced Custom Fields

  • 無料だとカスタムフィールドで繰り返しができないのはおしかった
  • (ぜったいに昔はできた気がする)

:point_up_tone2:解決方法

プラグイン変える?:mask:

まとめのまとめ

(まとめのまとめって使ってみたかった)
やっぱりWordPressは楽しい。
管理画面のエディタが今風に変わってて驚いたけどなかなか感覚的でいい感じだった。
久しぶりだったからからお約束の問題ばかりにつまずいた。

super-mana-chan
heightは「ヘイト」じゃなくて「ハイト」
sorich
SORICHはWebシステム開発を主軸に、デザイン・Web制作・アプリ開発・IoTまで、クライアントの幅広いニーズに対応する技術者集団です。
https://www.sorich.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away