phpとhtmlを一緒に使ってウェブページのヘッダーを編集する方法

私はワードプレスのテーマから次のコマンドを持っています。phpとhtmlを一緒に使ってウェブページのヘッダーを編集する方法

</head> 

<body <?php body_class(); ?>> 


<header id="masthead" class="site-header <?php echo (get_theme_mod('panoramic-header-layout', 'panoramic-header-layout-standard') == 'panoramic-header-layout-centered') ? sanitize_html_class('panoramic-header-layout-centered') : sanitize_html_class('panoramic-header-layout-standard'); ?>" role="banner"> 



<?php if (get_theme_mod('panoramic-header-layout', 'panoramic-header-layout-standard') == 'panoramic-header-layout-centered') : ?> 

    <?php get_template_part('library/template-parts/header', 'centered'); ?> 

<?php else : ?> 

    <?php get_template_part('library/template-parts/header', 'centered'); ?> 

<?php endif; ?>

今、私は1つが左にあり、他方は右側にある2つのロゴを追加する必要があります。

どうすればよいですか？

出典

2016-11-02 gloom

テーマのドキュメントを読む必要があります。 –

2つのロゴをHTMLコードに直接追加するだけです。 –

コメントセクションで説明したように、アイコンをHTMLセクションに追加してテーマ固有の画像を削除するだけです。ここでこれを行うことができる方法を示すサンプルです：

HTML部分：あなたは、ヘッダーテキストを必要としない場合は、

.header-text { 
    color: white; 
    margin: 5px; 
    font-size: 20px; 
} 
.header-text.left, 
.logo.left{ 
    float: left; 
} 
.logo.right { 
    float: right; 
} 
.header-clear { 
    clear: both; 
}

削除：ロゴファイルを整列する

<header> 
    <img class="logo left" src="PATH_TO_LEFT_LOGO.png"> 
    <div class="header-text left"> 
    This may be a title. 
    </div> 
    <img class="logo right" src="PATH_TO_RIGHT_LOGO.png"> 
    <br class="header-clear" /> 
</header>

CSS DIVレイヤーとCSSセクションからの適切なルールを参照してください。あなたの設定に一致するロゴイメージへのパスを置き換える必要があることも明らかです。

上記のコードを示しています。

出典

2016-11-02 13:05:18 SaschaM78

phpとhtmlを一緒に使ってウェブページのヘッダーを編集する方法

答えて

関連する問題