Zenn
👻

【PHP】カスタム投稿のパンくずリストが書く順番のせいで･･･（2022年12月6日業務報告）

2022/12/06に公開
CSS
HTML
PHP
tech

ローカル環境の.htaccessをSSL対応にしたらWordpressが開かなくなった

httpsにリダイレクトされるため、管理画面やサイトが開かなくなってしまった。
.htaccessの設定を戻してもリダイレクトがされてしまう状況。

原因はデータベースのsiteurlとhomeがhttpsに書き換わっていたためでした。
Navicatから値を修正して無事に開くようになりましたとさ。
 

カスタム投稿ページのパンくずリスト設定

「HOME > アーカイブ名 > カスタム投稿ページタイトル」としたい。

function breadcrumb() {
  $home = '<li><a href="'.get_bloginfo('url').'" >HOME</a></li>';

if (is_singular('works')) {
  // カスタム投稿タイプが'works'の場合
  // アーカイブページのリンクを取得
  $works_archive_link = get_post_type_archive_link( 'works' );
  // アーカイブページのラベルを取得
  $works_type = get_post_type_object( 'works' );
  $works_label = $works_type->label;

  // パンくずリストを表示するHTMLを出力する
  echo $home;

  // 親ページがある場合は、親ページを表示する
  echo '<li><a href=" '. $works_archive_link .' ">' . $works_label . '</a></li>';

  // 現在のページを表示する
  the_title('<li>', '</li>');
  }

【つまづきポイント】
(is_singular('works'))でカスタム投稿（自作の投稿タイプ「works」）を指定してパンくずリストの条件を書いていたが反映しなかった。

原因
(is_singular('works'))に対する記述が( is_single() )よりも後ろにあると、先にそちらの設定が反映されてしまっていた。
記述の順番を( is_single() )よりも前に持ってくることで反映させることができた。
 

リンクが押せなくなった

見出しの装飾をしたことでリンクがあるのにクリックできなくなった。

【原因】
装飾に使ったCSSのz-indexが原因。
順番を見直して解決
 

VSCodeでのSFTPについて

  • 設定はshift + cmd + p でSFTP: Config
  • ftp接続のときは「port」は『21』
  • 「remotePath」はまず『""』のままとしてログインしてフォルダ構造が参照できるか確認。その後、作業フォルダを指定する流れが吉。
     

VScodeのプラグイン見直し

インストール済み

Composer
Japanese Language Pack
Markdown All in One
PHP
PHP Profiler
SFTP
Vetur
 

追加

HTMLHint
記述ミスを教えてくれる

HTML CSS Support
HTMLを書くときにクラス名の候補を出してくれる

CSS Peek
HTMLコード上でCSSのプロパティ（値）を表示させる
※Hover: StickyにチェックがあってもMac環境で動作しなかったのでアンインストール

Auto Rename Tag
開始タグまたは閉じタグの中を変えると、対になってるタグも自動的に変えてくれる

indent-rainbow
インデントに色をつけてくれる

Trailing Spaces
不要なスペースに色を付けてくれる

メモ

選択した部分をHTMLタグで囲う
Mac：Option + W、Windows：Alt + W

Discussion