フォーラムへの返信

14件の返信を表示中 - 16 - 29件目 (全29件中)
  • フォーラム: 使い方全般
    返信が含まれるトピック: jQueryの使い方について
    スレッド開始 jinchan

    (@jinchan)

    自己解決!

    その後、WordPress3.5.1を入れなおして、XAMPP2.5の環境で実施したところ、
    うまく行きましたので、自己解決ということでご報告します。
    ただ、部分的に、例えば、divタグを使うと、WordPressで使っているため、
    画面全体に影響を与えてしまうなど、思わぬ動作をするので、注意が必要です。

    1)テーマ(twentyten)のheader.php内の

    ‘<?php if ( is_singular() && get_option( ‘thread_comments’ ) )
    wp_enqueue_script( ‘comment-reply’ );
     wp_head();
    ?>’

    の前に

    ‘<script type=”text/javascript” src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js”></script>’

    を挿入して、外部のjQueryを使用することとして、jQueryの $ 表示をそのまま生かす。

    2) 動作サンプル

    古籏一浩氏のjQuery入門 (ver 1.2.6)
    (http://www.openspc2.org/JavaScript/Ajax/jQuery_study/ver1.2.6/index.html)
    から引用させていただきました。

    特定のクラスを持つエレメントへのアクセス例です。

    <script>
    function changeText(){
    $(".about").text("軽量/高速なライブラリです");
    }
    </script>
    
    <h1>jQueryサンプル</h1>
    <p class="about">jQueryとは?</p>
    <p class="about">jQueryとは?</p>
    <p>jQueryとは?</p>
    <form>
    <input type="button" value="まとめて書き替え" onClick="changeText()">
    </form>
    フォーラム: 使い方全般
    返信が含まれるトピック: jQueryの使い方について
    スレッド開始 jinchan

    (@jinchan)

    別法3):
    下記コードのhtml文をエディタでつくり、ブラウザで表示したところ、
    jQueryは、正常動作しました。ところが、これを、WordPressの投稿欄の
    テキスト欄に書くと、動作しません。よろしくお願いいたします。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <h1>jQueryサンプル</h1>
    <p id="about">jQueryとは?</p>
    <form>
    <input type="button" value="書き替え" onClick="changeText()">
    </form>
    <script>
    function changeText(){
    $("#about").html("<b>軽量/高速</b>なライブラリです");
    }
    </script>

    フォーラム: 使い方全般
    返信が含まれるトピック: jQueryの使い方について
    スレッド開始 jinchan

    (@jinchan)

    その後の試行結果のご報告
    その後、以下の2つの方法で試行しましたが、jQueryが動きませんでしたので
    ご報告します。どこがおかしいのか、おわかりの方いらっしゃいましたら
    ご教示方、よろしくお願いいたします。

    別法1):

    テーマのheader.php内の<?php wp_head();?>の前にgoogleのjqueryを使うこととして

    <?php
    	wp_deregister_script('jquery');
    	wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', array(), '1.9.0');
    ?>

    を入れて、投稿欄のテキスト欄にjQuery の次のサンプル文を
    書いてみましたが、jQueryは動作しませんでした。

    <script>
    function changeText(){
    $("#about").html("<b>軽量/高速</b>なライブラリです");
    }
    </script>
    
    <h1>jQueryサンプル</h1>
    <p id="about">jQueryとは?</p>
    <form>
    <input type="button" value="書き替え" onClick="changeText()">
    </form>

    別法2):別法1)のgoogleのjquery参照位置をbody部分に変更

    テーマのheader.php内の<?php wp_head();?>の前に

    <?php
    	wp_deregister_script('jquery');
    ?>

    だけ、入れて、googleのjqueryの参照URは、投稿欄のテキスト欄に移して
    下記コードのように書き、その後に、別法1)と同じサンプル文を入れて、
    試行しましたが、やはりjQueryは動作しませんでした。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>
    function changeText(){
    $("#about").html("<b>軽量/高速</b>なライブラリです");
    }
    </script>
    
    <h1>jQueryサンプル</h1>
    <p id="about">jQueryとは?</p>
    <form>
    <input type="button" value="書き替え" onClick="changeText()">
    </form>

    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    大変遅くなってすみませんでしたが、
    本日、V3.5.1にアップしたら、gif画像も表示できました。
    XAMPPの方で、何かがひっかかったんだと思います。
    どうもありがとうございました。

    フォーラム: 使い方全般
    返信が含まれるトピック: テーブル内に不要なpadding(?)が設定される
    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    いつもありがとうございます。
    わかってないない、ということがよくわかりました。
    大変勉強になりました。ありがとうございます。

    line:534 の padding:0 0;

    にしたところ、padding がなくなりました。
    解決しました。
    ありがとうございました。
    これからもよろしくお願いします。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿欄のTableStyleの初期化の方法
    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    Twentyten の style.css 内の

    table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent; /*これをはずせばいいんじゃないかと思います*/

    で、backgroundcolor がhtml文通り表示されるようになり、
    解決しました。

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

    なお、『備考』については、これから研究してチャレンジしてみようかと
    思っておりますので、また、よろしくお願いいたします。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿欄のTableStyleの初期化の方法
    スレッド開始 jinchan

    (@jinchan)

    追伸:
    すみません、書き忘れました。
    管理者としてワードプレスにログインしています。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿欄のTableStyleの初期化の方法
    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    こんばんわ。いつもお世話になります。
    早速ご回答ありがとうございました。
    サンプルコードを記します。

    テーマ:Twenty Ten

    1)元のコード

    <table width="772" border="1" style="border-collapse : collapse;">
      <tr bgcolor="#FFFF00">
        <td width="250"><div align="center"><strong>見出し1</strong></div></td>
        <td width="250"><div align="center"><strong>見出し2</strong></div></td>
        <td width="250"><div align="center"><strong>見出し3</strong></div></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#FFFF00"><div align="center"><strong>内容11</strong></div></td>
        <td valign="top" bgcolor="#FF9FFF">内容12</td>
        <td bgcolor="#66FFFF">内容13</td>
      </tr>
      <tr>
        <td bgcolor="#FFFF00"><div align="center"><strong>内容21</strong></div></td>
        <td valign="top" bgcolor="#FF9FFF">内容22</td>
        <td valign="top" bgcolor="#66FFFF">内容23</td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#FFFF00"><div align="center"><strong>内容31</strong></div></td>
        <td bgcolor="#FF9FFF">内容32</td>
        <td valign="top" bgcolor="#66FFFF">内容33</td>
      </tr>
    </table>

    2)ブラウザ表示時のコード

    <head>
    <style type="text/css">
    .wp-polls .pollbar {
    	margin: 1px;
    	font-size: 8px;
    	line-height: 10px;
    	height: 10px;
    	background: #0066ff;
    	border: 1px solid #000099;
    }
    </style>
    </head>
    <body class="single single-post postid-2244 single-format-standard logged-in">
    <div class="entry-content">
    <table width="772" border="1" style="border-collapse : collapse;">
    <tr bgcolor="#FFFF00">
    <td width="250">
    <div align="center"><strong>見出し1</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>見出し2</strong></div>
    </td>
    <td width="250">
    <div align="center"><strong>見出し3</strong></div>
    </td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#FFFF00">
    <div align="center"><strong>内容11</strong></div>
    </td>
    <td valign="top" bgcolor="#FF9FFF">内容12</td>
    <td bgcolor="#66FFFF">内容13</td>
    </tr>
    <tr>
    <td bgcolor="#FFFF00">
    <div align="center"><strong>内容21</strong></div>
    </td>
    <td valign="top" bgcolor="#FF9FFF">内容22</td>
    <td valign="top" bgcolor="#66FFFF">内容23</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#FFFF00">
    <div align="center"><strong>内容31</strong></div>
    </td>
    <td bgcolor="#FF9FFF">内容32</td>
    <td valign="top" bgcolor="#66FFFF">内容33</td>
    </tr>
    </table>

    3) 問題点

    以上ですが、見出し行と見出し1列のbgcolorは、黄色、
    見出し2列の内容列はピンク、見出し3列の内容は、水色
    という色分けをしているつもりが、

    実際にブラウザ表示すると、すべてのセルの背景色bgcolorが無色(白色)となってしまうのです。

    これを、元のコードのように表示させたいのですが、どうすれば良いのでしょうか?
    よろしくお願いします。

    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    すみません、追伸です。

    私の環境は、ローカルでXAMPP V2.5 で
    動かして、試してOKなら、レンタルサーバにUPすることに
    しておりまして、今回のトラブルは、このローカル環境で
    アウト!!ということでした。

    それで、テーマは Twenty-10 でこれもVUしましたが、
    やはり同じです。

    で、とにかく破れアイコンが出てる状態で、公開すると

    投稿タイトルは、正常表示されますが、
    その下に、アップしたファイル名がリンクつきで表示されます。
    で、これをクリックすると画面が変わり

    『見つかりません
    リクエストされたページが存在しません。検索で見つかるかもしれません。
    検索: 検索BOX表示』

    と出ます。
    以上、トラブルの現象面のご説明をしました。
    また、何か、おかしいな、という点がありましたら、
    ご教示ください。
    よろしくお願いします。

    スレッド開始 jinchan

    (@jinchan)

    nobita さん

    いつも、早速ご教示ありがとうございます。

    環境は、
    1)WinXp SP3
    で、あとは、
    2)DELL Inspiron6400。

    ウーン!!
    もう少しチャレンジして見ます。
    あ、そうか、アドインが何か影響することがあるんでしょうか?
    しかし、私の場合は、あまり入れていないし。
    もう少し、やってみてから、ご報告します。
    ありがとうございました。

    スレッド開始 jinchan

    (@jinchan)

    popup さん、はじめまして、おはようございます。

    2つのご提案、ありがとうございました。

    1つ目は、私でも何となく理解できましたが、
    2つ目の方が、魅力的なので、これまた、はじめてですが、早速調べましたら、投稿画面の下に

    『カスタムフィールドは投稿に特別なメタデータを追加するために使うものです。追加されたカスタムフィールドはテーマの中で利用できます。』
    http://wpdocs.sourceforge.jp/Using_Custom_Fields

    とあって、これ見たら、なんと、奥行きが深くて、短時間では、到底理解できないと思いました。

    で、勉強の方は、後回しにすることとして、とりあえず、ご提案の方法を、わけもわからずにまねしてみようと思い、やってみたところ、うまくいきましたので解決!!しました。
    どうもありがとうございました。

    で、popup さんは簡潔に書かれていたので、私の備忘録もかねて、初心者の方にも参考にしていただけたらと思い、以下手順をまとめました。
    何か、不要なこととか、もっとこうした方がいい、とかアドバイスがあれば、お願いします。

    1)ご提案どおり、テーマ内の header.php の <head>タグ内に

    <?php
    $post_id = $post->ID;
    if($style = get_post_meta($post_id, 'style', true)) {
    echo $style."\n";
    }
    ?>

    を追加。この場合、style は、カスタムフィールド名で、カタカナでもいいと思いますが、ここでは英字にして、style指定なので、<head>内の最後の部分に追加。

    2)投稿>新規追加、もしくは、固定ページ>新規追加 画面で、右上の 表示オプション の カスタムフィールド にチェックを入れる。

    3)画面下に カスタムフィールド 欄ができるので、新規追加 ボタンを押して

       名前: style
       値 : <style type=”text/css”>~</style>
           (この ~ に自分の好きな style仕様を書く)

    4)本文記事欄のHTML欄に、html文を書く

    以上で、第Ⅰラウンドは終了。3)で書いたstyle仕様が反映される。ただし、やってみて、反映されていないセレクタやクラスがあれば、テーマの style.css 内の style と競合していることが考えられるため、反映されていなかったstyle指定の後に、

      半角スペース + !important;

    という優先指定をする。

    次回からは、1)~ 3)は、不要で、

    1)新規追加画面の下部のカスタムフィールド欄の中の、名前欄のプルダウンメニューから、style を選択して、値欄に、必要な style仕様を入力する。
    2)本文記事欄のHTML欄に、html文を書く

    というだけでOK!。

    以上で、投稿記事も固定ページ記事も、style仕様が自由自在!ということになりました。

    スレッド開始 jinchan

    (@jinchan)

    nobita さん、はじめまして。

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

    『詳細度』、はじめて伺いました。
    で、早速調べたところ
    『CSSにおけるセレクタの優先順位』
    http://refluxflow.net/2006/08/css_selector_specificity.html
    がありまして、引用させていただきますと、
    ----------------------------------
    優先順位の計算方法

    CSS2の仕様では、セレクタの優先順位の計算方法が以下のように決められています(参考: 6.4.3 Calculating a selector’s specificity)。
    http://www.w3.org/TR/CSS2/cascade.html#specificity

    セレクタの優先順位は詳細度によって決められます。詳細度の大きいセレクタほど優先順位は高くなります。

    セレクタ中のID属性の数をaとする
    セレクタ中のID属性以外の属性と疑似クラスの数をbとする
    セレクタ中の要素名の数をcする
    疑似要素は無視する
    この3つの数字をa, b, cの順に連結して詳細度とします。

    /* 詳細度の計算例 */
    * {} /* a = 0, b = 0, c = 0, 詳細度 = 0 */
    p {} /* a = 0, b = 0, c = 1, 詳細度 = 1 */
    p a {} /* a = 0, b = 0, c = 2, 詳細度 = 2 */
    .class {} /* a = 0, b = 1, c = 0, 詳細度 = 10 */
    p.class {} /* a = 0, b = 1, c = 1, 詳細度 = 11 */
    p a[href] {} /* a = 0, b = 1, c = 2, 詳細度 = 12 */
    a[href]:link {} /* a = 0, b = 2, c = 1, 詳細度 = 21 */
    #id {} /* a = 1, b = 0, c = 0, 詳細度 = 100 */
    #id p {} /* a = 1, b = 0, c = 1, 詳細度 = 101 */
    例えば、「p a[href]」と「a[href]:link」の両方の条件を満たすa要素の場合、後者のスタイルが優先されます。
    ------------------------------------
    これから、前回質問内容の詳細度を計算しますと、

    1)の場合

       td: #content tr td{} → a=1, b=0, c=2 → 詳細度=102
    th: #content tr th,
    #content thead th {} → a=2, b=0, c=4 →詳細度=204

    2)の場合

       td: td{・・・ !important} → c=1 !important=1000 → 詳細度=1001
    th: th{・・・ !important} → c=1 !important=1000 → 詳細度=1001

    となり、td, th いずれも2)の詳細度が大きいため、2)のスタイルが
    反映されるはず、となりましたが、実際には

       td: 1)(twentyten の style.css)
       th: 2)(投稿記事内のcss)

    が反映されてしまいます。

    『詳細度』について、まだまだ、勉強不足ですみませんが、
    ① どこがおかしいのか、
    ② また、2)を反映させるには、どうすれば良いのか
    ご教示いただければ幸いです。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿記事での表作成の方法について
    スレッド開始 jinchan

    (@jinchan)

     その後、いろいろ調べた結果、テーマ内にあるstyle.cssの中にある、#content tr td{ } の中の padding の設定を変えることにより、表がしまる、ということがわかりましたので、以下のように設定しましたら、解決できましたので自己解決ということでご報告させていただきます。

       #content tr td {
       border-top: 1px solid #e7e7e7;
       padding: 0px 0px;
       }

    フォーラム: プラグイン
    返信が含まれるトピック: WP-Polls内の変数値を取得する方法
    スレッド開始 jinchan

    (@jinchan)

    jim912さん、おはようございます。

    早速のご教授ありがとうございました。
    「Ajaxの処理」は、はじめて聞きました。全くよくわかりませんが、勉強になりました。
    やはり、JavaScript でやる方法が良いのでしょうか。
    この場合は、WP-PollsによるQ1の回答後、wbdb に入力された回答idを、固定ページのPHPで読み込んで、この値を使って、JavaScriptを走らせる、Q2以降は、このJavaScriptのロジックの中に、WP-PollsとPHPとHTMLを混在させて組み立てていく、ということになるのでしょうか?
    わかりにくくて恐縮ですが、ヒントなどいただければ幸いです。

14件の返信を表示中 - 16 - 29件目 (全29件中)