サポート » 使い方全般 » ヘッダー画像の変更の際のheader.phpの修正方法

  • 解決済 webaki

    (@webaki)


    他者が作成したサイトですが
    以下のサイトのヘッダー画像の変更をしたいと思います。


    サイト

    古いスライダー画像を削除して新しいスライダー画像を入れたいのですが
    header.phpを見てみましたがスライダー画像が何処から何処までか解りません。
    どこを削除して入れ替えたら良いか教示頂ければ幸いです。

    以下header.phpです。

    <!DOCTYPE html>
    <head>
      <meta charset="<?php bloginfo( 'charset' ); ?>" />
      <meta name="viewport" content="width=device-width" />
      <title><?php
    	/*
    	 * Print the <title> tag based on what is being viewed.
    	 */
    	global $page, $paged;
    
    	wp_title( '|', true, 'right' );
    
    	// Add the blog name.
    	bloginfo( 'name' );
    
    	// Add the blog description for the home/front page.
    	$site_description = get_bloginfo( 'description', 'display' );
    	if ( $site_description && ( is_home() || is_front_page() ) )
    		echo " | $site_description";
    
    	// Add a page number if necessary:
    	if ( $paged >= 2 || $page >= 2 )
    		echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) );
    
    	?></title>
    
    <link rel="stylesheet" href="<?php echo bloginfo('stylesheet_directory'); ?>/dropy/droppy.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo bloginfo('stylesheet_directory'); ?>/horiphotogallery.css" type="text/css" />
    
      <link rel="profile" href="http://gmpg.org/xfn/11" />
      <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
      <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
      <script src="<?php echo bloginfo('stylesheet_directory'); ?>/javascripts/jquery-1.6.4.min.js" type="text/javascript"></script>
      <script type="text/javascript" src="<?php echo bloginfo('stylesheet_directory'); ?>/dropy/jquery.droppy.js"></script>
    <script src="<?php echo bloginfo('stylesheet_directory'); ?>/javascripts/jquery.js" type="text/javascript"></script>
    <script src="<?php echo bloginfo('stylesheet_directory'); ?>/javascripts/jquery.validate.js" type="text/javascript"></script>
    
      <script type="text/javascript">
      var ad = jQuery.noConflict();
      <!--
      ad(function() { $('#menu-default').droppy({trigger: 'mouseover'}); });
      jQuery(document).ready(function($){
        ad('#menu-item-943>a').attr('href', './妊娠中の子育て支援');
    
        ad("a[href='#top']").click(function() {
          ad("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });
      });
      -->
      </script>
    <script type="text/javascript">
      <!--
      jQuery(document).ready(function($){
        $("a[href='#top']").click(function() {
          $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });
      });
      -->
      </script>
    
    <script language="javascript">
    function show1()
    {
    
    if(document.getElementById('c1yes').checked==true)
    {
    	//alert('hi');
    	document.getElementById("description").style.display='block';
    }
    else if(document.getElementById('c1no').checked==true) {
    document.getElementById("description").style.display='none';
    }
    }
    
    </script>
    <!--<script language="javascript">
    $("#description").hide();
    $("input[name=alergic]").click(function()
        {
            if ( $("#c1no").attr('checked'))
                $("#description").hide();
            if ( $("#c1yes").attr('checked'))
                $("#description").show();
        });
    
    </script> -->
    
    <style type="text/css">
    
    .thumbnail{
    position: relative;
    z-index: 0;
    }
    
    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    }
    
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    
    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }
    
    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */
    
    }
    
    </style>
    
    <script type="text/javascript">
    var as = jQuery.noConflict();
    as().ready(function() {
    
    	as("#signupForm").validate({
    
    		rules: {
                          name2: "required",
    			name1: "required",
               	email: {
    				required: true,
    				email: true
    			},
    			emailConfirm:{
                required: true,
    			equalTo: "#email"
                  }
               },
               messages: {
               name2: "ご記入ください。",
               name1: "ご記入ください。",
               email: "正しいemail address を記入してください。",
               emailConfirm:{
    				required: "正しいemail address を記入してください。",
    				equalTo: "Email And Confirm Email Should be Same"
               }
    	}
        });
    
    });
    </script>
    
    <style type="text/css">
    
    #signupForm { width: 670px; }
    #signupForm label.error {
    	margin-left: 10px;
    	width: auto;
    	display: inline;
        color:#FF0000;
    	font-size:11px;
    
    }
    </style>
    
    <?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?> >
    
    <?php  if (function_exists('wptouch_switch')) wptouch_switch('<h2>', '</h2>'); ?>

