根據頁面/帖子的WordPress更改div類

Question

在Wordpress中，有沒有更簡單的方法可以做到這一點？

我正在嘗試做的是更改標題類，具體取決於頁面/帖子用戶在哪個頁面上顯示不同的圖像。

我的代碼-PHP

    <?php

    //Services page

    if ( is_page( 'services' ) ) {

    echo'<header class="main_top services_page">';

     }

    //Portfolio page

    else if ( is_page( 'portfolio' ) ) {

    echo'<header class="main_top portfolio_page">';

    }

    //Digital page

    else if ( is_single( 'digital' ) ) {

    echo'<header class="main_top digital_page">';

    }

    //Social Media page

    else if ( is_single( 'social-media-2' ) ) {

    echo'<header class="main_top media_page">';

    }

    //Print page

    else if ( is_single( 'print' ) ) {

    echo'<header class="main_top print_page">';

    }


    //Home page

     else echo'<header class="main_top">';

    ?>

我為每個標題類添加了一個不同的CSS類，如下所示

  header.services_page{
    background-image: url(images/contentmarketing1-2000x450.jpg);
  }
  header.portfolio_page{
    background-image: url(images/portfolio-2000x450.jpg);
  }
  header.contact_page{
    background-image: url(images/contact-2000x450.jpg);
  }
  header.digital_page{
    background-image: url(images/digital2-2000x450.jpg);
  }
  header.media_page{
    background-image: url(images/socialmedia-2000x450.jpg);
  }
  header.print_page{
    background-image: url(images/print-2000x450.jpg);
  }
  header.audio_page{
    background-image: url(images/audio-2000x450.jpg);
  }
  header.pr_page{
    background-image: url(images/pr-2000x450.jpg);
  }
  header.cm_page{
    background-image: url(images/contentmarketing2-2000x450.jpg);
  }

謝謝！ :-)

Answer 1

$page_post_title=get_the_title($page_post_ID);

echo'<header class="main_top $page_post_title">';

僅需一行即可完成。

試試看，也可以修改它。