- ベストアンサー
wordpress cssの干渉防止策
wordpress初心者です。 jqueryを使う際、cssのリンクが含まれているのですが、 これが元々のwordpressのテンプレートのcssと干渉して しまいます。 何かいい解決方法はないでしょうか？ よろしくお願いします。
- PHP
- 回答数1
- ありがとう数11
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
phpとは何の関係もない質問だと思いますが・・・ >jqueryを使う際、cssのリンクが含まれている jQueryというかjQueryを使う「何らかのJavaScript」ですよね。それはどういうものでしょうか？で、そのCSSにはどういうものが記述されているのでしょうか？普通は自分自身が扱う要素に対する記述しかしていないので、テンプレートのCSSと干渉しません。テンプレートのCSSと干渉するようなら、静的なHTMLに組み込んでも干渉することになります。
関連するQ&A
- HTMLをWordPress化 CSSをどこに？
HTMLをWordPress化にするための勉強をしています。 HTML側 CSS ヘッダー内 <link rel="stylesheet" href="css/test.css"> <link rel="stylesheet" href="css/test2.css"> JS ヘッダー内ではなく一番下</body>の前に配置 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script src="js/test1.js"></script> <script src="js/test2.js"></script> ★これをfunctions.php に記述するにはどうすれば良いのでしょうか？ function sample_scripts() { // CSSの読み込み wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test.css', array(), '1' ); wp_enqueue_style( 'jdsa-style', get_template_directory_uri().'/css/test2.css', array(), '1' ); // jqueryの読み込み wp_deregister_script( 'jquery' ); wp_enqueue_script( 'jquery', get_template_directory_uri().'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', array(), '1.10.3', true ); // サイト内のjsの読み込み wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test1.js', array(), '1', true ); wp_enqueue_script( 'jdsa-script', get_template_directory_uri().'/js/test2.js', array(), '1', true ); }//ここまで 結果 ヘッダー内にtest.cssのみ記載、test2.cssは記載していない。 jsはどこにも記載していませんでした。 どこが間違っておりますか？ 宜しくお願いします。
- ベストアンサー
- PHP
- wordpressでのcssの振り分け
この場をお借りして質問させて頂きます。 私webデザインを勉強しておりまして、今CMSの組み込みを学んでいるところです。 一度wordpressでブログは作ったのですが、次はコーポレートサイトなどを作ろうとしていまして、 質問したいことがあります。 コーポレートサイトにwordpressを組み込むときCSSファイルは分けていますか？ 一応分けた方がわかりやすいと思うので分けようと思うのですが、そうするとページによってCSSを組み込まなければなりませんよね。つまりページごとにテンプレートも分けないといけないのでしょうか。 トップページ以外ほとんどpage.phpというテンプレートを使おうかとおもっているのですが、 cssを変えるとなるとテンプレート自体異なるものを適用させる必要があるのでしょうか。 加えてimageフォルダもページごとにわけることは可能なのでしょうか。 いろいろと調べてはいるものの解答にはたどり着けず、大変申し訳ございませんがご教授して頂ければ幸いです。 どうぞ宜しくお願い致します。
- 締切済み
- CSS
- wordpressでcssを振り分ける方法
貴重なスペースをお借りして質問させて頂きます。 ｘhtml + cssでコーポレートサイトを制作し、wordpressでCMS化しようとしているのですが、 各ページで異なるCSSを使いたいと思っています。テンプレートファイルに対しての振り分けはできるのですが、スラッグごとに異なるcssの振り分けの仕方を是非ご教示願えないでしょうか。 私の方でも調べてはいるものの、適用してもうまくいかないことが多く手詰まり状態でして、 助けて頂ければ幸いです。 どうぞ宜しくお願い致します。
- 締切済み
- PHP
- WordpressのCSSの編集
Wordpressのデザインをオリジナルのものにしたいとおもうのですが、どのテンプレートを改良しようか迷います。 改良しやすいテンプレートなど、効率のよい編集方法がありましたら教えてください。宜しくお願いします。
- 締切済み
- CSS
- WordpressのCSS崩れ
Wordpressでホームページを作成したのですが、InternetExplorerでみると一部デザインが崩れてしまいます。 ・Firefox、IE8：問題なし ・IE7、IE6：グローバルナビゲーションが左寄りに表示されてしまい、右にスペースができる CSSは下記のように書いています。 #nav { margin: 7px 16px 0; height: 30px; width: 680px; background-color:#f8f8f8; border:1px solid #ddd } 元にしたテンプレートは「Default」です。 どなたか、解決法をご教授いただければ幸いです。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- CSSが干渉してる？
レスポンシブ対応のwordpressテーマを使っているのですが、 メニューバーが導入されていないため、 http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly のを入れようとしているのですが、 もともとのCSSと鑑賞してか、上手く起動しません。 CSSは、ほぼコピペ程度しか出来ない初心者のため、 メニューバーだけ独立して、うまく出来ないものかと思っています。 アドバイスいただければ幸いです
- ベストアンサー
- その他（インターネット・Webサービス）
- wordpress内でjquery
wordpress初心者の者です。wordpress内でjqueryを使いたいのですが、その際、jsファイルやcssファイルのリンクの書き方がわかりません。ご存知の方、教えていただければ大変助かります。 ・1行目の「○○○○」の部分はjsファイルのどの単語を入れればいいのでしょうか？ ※jsファイルの内容は下記の通りです。 ・また1行目、2行目の「template_url」の部分はそのままでいいのでしょうか？もしくは固定ページのテンプレートファイルを指定するのですか？ （template-fullwidth.phpのようなファイル） ・2行目の「●●●●」の部分はスタイルシートの＃以下の単語を記載するのでしょうか？ ※スタイルシートの内容は下記の通りです。 <?php wp_enqueue_script('○○○○', get_bloginfo('template_url') . '/js/jquery.map.js', array('jquery')); ?> <?php wp_enqueue_style('●●●●', get_bloginfo('template_url') . '/css/map.css'); ?> <?php wp_head(); ?> 【以下jsファイルのソースコード（下の部分は省略）】 google.load("maps", "3.x", {"other_params":"sensor=false"}); function initialize() { var myLatLng = new google.maps.LatLng(35.44730, 139.63450); //マップの中心座標 var myOptions = { zoom: 17, //ズームレベル center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'style'] } }; map = new google.maps.Map(document.getElementById("map"), myOptions); new google.maps.Marker({ position: new google.maps.LatLng(35.44696, 139.63438), //アイコンの中心座標 map: map, icon: "icon.png" //アイコン画像 }); 以下省略 【cssの内容】 @charset "utf-8"; html,body{ width: 100%; height: 100%; } #map{ width: 100%; height: 100%; }
- ベストアンサー
- CSS
- Wordpressの追加CSSについて
WordPress初心者です。 御手数ですが、ご教授頂きたく質問させて頂きます。 ダッシュボードの「外観」から選択可能な「CSS 編集」 について、ここで追加したCSSのコードはどこに 保存されているのでしょうか？ また、BackWPupなどでバックアップ設定を行っている場合。 CSS編集で追加したCSSもバックアップがされている という理解で宜しいのでしょうか？
- 締切済み
- ホームページ作成ソフト
- WordPressのCSSについての質問です
WordPressを利用してブログを作成していますが、ソースコードのHeader部分に、 <link rel="stylesheet" type="text/css" href="http://○○○.com/wp/?custom-css=1&csblog=1&cscache=6&csrev=3" /> というcss参照コードがあることに気づきました。 ○○○.com/wpフォルダの中でファイルを探しても、 ?custom-css=1&csblog=1&cscache=6&csrev=3 というcssファイルが見つからないのですが、これは一体どのファイルを指しているのでしょうか？ よろしくお願いします。
- ベストアンサー
- CSS
- WordPressでjQuery-UIの使い方
WordPressでjQuery-UIの使い方を教えてください。 現在、WordPressで作ったサイトにフローティングメニューを取り入れたいと思っています。 フローティングメニューを入れるにあたり、jQuery-UIを読み込まなければならないのですが ちゃんと読み込まれていないようです。 WordPressではなくテストでサイトを作り、読み込ませるとちゃんと動作するので、 WordPress特有の問題かと思います。 WordPressでjQuery-UIを読み込ませる方法を教えてください。 下記に参考にしたサイトと、ソースを記述しました。 -------WordPressのヘッダ内の記述と参考にしたサイト------- <?php wp_deregister_script('jquery.ui.core.min'); wp_enqueue_script('jquery.ui.core', get_bloginfo('template_url') . '/js/jquery.ui.core.js'); ?> wp_deregister_scriptでWordPressのjquery.uiを見に行かないようにして、 wp_enqueue_scriptでダウンロードしてきたＵＩを見に行くようにしてあります。 参考にしたサイト（jQuery-UI） http://d.hatena.ne.jp/deeeki/20090907/wp_enqueue_jquery_ui フローティングメニューについて参考にしたサイト http://www.skuare.net/test/jScrollFollow.html
- ベストアンサー
- PHP
お礼
お礼が遅くなり、申し訳ありませんでした。 この度は、私の質問に丁寧にご回答くださりありがとうございました。 私の方の知識不足で勘違いをしておりました。 ご協力感謝します。