6件の返信を表示中 - 16 - 21件目 (全21件中)
  • http://onedish.sakura.ne.jp/wp/
    からサイトが見れないので、上位ドメイン http://onedish.co.jp/offshore/ を見て判断した次第です。かなり何度も確認したので、ずいぶんとアクセスが増えて驚いていることでしょう。
    アプリ開発などされているのでしたら、そちらで相談されたが早い解決になりますよ。

    スライダー部分は JS の組み込み。loopslider で http://www.hori-h.or.jp/loopslide_img/1.jpg を置き換えていく。タブレット、スマホは対象ではないデザインなので、それが簡単ですよ。

    トピック投稿者 webaki

    (@webaki)

    맹조さん

    何度も確認頂きありがとうございます。
    確かに内容はwordpressの使い方のみではないですね。JSなどは理解していないのですが
    画像をおきかえるだけなら出来そうな気がします。

    Honda

    (@rocketmartue)

    http://www.hori-h.or.jp/
    ですが、

    <div id="banner">
    <link rel="stylesheet" href="http://www.hori-h.or.jp/wp/wp-content/themes/hori-h_v2/loopslide/common/css/jquery.loopslider.css" type="text/css" />
    <script type="text/javascript" src="http://www.hori-h.or.jp/wp/wp-content/themes/hori-h_v2/loopslide/common/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://www.hori-h.or.jp/wp/wp-content/themes/hori-h_v2/loopslide/common/js/jquery.loopslider.js"></script>
    <!--***********************以下スライド**-->
    
    ~~~省略~~~
    
    <!--***********************以上スライド**-->    </div>

    この部分がスライドのソースですので、header.phpではなくてfront-page.php辺りにこの記述があると思います。
    プラグインのShow Current Templateなどを利用すれば、ページにどのテンプレートが使用されているのかが簡単に調べられます。

    スライドの設定は、jquery.loopslider.jsに直接書き込まれています。

    //**************************************************************設定項目
    	var iW= 169; ////////////////////////画像幅
    	var iH= 355; ////////////////////////画像高さ
    	var fX= 90; /////////////////////////吹き出しのleft位置
    	var fY= 108; /////////////////////////吹き出しのtop位置
    
    	var mDis= 1; ////////////////////////1回の移動距離(px 小数不可)
    	var mDis2= 4; ///////////////////////スピードアップ時の1回の移動距離(px 小数不可)
    	var mTime= 30; //////////////////////移動の繰り返し時間(ミリ秒)
    	var fadeTime= 600; //////////////////フェードイン・フェードアウトの時間(ミリ秒)
    	var img_dir= "loopslide_img/"; //////立ち姿画像のあるディレクトリ
    	var img_ex= ".jpg"; /////////////////画像の拡張子
    	var f_dir= "loopslide_img/fuki/"; //ふきだし画像のあるディレクトリ
    	var f_ex= ".png"; /////////////////ふきだし画像の拡張子
    
    	//////////////////順番
    	var group1=[3,2,1,23,22,21,20,19,18,17,16,15,14,13,12,11,10,9,8,7,6,5,4];
    
    //**************************************************************設定項目ここまで

    テーマホルダの中に、/loopslide_imgホルダがあると思いますが、その中のjpgファイルを表示するようになっています。ふきだしの方は、loopslide_img/fuki/ホルダのpngファイルになっていますね。

    //////////////////順番
    	var group1=[3,2,1,23,22,21,20,19,18,17,16,15,14,13,12,11,10,9,8,7,6,5,4];

    のところが、表示させるファイルと、順番を指定しているところですので、jpgとpngのファイル名をそろえてやる必要があります。

    トピック投稿者 webaki

    (@webaki)

    RocketMartueさん

    とても解りやすいご説明をありがとうございました。
    プログラムを理解出来ない私でも簡単にできそうな気がします。

    Show Current Templateは知りませんでしたが調べると色々なサイトで紹介されていて、便利なプラグインですね。

    貴重な情報と教示頂きありがとうございました。

    自分もhttp://onedish.sakura.ne.jp/wp/はパスが掛かっていたので、http://onedish.sakura.ne.jp/がサイトURLだと思って回答していました。
    http://www.hori-h.or.jp/さんは見つけていたもののIPが違っていたので無関係と思ってしまいました)

    失礼しました。

    トピック投稿者 webaki

    (@webaki)

    poporonさん

    何度もご丁寧にお返事頂きありがとうございました。
    パスがかかっているまま質問して煩わしい手間をかけさせてしまいすみませんでした。

6件の返信を表示中 - 16 - 21件目 (全21件中)
  • トピック「ヘッダー画像の変更の際のheader.phpの修正方法」には新たに返信することはできません。