Wordpress:在每个页面的不同位置添加徽标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Wordpress:在每个页面的不同位置添加徽标相关的知识,希望对你有一定的参考价值。

我想在网站的标题中加上一个标识。我使用的主题是“雪鸟”。在header.php中,我想根据网站的每个页面指定Wordpress将徽标放在标题上的不同位置。

这是我添加到header.php的代码

<!DOCTYPE html>
<!--[if IE 9]>
<html class="ie9" <?php language_attributes(); ?>><![endif]-->
<!--[if gt IE 9]><!-->
<html <?php language_attributes(); ?>><!--<![endif]-->
<head>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> itemtype="http://schema.org/WebPage" itemscope="itemscope">

<div class="xf__site hfeed">
   <div class="content-area">
      <div class="logo">
         <a href="#"><img src="https://website/wp-content/uploads/2017/09/logo-website.png" alt="Logo" /></a>
      </div>

我怎样才能做到这一点 ?

最好的看法,Lordaker

答案

使用body_class过滤器将类添加到特定页面的body元素,然后使用CSS进行定位。

PHP - functions.php

function wp_body_classes( $classes ) {
  if ( is_page( 'Demo Page' ) ) {
    $classes[] = 'demo-page';
  }
  return $classes;
}
add_filter( 'body_class', 'wp_body_classes' );

CSS

.demo-page .logo {
   // position
}

以上是关于Wordpress:在每个页面的不同位置添加徽标的主要内容,如果未能解决你的问题,请参考以下文章

Wordpress自定义徽标未显示在所有页面上

PHP Wordpress - 自定义WordPress登录页面的徽标

PHP 自定义WordPress登录页面的徽标

PHP 自定义WordPress登录页面的徽标

Wordpress不同的产品类别页面具有不同的小部件

PHP 更改WordPress管理员和登录页面徽标