[掲載日] (更新日) この記事は約 2 分で読めます

WordPressでスラッグ名を取得すると親>子ページ名になるのを回避する方法

せっかくCSSで設定してる画像が子ページに入れた途端表示されなくなった!
なんて経験は無いでしょうか?

WordPressでランディングページのテンプレートを作っている時にサービスごとに、
デザインを変えたいと思いますよね?そんなときWordpressのスラッグ名を使ってCSSを設定するんですが罠があります。

その解決方法と対策をご紹介します。

無料パソコンスクール講座
WordPress・SEO・プログラミング

あなたに以下のことで 悩んでないだろうか?

  • 「フリーランスになりたいけど稼げるか不安だ」
  • 「クラウドソーシングや営業して稼げるか不安だ」
  • 「転職で必要になり困っている」
  • 「スマホはあるけどパソコンが古くて不安だ」
  • 「広告やLINEからの集客を得たい」
  • 「仕事でグラフや資料制作を思うように作れない」
  • 「プログラミングを学習して副業したいけど不安だ」
  • 「副業をはじめたが、いっこうに成果がでない」
  • 「退職してノートパソコンだけで収入を得たい」
  • 「何がわからないかわからない状態が続き何度も挫折した」
  • 「在宅で稼げるようになりたい」
  • 「副業で収入を得たい」

そんなお悩みのあなたにこそ 取得して頂きたい内容です!

このメディアを運営している制作・プログラミング相談のプロが
全て無料で相談と学習できるように
無料スクールのメルマガ講座を開設しました。

いまなら、先着300部限定で無料プレゼント付です。

スラッグ名を取得する

[php]
<?php echo get_page_uri($post->ID);?>
[/php]

この方法だとせっかくCSSで設定してる画像のに「画像が消えた!」ってなります。
理由は親ページ名/子ページ名になってしまうからです。

これを回避する方法を探しました。

ポイント

[php]<?php
$post = get_page($page_id);
echo $post->post_name;
?>[/php]

これで解決します。

[php]
<body id=”<?php $post = get_page($page_id); echo $post->post_name; ?>”>
[/php]

こんな感じでBodyにも使えます。

まとめ

親ページ>子ページにしてもこれなら簡単に取得できます。

ちなみにサービスごとにページテンプレートを増やしていく方法もありますが
ランディングページが多いとその分テンプレートの数も多くなってしまいます。

参考サイト

参考にさせていただいたサイトをご紹介します。
http://the-zombis.sakura.ne.jp/wp/?p=1337

パソコン初心者が転職やスキルアップで1年目に学ぶこと

パソコン初心者が転職やスキルアップで1年目に学ぶこと
パソコン初心者が転職やスキルアップで1年目に学ぶこと

あなたに以下のことで 悩んでないだろうか?

「自己流でやってみたが上手くいかない」
「自分だけではモチベーションが続かない」
「転職で必要になり困っている」
「パワーポイント、Excel、Wordの上達がしたい」
「広告やLINEからの集客を得たい」
「仕事でグラフや資料制作を思うように作れない」
「パソコンスキルの必要性を感じている」
「転職面接でPC技能を聞かれ答えられなかった」
「退職してノートパソコンだけで収入を得たい」
「何がわからないかわからない状態が続き何度も挫折した」
「どんなPCを準備したらいいかわからない」
「副業で収入を得たい」
そんなお悩みのあなたにこそ 取得して頂きたい内容です!

このメディアを運営している制作・パソコン相談のプロが
全て無料で相談と学習できるように
メルマガ講座を開設しました。

いまなら、先着300部限定で無料プレゼント付です。