フォーラムへの返信

15件の返信を表示中 - 46 - 60件目 (全105件中)
  • フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ご指摘、ありがとうございます。

    このサイトでは、single.phpとpage.phpは使用していないため、
    取り急ぎfooter.phpにボタンを表示させました。
    また、スタイルシート読み込みとURLパラメータ追加のコードは、
    functions.phpに入れました。

    この状態でボタンをクリックしますが、
    やはり、通常のページしか表示されません。

    何度も済みませんm(__)m

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    連続投稿失礼します。

    今、

    <?php /**印刷プレビュー用CSSとJS読み込み**/
    
    function my_enqueue_scripts() {
        $media = 'print' === get_query_var( 'type' ) ? 'print' : 'all';
    
        wp_enqueue_style( 'mythemename-print', get_template_directory_uri() . '/css/print.css', array(), false, $media );
        wp_enqueue_script( 'mythemename-print', get_template_directory_uri() . '/js/print.js', array( 'jquery' ), false, 1 );
    }
    add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
    
    ?>

    をheader.phpに直接入れたら、ヘッダーとサイドバーが消え、
    イメージ通りの表示が出来ました。
    スタイルシートは、このコードで間違いなく読んでます。
    あと一息だと思います。

    よろしくお願いします。

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ボタンを表示するphppコードは、
    不動産プラグインのテーマsingle-fudo.phpに入れました。

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    今現在、function.phpに書いている内容です。

    <?php /**印刷プレビュー用CSSとJS読み込み**/
    
    function my_enqueue_scripts() {
        $media = 'print' === get_query_var( 'type' ) ? 'print' : 'all';
    
        wp_enqueue_style( 'mythemename-print', get_template_directory_uri() . '/css/print.css', array(), false, $media );
        wp_enqueue_script( 'mythemename-print', get_template_directory_uri() . '/js/print.js', array( 'jquery' ), false, 1 );
    }
    add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
    
    ?>
    
    <?php /**URLパラメータにtypeを追加**/
    
    function my_query_vars( $vars ) {
        $array = array( 'type' );
        return array_merge( $array, $vars );
    }
    add_filter( 'query_vars', 'my_query_vars' );
    
    ?>

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ボタン表示は出来ましたが、
    スタイルシートの読み込みがうまく行っていないのか、
    通常のページになります(^^;
    ページのソースを見ても、
    該当のスタイルシートを読み込んでいません。

    一つ確認です。
    現在構築中のページは、不動産プラグインを使っています。
    物件詳細ページは、index.phpを元にしています。
    したがって、各ページは、single.phpではなくindex.phpが基本になっています。
    これは、影響ありますか?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ありがとうございます。
    入れるのは、function.phpですね?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    上記コードを物件詳細ページに貼り付けましたが、何も表示されません。
    貼り付ける場所が違うのでしょうか?

    <!--印刷プレビューボタン-->
    <script type="text/javascript">
    $print = 'print' == get_query_var( 'type' ) ? true : false;
    if ( !$print ) {
        echo '<a class="print-button" href="' . get_permalink() . '?type=print">印刷ページ</a>';
    } else {
        echo '<a class="print-button" href="#" onclick="window.print(); return false;">印刷する</a>';
        echo '<a class="print-button" href="' . get_permalink() . '">印刷ページを閉じる</a>';
    }
    </script>

    最終的には、アイコンを作り、
    http://goo.gl/az5chx
    のように表示させる予定です。

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ありがとうございます。
    上記のコードを、ページ内の任意の場所に貼ればOKですか?
    ちなみに、このコードは、javascriptですよね?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ありがとうございます。

    ということは、
    ボタンをクリックして印刷プレビューを表示するには、
    やはり、jsが必要ですか?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    素早いご回答、ありがとうございます。

    恐らくあと一息ですので、
    もうしばらくお付き合い願いますm(__)m

    次に、jsですが、
    先のスレッドで、書くのが面倒であれば、
    <a href="#" onclick="window.print(); return false;">印刷する</a>
    でもOKと頂いております。
    hrefの「#」部分には、具体的にはどういう記述を入れれば良いでしょうか?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    おはようようございます。
    ありがとうございます。

    上記コードに変えたら、
    管理画面が真っ白になりました・・・
    $mediaの行を削除したら、元に戻りました。

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    自分なりに考えて、ここまではfunction.phpにコーディングしました。

    <?php /**印刷プレビュー用CSSとJS読み込み**/
    
    function my_enqueue_scripts() {
         wp_enqueue_style( 'mythemename-print', get_template_directory_uri() . '/css/print.css', array(), false, 'print' );
        wp_enqueue_script( 'mythemename-print', get_template_directory_uri() . '/js/print.min.js', array( 'jquery' ), false, 1 );
    }
    add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
    
    ?>
    
    <?php /**URLパラメータにtypeを追加**/
    
    function my_query_vars( $vars ) {
        $array = array( 'type' );
        return array_merge( $array, $vars );
    }
    add_filter( 'query_vars', 'my_query_vars' );
    
    ?>

    合ってますか?
    スタイルシートの読み込みですが、javascriptのみadd_actionがあります。
    stylesheetのadd_actionはいらないんでしょうか?

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    何度も済みません。

    2.JS / CSS ファイルを読み込ませる
      1 で追加した URL パラメーターの値が true の場合、print.css を media all または screen で最後に読み込むようにする
    →条件分岐で読み込む、という解釈でしょうか?知識が足りず、申し訳ありません(–;

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    <?php
    function my_query_vars( $vars ) {
        $array = array( 'type' );
        return array_merge( $array, $vars );
    }
    add_filter( 'query_vars', 'my_query_vars' );
    
    function my_wp_nav_menu( $output, $args ) {
        return preg_replace('/href="(.*?)"/', 'href="' . add_query_arg( array( 'type' => 'type' ), '$1' ) . '"', $output);
    }
    add_filter( 'wp_nav_menu', 'my_wp_nav_menu', 10, 2 );
    >

    phpは、これで大丈夫でしょうか?

    矢継ぎ早で、済みませんm(__)m

    フォーラム: 使い方全般
    返信が含まれるトピック: jsの設置場所と読み込み方法
    トピック投稿者 wilsher

    (@wilsher)

    ありがとうございます。
    早速試してみます。

    print.css を media all または screen で最後に読み込むようにする
    →これは、大元のスタイルシートに書くのですか?また、どのように書けば良いですか?

    また、上記のご回答の中と参考リンク先に、CSSを切り替える命令がないようにみえますが、処理するコードは書かれているのですね?

15件の返信を表示中 - 46 - 60件目 (全105件中)