WordPressのページスラッグ名を取得し文字として表示する-webaby【エンジニアお父さんの育児・子育て】

WordPressのページスラッグ名を取得し文字として表示する

公開日:

#WordPress#忘れがちメモ

WordPressのページスラッグ名を取得し文字として表示する

そのページのスラッグを使ってclass名や画像名に応用することはよくあります。

また、ページごとにcssを変えたい時にheader.phpを複数作ったりと手間や管理が大変になります。そういう時でもスラッグ名のcssファイルごとにするだけでheader.phpを1つでできるようになります。

そんな時に使えるよう、この記事にメモをしておきます。

  1. スラッグ名の取得と出力
  2. いろいろな出力で使い方をご紹介
  3. スラッグ名を使ってより楽にサイト管理をしよう

スラッグ名の取得と出力

1行目でページのスラッグ名を取得してきています。

次に2行目の<?php echo $slug; ?>で取得したスラッグ名を表示しています。

この記述方法で色々な場面で使うことができます。

いろいろな出力で使い方をご紹介

取得コードは省いてご紹介します。

cssファイルをスラッグ名にした時の出力

id名やclass名にスラッグを出力して表示

画像をスラッグ名にして表示

2種類の例を記載しています。

1行目は、画像の名前そのものがスラッグ名で、2行目はスラッグ名+topという画像の名前を付けた時です。

フォルダをスラッグ名にして出力

リンク先をスラッグ名にして出力

これは、固定ページで使うことは少ないと思います。私がよく使う方法は、タクソノミーでタームを作成した時の一覧ページを表示したい時などに使います。

スラッグ名を使ってより楽にサイト管理をしよう

簡単な内容でしたが、いろいろな場面で使うことができます。

こういった細かな設定をするだけで、ファイル数も削減できサイトの管理や修正が簡単にできるようになります。

この記事を参考にしていただけたら幸いです。