WordPress的：在每個頁面上的不同位置添加徽標

我想在網站的標題中放置徽標。我使用主題「雪鳥」。根據網站的每個頁面，我想在header.php中指定Wordpress將標誌置於標題上的不同位置。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

來源

2017-09-14 lordaker

「這裏你的屬性」使用'風格='是我會怎麼做這個設置樣式在相關的div標籤。看起來你需要這樣做'' – IsThisJavascript

是的，我知道我可以通過css改變我的logo的屬性風格。但我希望通過示例將徽標放置在標題的不同位置;如果我在主頁上，根據頁面的標題，我的標誌是居中的。對於其他頁面，我的標誌位於標題的右上角。 – lordaker

Wordpress生成'page-id'類，並將它們添加到每個頁面的body標籤中。您可以使用這些來指定對'.logo'的更改，例如'.page-id-12242 .logo {...}「WordPress還會爲每種頁面類型生成類。例如，存檔頁面具有類「.blog」。單個帖子頁面的類爲'.single'主頁的類爲'.home'你想實現什麼樣的變化？ –

使用body_class過濾器類添加到特定頁面的主體元素，然後用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 
}

來源

2017-09-14 14:55:31 Dedering

謝謝，Dedering。 – lordaker

WordPress的：在每個頁面上的不同位置添加徽標

回答

相關問題