フォーラムへの返信

15件の返信を表示中 - 16 - 30件目 (全38件中)
  • フォーラム: 使い方全般
    返信が含まれるトピック: ショートコード利用で、classを与えたい
    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    回答ありがとうございます。
    return ' class="yoko280"';
    に変更致しましたが、状況は変わらなかったです。
    ただ、現在カスタムフィールドの値のみを出力しておりまして、
    single.phpに記載していた

    <?php the_content(); ?>
    <?php endwhile; ?>
    <?php endif; ?>
    <?php get_footer(); ?>

    から
    <?php the_content(); ?>
    を削除すると画面上に表示されなくなり、
    imgにclassが加えられる様になりました。
    現在は本文に何も記載していないので問題がないのですが、
    今後記載した時に、表示されない事になるかと思うと、
    何か他の方法があれば教えて頂けますと大変助かります。
    何卒、宜しくお願い致します。

    フォーラム: 使い方全般
    返信が含まれるトピック: ショートコード利用で、classを与えたい
    トピック投稿者 kiki222

    (@kiki222)

    間違えました
    文字として表示されているのは
    class=”yoko280″
    です。
    宜しくお願い致します。

    フォーラム: 使い方全般
    返信が含まれるトピック: ショートコード利用で、classを与えたい
    トピック投稿者 kiki222

    (@kiki222)

    現在の状況としましては、
    ショートコードを加えたページの画像にclassは付けられていますが、
    コンテンツの最後に
    文字として
    class=”yokosize”
    と表示されてしまっています。
    この表示をなくしたいです。

    宜しくお願い致します。

    フォーラム: 使い方全般
    返信が含まれるトピック: 画像のaltにページタイトルを挿入したいです
    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    返答ありがとうございます。
    出来ました!
    (書き方がおかしい場合は、ご指摘をお願いできますでしょうか?)

    <?php
     if(get_post_meta($post->ID,'mainphoto',true)){
      echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="';
      echo the_title_attribute( 'echo=false' ).'"></p>';
      }
     if(get_post_meta($post->ID,'lower-desc',true)){
      echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> ';
      }
    ?>

    自分の中で、まだしっかり理解出来ておりませんので
    勉強していこうと思います。
    本当に、ありがとうございます。

    フォーラム: 使い方全般
    返信が含まれるトピック: 画像のaltにページタイトルを挿入したいです
    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    返答をありがとうございます。
    Hinaloe様に教えて頂いた方法で表示出来たのですが、
    nobita様が仰る様にhtml要素が追加される可能性もありますので、
    the_title_attributeを使用したいと思うのですが、

    <?php
                                  if(get_post_meta($post->ID,'mainphoto',true)){
                                       echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="'.the_title_attribute().'"></p>';
                                  }
                                  if(get_post_meta($post->ID,'lower-desc',true)){
                                       echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> ';
                                  }
                             ?>

    としてみたりしましたが、表示できませんでした。
    Hinaloe様の方法と組み合わせて

    <?php
                                  if(get_post_meta($post->ID,'mainphoto',true)){
                                       echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="'.the_title_attribute(null,null,FALSE).'"></p>';
                                  }
                                  if(get_post_meta($post->ID,'lower-desc',true)){
                                       echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> ';
                                  }
                             ?>

    としても、画像の上部に文字が表示されてしまいました。
    大変お手数ですが、the_title_attributeを使用して
    altに記載できる方法を教えて頂けますと大変助かります。
    なにとぞ、宜しくお願い致します。

    フォーラム: 使い方全般
    返信が含まれるトピック: 画像のaltにページタイトルを挿入したいです
    トピック投稿者 kiki222

    (@kiki222)

    Hinaloe様
    返答ありがとうございます。
    教えて頂いた方法で試したところ、

    <?php
                                  if(get_post_meta($post->ID,'mainphoto',true)){
                                       echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="'.the_title(null,null,FALSE).'"></p>';
                                  }
                                  if(get_post_meta($post->ID,'lower-desc',true)){
                                       echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> ';
                                  }
                             ?>

    で表示する事が出来ました。
    ありがとうございます!

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    お返事ありがとうございます。
    変更点は、
    ①content.phpやcontent-page.phpの<h1>を<h2>に変更
    ②投稿者の名前が表示されない様にfunction.phpに

    function twentytwelve_entry_meta() {
      // Translators: used between list items, there is a space after the comma.
      $categories_list = get_the_category_list( __( ', ', 'twentytwelve' ) ); 
    
      // Translators: used between list items, there is a space after the comma.
      $tag_list = get_the_tag_list( '', __( ', ', 'twentytwelve' ) ); 
    
      $date = sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
        esc_url( get_permalink() ),
        esc_attr( get_the_time() ),
        esc_attr( get_the_date( 'c' ) ),
        esc_html( get_the_date() )
      ); 
    
    if ( $tag_list ) {
        $utility_text = 'カテゴリー: %1$s | タグ:%2$s | 投稿日: %3$s | ';
      } elseif ( $categories_list ) {
        $utility_text = 'カテゴリー: %1$s | 投稿日: %3$s | ';
      } else {
        $utility_text = '投稿日: %3$s | ';
      } 
    
      printf($utility_text, $categories_list, $tag_list, $date);
    }

    を追記
    ③記事の全文ではなく抜粋が表示されるようにcontent.phpの
    <?php the_excerpt(); ?>

    <?php echo my_excerpt(100); ?>
    に変更
    ④スタイルを変更するためにstyle.css(子テーマ)に色々と加えています。

    宜しくお願い致します。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    丁寧に教えて頂き、ありがとうございます。
    仰って頂いた方法で、my_homeとmy_blogが表示されました。
    そこでまた立ち止ってしまいました。
    my_homeやmy_homeと同じ階層で今までhtmlで作っていたページはfunction.phpなどを利用して同じテンプレートで表示出来るようになりましたが、
    my_blog(過去の/blog/フォルダのブログ記事トップページ)はwordpressテンプレートのtwentytwelveを少し改造して表示させていたのですが、
    独自で作ったテンプレートと、twentytwelveのテンプレートをどの様に共存させれば良いのでしょうか?
    何か良い方法はありますでしょうか?
    宜しくお願い致します。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    ご回答ありがとうございます。

    仰って頂いた方法を試してみたのですが、
    分からない部分があります。

    固定ページで、ブログ表示用の固定ページ(my_blog)の作成、カスタマイザーの投稿ページにセット

    の部分ですが、
    今までは/blog/はテーマtwentytwelveのindex.phpの内容が表示されていたかと思いますが、
    新たに固定ページ(my_blog)を作成してtwentytwelveのテーマを適用するには
    どの様にすれば良いでしょうか?

    知識不足で質問ばかりで大変申し訳ございませんが、
    ご教授頂けます様、お願い致します。

    トピック投稿者 kiki222

    (@kiki222)

    Hinaloe様
    ご回答ありがとうございます。
    提示して頂いた事例のプラグインを作って何となくやってみましたが、
    すぐに変更することができませんでした。
    現在の私の理解力では、
    すぐにこの方法を利用する事が出来なさそうです。

    まずは重複投稿してしまった

    でnobita様にご回答頂いた方法から試してみたいと思います。
    また質問するかもしれませんが、宜しくお願い致します。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    サンプルURLの件、分かりました。
    ありがとうございました。
    出来るだけ自分で解決していきたいですが、
    分からない事が多すぎてかなり立ち止っています。
    また、こちらで質問をする事があると思います。
    その時はまた宜しくお願い致します。
    ありがとうございました。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    返事を出していませんでした!
    申し訳ございません。
    現在、表示されるようになった書き方はこうです。

    <?php
    add_action( 'after_setup_theme', 'my_scripts_setup' );
    
    function my_scripts_setup() {
        add_action( 'wp_head', 'my_add_inline_script' );
        add_action( 'wp_head', 'my_add_inline_script2' );
       //wp_footerをwp_headに変更
        add_action( 'wp_enqueue_scripts', 'my_add_style' );
        add_shortcode( 'myscripts', 'my_add_script_source' );
    }
    
    function my_add_style() {
    
        global $post;
    
    if  (is_front_page() ) {
    
    			wp_enqueue_style('mybxslidercss', 'http://www.sample.com/css/jquery.bxslider.css', array(), null, 'screen');
    
    			wp_enqueue_script('mybxsliderjs', 'http://www.sample.com/js/jquery.bxslider.min.js', array(), null, false );
    
    			// 第五引数falseで、ヘッダーに挿入
        }
    
        if ( has_shortcode( $post->post_content, 'myscripts' ) && is_singular() ) {
    
    			wp_enqueue_style('myfancyboxcss', 'http://www.sample.com/css/jquery.fancybox.css', array(), '2.1.5', 'screen');
    
    			wp_enqueue_script('myfancyboxjs', 'http://www.sample.com/js/jquery.fancybox.js', array(), '2.1.5', false );
    
    			// 第五引数falseで、ヘッダーに挿入
        }
    }
    
    function my_add_script_source() {
        // jquery plugin等、依存関係があるときには、配列に handle を入れてください
    	// 実行するタイミングの関係で、ヘッダーに埋め込みは間に合わないようなので、空のショートコードにします。
    
    	return;
    }
    
    function my_add_inline_script() {
    
        $scripts= '$(document).ready(function() {
    		$(".fancybox").fancybox();
    	});';
    
        if ( wp_script_is( 'myfancyboxjs', 'done' ) ) {
    
            $html= '<script type="text/javascript">%1$s</script>'."\n";
    
            printf( $html, $scripts );
        }
    }
    
    function my_add_inline_script2() {
    
        $scripts= '$(document).ready(function() {
    		$(".bxslider").bxSlider();
    	});';
    
        if ( wp_script_is( 'mybxsliderjs', 'done' ) ) {
    
            $html= '<script type="text/javascript">%1$s</script>'."\n";
    
            printf( $html, $scripts );
        }
    
    }
    
    ?>

    何か問題ありそうでしょうか?
    もし、もっとスマートな方法があれば教えて頂けますと
    大変うれしいです。
    よろしくお願いいたします。
    色々とありがとうございました!

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    出来ました!
    色々と試しているうちに、出来ました。
    とりあえず、ご報告します。
    後で、どの様に書いたかのコードを再度アップします。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    書き方も良くして頂き、本当にありがとうございます!
    毎度毎度、本当に申し訳ないのですが
    教えて頂いたコードから自分なりに
    トップページにのみ挿入したいコードをwp_enqueue_scriptを足したりして見たのですが、
    まだまだ勉強不足で上手く表示する事が出来ません。
    トップページにのみhead内に

    <link rel="stylesheet" href="http://www.sample.com/css/jquery.bxslider.css" type="text/css">
    <script src="http://www.sample.com/js/jquery.bxslider.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $('.bxslider').bxSlider();
    });
    </script>

    を挿入したいと思い、

    function my_add_style() {
    
        global $post;
    
        if ( has_shortcode( $post->post_content, 'myscripts' ) && is_singular() ) {
    
    			wp_enqueue_style('myfancyboxcss', 'http://www.sample.com/css/jquery.fancybox.css', array(), '2.1.5', 'screen');
    
    			wp_enqueue_script('myfancyboxjs', 'http://www.sample.com/js/jquery.fancybox.js', array(), '2.1.5', false );
    
    			// 第五引数falseで、ヘッダーに挿入
        } elseif  (is_front_page() ) {
    
    			wp_enqueue_style('mybxslidercss', 'http://www.sample.com/css/jquery.bxslider.css', array(), null, 'screen');
    
    			wp_enqueue_script('mybxsliderjs', 'http://www.sample.com/js/jquery.bxslider.min.js', array(), null, false );
    
        }
    
    }

    と加えてみたり、色々な場所に加えてみたりしたのですが
    fancyboxが上手く動作しなかったり、
    トップページのスライダーが動作しなかったりしました。
    本当に、何度も何度も申し訳ございませんが
    方法を教えて頂けないでしょうか?
    何卒、宜しくお願い致します。

    トピック投稿者 kiki222

    (@kiki222)

    nobita様
    何度も、申し訳ございません!!!
    教えて頂いた書き方ですが、
    ボディ閉じタグの前でなく
    head内に全てを記述したい場合は
    どこを変更すればよろしいでしょうか?
    色々と試してみましたが、よく分かりませんでした。
    何卒、宜しくお願い致します。

15件の返信を表示中 - 16 - 30件目 (全38件中)