yuiyuiflower

投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン:(例 6.0.2)
Welcart のバージョン:(例 2.8.1)
PHP のバージョン:(例 8.0)
Welcart専用の拡張プラグインとバージョン:(例 DL Seller 3.4.1、SKU Select 1.4.2)
ご利用の親テーマとバージョン :(例 Welcart Basic 1.7.1)
ご利用の子テーマとバージョン :(例 Welcart Beldad 1.4)
症状を確認したブラウザ:
サーバー【重要】:(会社名、サービス名)
--------------------------------------------

フォーラムへの返信

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • yuiyuiflower
    参加者

    返信ありがとうございます。cssはいじらず、width:65%でよろしいのですね。

    ところで下記はwelcart basciのheader.phpの一部ですが、ここらへんを変更すればサイトタイトルを画像に変更できると勝手に思い込んでます。

    <header id="masthead" class="site-header" role="banner">
    		
    		<div class="inner cf">
    
    			<p class="site-description"><?php bloginfo( 'description' ); ?></p>
    			<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
    			<<?php echo $heading_tag; ?> class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></<?php echo $heading_tag; ?>>

    画像URL, img要素およびwidth:65%を、上記のどこに、どのような変更を加えればよろしいでしょうか。誠に恐縮ですがお力をお貸し下さい。宜しくお願い致します。

    • この返信は8年前にyasumaxが編集しました。理由: codeタグ追加
    yuiyuiflower
    参加者

    こんにちは。まだ解決していないようですので、横から質問させてください。
    私もサイトタイトルを画像を変えるのになかなかうまくできず困っています。
    ushiさんの方法でためましたが私もレイアウトが崩れてしまいます。

    ■style.css
    ヘッダー部分に下記を追加

    /* =Header
    ———————————————– */
    #site-title-logo {
    width: 330px; /* ロゴの高さ */
    height: 90px; /* ロゴの横幅 */
    text-align: left;
    margin-top: 40px; /* ロゴの上スペース */
    margin-bottom: 40px; /* ロゴの下スペース */  
    }

    を追加する

    ■header.php

    <hgroup>
    <h1 id=”site-title”><span><a href="”<?php">” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a></span></h1>
    <h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </hgroup>

    変更

    <hgroup>
    <h1 id=”site-title-logo“><span><a href="”<?php">” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><img src="//www.coralreference.com/wp-content/uploads/2012/02/logo.png”" width="”330”" height="”90”" /></a></span></h1>
    </hgroup>

    をしました。
    初心者ですのでご迷惑かけてしまうかもしれませんがよろしくお願いします。

    ——————————————-
    WordPress のバージョン:4.2.7
    Welcart のバージョン:v.1.7.4
    ご利用のテーマ:Welcart basic
    症状を確認したブラウザ:Chrome
    サーバー(会社名、サービス名):ロリポップ
    SSLの利用: 
    WordPress のパーマリンク設定:
    ——————————————–

    • この返信は8年前にyasumaxが編集しました。理由: codeタグ追加
2件の投稿を表示中 - 1 - 2件目 (全2件中)