Wordpress : 각 페이지의 다른 위치에 로고 추가

웹 사이트 헤더에 로고를 넣고 싶습니다. 나는 "Snowbird"라는 테마를 사용한다. 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 태그에 스타일을 설정합니다. 'div class = "logo">' – IsThisJavascript

예 로고의 속성을 css로 변경할 수 있음을 알고 있습니다. 그러나 나는 로고를 내 머리글의 다른 위치에 놓기를 원한다. 홈 페이지에있는 경우 로고는 페이지 헤더에 따라 가운데에 위치합니다. 다른 페이지의 경우 내 로고가 내 머리글의 오른쪽 상단에 배치됩니다. – 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 : 각 페이지의 다른 위치에 로고 추가

답변

관련 문제