• 横スクロールするjcarouselを組み込みたいと考えております。
    Wordpressについては超初心者で、PHPもよく理解できていないので、
    分からないことだらけです。
    通常のHTMLで以下のようにjcarouselを実装し、
    ローカルで問題なく作動しています。

    <script type=”text/javascript” src=”jquery-1.6.2.min.js”></script>
    <script type=”text/javascript” src=”lib/jquery.jcarousel.min.js”></script>
    <link rel=”stylesheet” type=”text/css” href=”style.css”>
    <script type=”text/javascript”>
    jQuery(document).ready(function() {
    jQuery(‘#main2’).jcarousel({
      scroll: 1,
    animation: “slow”,
    size: “5”,
    auto: 0,
      wrap: ‘circular’,
    });
    });
    </script>

    非常にバカげた質問かもしれませんが、
    これをwordpress用のjcarouselプラグインを使わずに
    header.phpに下記のように書くことで
    同じように動かせるのでしょうか?

    <?php wp_enqueue_script(‘jquery’, get_bloginfo(‘stylesheet_url’)/jquery-1.6.2.min.js’, array(‘jquery’)); ?>
    <?php wp_enqueue_script(‘jcarousel’, get_bloginfo(‘stylesheet_url’)/lib/jquery.jcarousel.min.js’); ?>
    <?php wp_enqueue_style(‘style-css’, get_bloginfo(‘stylesheet_url’)/style.css’); ?>

    できるとするならば、
    動きを制御している

    <script type=”text/javascript”>
    jQuery(document).ready(function() {
    jQuery(‘#main2’).jcarousel({
      scroll: 1,
    animation: “slow”,
    size: “5”,
    auto: 0,
      wrap: ‘circular’,
    });
    });
    </script>
    の部分は、どこに、どのように処理すればよいのでしょうか。

    現状、写真は表示されているのですが、
    レイアウトが崩れ、動いておりません。
    (CSSはいじっておりませんが)

    どなたかご教授いただけますでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • writer_ymさん、こんにちは。

    jcarouselなど、javascriptが正しく動作するかどうかは、WordPressはあまり関係なく、表示されているHTMLのソースで

    • ファイルへのパスが正しく出力されているか
    • 動作に必要な記述が出力されているか

    になります。

    wp_enqueue_scriptを使うと、読込が1度で済むという利点はありますが、まずは、普通にscriptタグのsrcやlinkタグのhrefでjavascriptやCSSを読み込むようにされてはいかがでしょうか。

    動きを制御しているスクリプトもheader.phpに記述すれば問題ありません。

    トピック投稿者 writer_ym

    (@writer_ym)

    jim912さん

    ありがとうございます。
    ご指摘の通り、再度CSSとHTMLを見直してみたら、
    IDの設定を一か所間違えておりました。
    正しくレイアウトされ、jcarouselも動きました。
    (別の意味でcssに問題があることに気付きましたが。。。)

    色々なサイトを参考にしながら作っていたのですが、
    wordpressでは「普通に書いたのではjavaは動かない」と
    書かれていたものですから。。。普通に書いても動きますね。。。

    もう一度、基本から勉強します。

    ありがとうございました。

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

トピック「jcarouselを組み込む方法について」には新たに返信することはできません。