サポート » 使い方全般 » ヘッダー画像の変更の際の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>'); ?>

15件の返信を表示中 - 1 - 15件目 (全21件中)
  • モデレーター Daisuke Takahashi

    (@extendwings)

    サイトが真っ白になっていますよ…

    トピック投稿者 webaki

    (@webaki)

    Daisuke Takahashiさん
    今以下のページみたのですが通常とおり表示されてました。
    これはテストサイトなのですが、ヘッダー部分を一部削除してみたりしたので
    そのタイミングに見られたせいかも知れません。今は元通りにしました。

    http://onedish.sakura.ne.jp/wp/

    Responsive http://cyberchimps.com/responsive-theme/
    こちらのテーマですよね。「カスタマイズ>ホームページ」に設定があり、SlideDeck 2、iFeature Slider プラグインも使用することをすすめているので、プラグインで設定してると思われます。

    トピック投稿者 webaki

    (@webaki)

    맹조さん

    返信ありがとうございます。
    FancyBox for WordPressなど画像に関するプラグインが有効になっているようですがスライド機能のあるプラグインは今停止中になってました。スライド画像はJavaScript等で作ってあると思うのですが
    テーマは何を使ったかは聞いてないのですが確かにカスタマイズページがあります。
     
    どの部分を削除したら他のスライド画像に変更出来るか知りたいです。

    サイトのソースコードを見てみました。
    all-in-one slideshow
    をスライド部分に使っていますね。

    プラグインが実行しているのか、全停止してみましょう。それでも、変わらないならば、テーマ自体に組み込まれていると判断できますね。

    トピック投稿者 webaki

    (@webaki)

    맹조さん
    仰られた通りプラグインを一旦全停止しました。
    ただ、以下の通り変わりませんのでテーマ自体にJavaScriptなどによりカスタマイズして表示しているのでしょうか
    もしそうならプラグインをいじるのではなくテーマ自体に変更を加えないとならないという事でしょうか

    http://onedish.sakura.ne.jp/wp/

    all-in-one slideshowというプラグイン管理画面で検索してみたのですが
    今は入れていないようです。

    header.php ではなくて、Responsiveテーマであれば、featured-area.php に変更が有るかもしれませんね。

    トピック投稿者 webaki

    (@webaki)

    テーマの編集画面からfeatured-area.phpを探してみましたが
    見当たりませんでした。

    停止中のプラグインでWP Content Slideshow2というのがあったので、これを一旦有効にしてみました。するとプラグインファイルが10件くらい表示されました。
    これでスライド画像を編集したのでしょうか?
    もし別のスライドに変更したいならここをいじるか
    あるいはもっと簡単なスライド画像が編集出来るプラグインに変えたいと思いますが

    こんにちは。

    テーマの編集画面の下の方にある「featured-are.php」(実際の場所は wp-content/themes/responsice/template-parts/featured-area.php)の中で、17行目くらいからある、

    <div id=”featured” class=”grid col-940″>
    <div id=”featured-content” class=”grid col-460″>

    から、最後の

    </div><!– end of #featured-image –>
    </div><!– end of #featured –>

    の間に、スライドショーを呼ぶような記述はありませんか。(画像URLの指定等)

    スライドショーのスクリプトはテーマのディレクトリから呼ばれているようなので、作成した方はプラグインを使わない形にしているような気がします。

    トピック投稿者 webaki

    (@webaki)

    poporonさん

    返信ありがとうございます。

    勉強不足なので申し訳ないですが管理画面の外観→テーマの編集→編集するテーマを選択して
    featured-are.phpを探しているのですが見つからず困ってます。

    スライダーの画像はこれですね。
    http://onedish.co.jp/offshore/wp-content/uploads/2013/10/topslider5-resized.png
    画像だけ変えるのなら、このファイルを置き換えればいいですね。

    プラグインに「JoomlaWorks “Tabs & Slides” Plugin for Joomla! 1.5.x – Version 2.4」を使っているようです。
    「***Last update: May 20th, 2008***」最終更新日が7年前ですが、アップデートがされてないようです。そのために「WordPress バージョン: 4.2.4」が確かなら、正常には動作してないのかもしれない。

    テーマは「wp-content/themes/responsice/」にあるので、ダッシュボードのテーマの編集からではなく、FTPから確認、編集をするようにしましょう。

    トピック投稿者 webaki

    (@webaki)

    맹조さん

    返信ありがとうございます。
    知識不足で申し訳ありませんが Joomla!は別の
    オープンソースCMSのようですが、wordpressにも共有出来るという事でしょうか?

    >このファイルを置き換えればいいですね。
    削除して別画像に変えたいスライダー画像は以下のサイトの表示のヘッダー画像です。
    上記のURLから、何故かインド進出の画像が表示されましたので。

    http://onedish.sakura.ne.jp/wp/

    Honda

    (@rocketmartue)

    ご質問のサイトと맹조さんの説明されているサイトが食い違っているように思います。

    http://onedish.sakura.ne.jp/wp/
    にアクセスすると、ログインパスワードを求められて表示できないので、URLから
    http://onedish.sakura.ne.jp/
    こちらのページを表示させて、説明されていると思うのですが、
    http://onedish.sakura.ne.jp/wp/
    http://onedish.sakura.ne.jp/
    これ、別々のサイトですよね?間違ってたらごめんなさい。

    トピック投稿者 webaki

    (@webaki)

    RocketMartueさん
    맹조さん

    大変失礼致しました。上記のサイトはテストサイトでPwがかかってました。
    実サイトは以下のものです。

    http://www.hori-h.or.jp/

    トピック投稿者 webaki

    (@webaki)

    混乱させてすみません
    RocketMartueさんの指摘されている以下のが元々質問したかったサイトです

    http://onedish.sakura.ne.jp/wp/

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