フォーラムへの返信

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • フォーラム: 使い方全般
    返信が含まれるトピック: jQuery(AnythingSlider)を動かすには?
    トピック投稿者 tar2323

    (@tar2323)

    追記です。
    javaコンソールを確認してもエラーは出ていません。

    • が上手く表示されてない(●が出た縦並びのまま表示される)ので、headerに
      style type="text/css">
      .anythingSlider {
      width:580px; /* 画像の幅 + 80px */
      height:287px; /* 画像の高さ + 6px */
      position:relative;
      margin:0 auto;
      }
      .anythingSlider .wrapper {
      width:500px; /* 画像の幅 */
      height:287px; /* 画像の高さ + 6px */
      overflow:hidden;
      margin:0 40px; padding:0;
      position:absolute;
      top:0; left:0;
      }
      
      .anythingSlider .wrapper ul {
      width:99999px;
      list-style:none;
      position:absolute;
      top:0; left:0;
      background:#dbca9e;
      border-top:3px solid #e0a213;
      border-bottom:3px solid #e0a213;
      margin:0;  padding:0;
      }
      
      .anythingSlider ul li {
      display:block;
      float:left;
      list-style:none;
      width:500px; height:281px; /* 画像サイズ */
      margin:0; padding:0;
      			}
      </style>

      を書き込みますと

    • 要素が全て重なって表示されるようになりました。

      スライドはするものの、スライド内の要素がうまい位置に表示されず、1ページ目と2ページ目にまたがるように表示されたりします。

    フォーラム: 使い方全般
    返信が含まれるトピック: jQuery(AnythingSlider)を動かすには?
    トピック投稿者 tar2323

    (@tar2323)

    遅くなりましたが、返信ありがとうございます。
    <?php wp_enqueue_script(‘jquery’); ?>については、最初からインストールされている、というのを勘違いしていました。
    また、下のタグも下の方に書きこむ事で、無事にスライドはするようになりました。

    が、liごとにページが変わらず、
    画像が縦に並んだままスライドします(しかも画像中途半端な位置に置かれたまま)。

    contents部分には

    <div class="anythingSlider">
    <div class="wrapper">
    <ul>
    <li>
    <img src="<?php bloginfo('template_url'); ?>/images/01.jpg" width="500" alt="" />
    </li>
    <li>
    <img src="<?php bloginfo('template_url'); ?>/images/02.jpg" width="500" alt="" />
    </li>
    </ul>
    </div>
    </div> <!-- END AnythingSlider -->

    CSSもひとまずダウンロード時に同梱されていた

    /*
    	AnythingSlider v1.7+ Default (base) theme
    	By Chris Coyier: http://css-tricks.com
    	with major improvements by Doug Neiner: http://pixelgraphics.us/
    	based on work by Remy Sharp: http://jqueryfordesigners.com/
    */
    
    /*****************************
      SET DEFAULT DIMENSIONS HERE
     *****************************/
    /* change the ID to match your slider */
    #slider {
    	width: 500px;
    	height: 300px;
    	list-style: none;
    	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
    	overflow-y: auto;
    	overflow-x: hidden;
    }
    /* Opera width restriction */
    .anythingBase { max-width: 32766px; }
    
    /*****************
      SET COLORS HERE
     *****************/
    /**** Default state (no keyboard focus) ****/
    /* slider window - top & bottom borders, default state */
    div.anythingSlider .anythingWindow {
    	border-top: 3px solid #777;
    	border-bottom: 3px solid #777;
    }
    /* Navigation buttons, default state */
    div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
    	background: #777;
    	color: #000;
    }
    /* start-stop button, stopped, default state */
    div.anythingSlider .start-stop {
    	background-color: #040;
    	color: #fff;
    }
    /* start-stop button, playing, default state */
    div.anythingSlider .start-stop.playing {
    	background-color: #800;
    }
    /* start-stop button, default hovered text color (when visible) */
    div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    	color: #ddd;
    }
    
    /**** Active State (slider has keyboard focus) ****/
    /* slider window - top & bottom borders, active state */
    div.anythingSlider.activeSlider .anythingWindow {
    	border-color: #7C9127;
    }
    /* Navigation buttons, active state */
    div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
    	background-color: #7C9127;
    }
    /* start-stop button, stopped, active state */
    div.anythingSlider .start-stop {
    	background-color: #080;
    	color: #fff;
    }
    /* start-stop button, playing, active state */
    div.anythingSlider .start-stop.playing {
    	background-color: #d00;
    }
    /* start-stop button, active slider hovered text color (when visible) */
    div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    	color: #fff;
    }
    
    /***********************
      COMMON SLIDER STYLING
     ***********************/
    /* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
    div.anythingSlider {
    	display: block;
    	margin: 0 auto;
    	overflow: visible !important; /* needed for Opera and Safari */
    	position: relative;
    	padding: 0 45px 28px 45px;
    }
    /* anythingSlider viewport window */
    div.anythingSlider .anythingWindow {
    	overflow: hidden;
    	position: relative;
    	width: 100%;
    	height: 100%;
    }
    /* anythingSlider base (original element) */
    .anythingBase {
    	background: transparent;
    	list-style: none;
    	position: absolute;
    	overflow: visible !important;
    	top: 0;
    	left: 0;
    	margin: 0;
    	padding: 0;
    }
    /* all panels inside the slider */
    .anythingBase .panel {
    	background: transparent;
    	display: block;
    	overflow: hidden;
    	float: left;
    	padding: 0;
    	margin: 0;
    }
    .anythingBase .panel.vertical {
    	float: none;
    }
    
    /* Navigation Arrows */
    div.anythingSlider .arrow {
    	top: 50%;
    	position: absolute;
    	display: block;
    }
    div.anythingSlider .arrow a {
    	display: block;
    	height: 140px;
    	margin: -70px 0 0 0; /* half height of image */
    	width: 45px;
    	text-align: center;
    	outline: 0;
    	background: url(../images/default.png) no-repeat;
    }
    /* hide text, target the span so IE7 doesn't text-indent the link */
    div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
    /* back arrow */
    div.anythingSlider .back { left: 0; }
    div.anythingSlider .back a { background-position: left top; }
    div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
    div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
    /* forward arrow */
    div.anythingSlider .forward { right: 0; }
    div.anythingSlider .forward a { background-position: right top; }
    div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
    div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
    
    /* Navigation Links */
    div.anythingSlider .anythingControls { outline: 0; display: none; }
    div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
    div.anythingSlider .anythingControls ul li { display: inline; }
    div.anythingSlider .anythingControls ul a {
    	font: 11px/18px Georgia, Serif;
    	display: inline-block;
    	text-decoration: none;
    	padding: 2px 8px;
    	height: 18px;
    	margin: 0 5px 0 0;
    	background-image: url(../images/default.png);
    	background-position: center -288px ;
    	background-repeat: repeat-x;
    	text-align: center;
    	outline: 0;
    	border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
    }
    div.anythingSlider .anythingControls ul a:hover {
    	background-image: none;
    }
    /* Navigation size window */
    div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
    
    /* slider autoplay right-to-left, reverse order of nav links to look better */
    div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
    div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
    div.anythingSlider.rtl .anythingWindow {
    	direction: ltr;
    	unicode-bidi: bidi-override;
    }
    /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
    
    /* Autoplay Start/Stop button */
    div.anythingSlider .start-stop {
    	background-image: url(../images/default.png);
    	background-position: center -288px;
    	background-repeat: repeat-x;
    	padding: 2px 5px;
    	width: 40px;
    	text-align: center;
    	text-decoration: none;
    	float: right;
    	z-index: 100;
    	outline: 0;
    	border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
    }
    /* hide cell shading on hover - makes the button appear to come forward */
    div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
    
    /* probably not necessary, but added just in case */
    div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
    	transition-duration: 0;
    	-o-transition-duration: 0;
    	-moz-transition-duration: 0;
    	-webkit-transition-duration: 0;
    }

    にしております。

    スライドはするので、javaスクリプトは動作していて、CSSの設定がおかしいのかと思い、色々試行錯誤中ですが、画像が縦並びと言う現象自体は変わりませんので、もしお気づきの点がありましたらご指摘頂ければ幸いです。

    フォーラム: 使い方全般
    返信が含まれるトピック: 新着記事のサムネイル
    トピック投稿者 tar2323

    (@tar2323)

    本当に申し訳ありません。
    ありがとうございます。
    その、まさかでした。。。

    フォーラム: 使い方全般
    返信が含まれるトピック: 新着記事のサムネイル
    トピック投稿者 tar2323

    (@tar2323)

    別のサーバで設置してみましたが同じ結果でした。

    <?php the_post_thumbnail(); ?>を置く位置等問題あるのかも知れませんが、何処においても表示されませんでした。

    フォーラム: 使い方全般
    返信が含まれるトピック: 新着記事のサムネイル
    トピック投稿者 tar2323

    (@tar2323)

    >query_postやget_post内ではなく、普通のループ内(single.phpとか)に書いた the_post_thumbnailでは、ちゃんと画像が出ますか?

    <?php the_post_thumbnail(); ?>と言う記述で問題ないならば表示されません。

    >TwentyTenとかElevenとか、手を加えていないテーマではアイキャッチ画像は出ますか?
    WordPress Default 1.6でやったように書いてみましたが同様の結果です。

    プラグインは全て停止しています。

    もっと根本的なところに問題があると言うことでしょうか。
    PHPなどのバージョンの問題かとも思いましたが、サーバで使っているPHPバージョン4と5の混在らしくどちらか解らないので、別のサーバでももう一度試してみようと思います。

    フォーラム: 使い方全般
    返信が含まれるトピック: 新着記事のサムネイル
    トピック投稿者 tar2323

    (@tar2323)

    返信ありがとうございます。
    教えて頂いたコードを記述してみましたが、現象は同じで
    タイトルは表示され、リンクは出来るのにサムネイルが表示されないと言う状態です。

    funchions.php内の

    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 100, 100, true );

    に問題があるのかとも思いましたが
    消すと
    Fatal error: Call to undefined function the_post_thumbnail() in~~と表示されますし、何らかの形で動作はしているのだと思いますが・・・。

    フォーラム: 使い方全般
    返信が含まれるトピック: 新着記事のサムネイル
    トピック投稿者 tar2323

    (@tar2323)

    追記です。

    テーマはWordPress Default 1.6
    ブラウザはfirefox、chromeで確認しましたが同じ状態です(タイトルは出るがサムネイルが表示されない)。
    サーバはXREAです。

7件の返信を表示中 - 1 - 7件目 (全7件中)