サイトメンテナンス関連 リンク集

Welcart (wordprss)

welcart にて ヘッダーにロゴ画像を設定する方法

ECサイト for WordPress Welcart.com
ECサイト構築のためのプラグインソフト「Welcart」を無料でご提供!

下記フォーラムを参考

welcart 内 header.php 

変更前

<!-- 変更前  --->
<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 href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">

<?php bloginfo( 'name' ); ?></a></<?php echo $heading_tag; ?>>

変更後

<!-- 変更箇所 スタート     --->		

<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 href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img src="https://***********/*****.jpg">
<?php bloginfo( 'name' ); ?></a></<?php echo $heading_tag; ?>>

	
<!-- 変更箇所終わり     --->		

style.css の中 下記を追加し 大きさを調整する


h1.site-title a,
div.site-title a {
	display:block;  <------ ブロック要素に変更する
	color: #000;
	width:100%;
	height:100%;
	
}

h1.site-title img,
div.site-title img {
	width: 25%;  <----画像の大きさを任意で調整
	height: auto;
}

welcart にて ヘッダーのサブタイトル font-size 変更方法

  Welcart Basic 外観->テーマエディタにて style.css を選択し /* — .site-description — */ の 部分を探す
0.85714em --> 1.15emに変更(任意の大きさ) これは、基準フォントの1.15倍の意味

PAGE TOP
タイトルとURLをコピーしました