同じブログカードを設置すると片方がおかしくなってしまう

Simplicityの特徴 フォーラム 不具合報告 同じブログカードを設置すると片方がおかしくなってしまう

16件の返信スレッドを表示中
  • 投稿者
    投稿
    • #52030
      ゆう
      ゲスト

      こんにちわ。
      いつもお世話になります

      現在Simplicity2.5安定版を使用しています。

      通常の投稿で同じブログカード(例えばhttp://aaaaa.co.jpとhttp://aaaaa.co.jpを貼るなど)を2枚貼ると2枚目のブログカードの表示がおかしくなってしまいます。

      症状としては1枚目が普通に表示され、2枚目のブログカードも一応表示されますが、そのブログカードの上に
      ">が表示され、ブログカードの下(カード外)には2枚目のブログカードのurlがそのまま表示されます。

      ですが、違うブログカードを貼ると通常通り表示されます。

      ブログカードを使用する時は、URLをそのまま貼っていたのですが、もしかしたら私の使い方が間違ってたらすいません。

      お忙しい所すいませんが、宜しくお願いします

    • #52034
      Hidekichi
      ゲスト

      同じアドレスを連続ではないですが、アドレスだけを貼った状態(aタグは利用せず)で確認した所、特に言われているような感じにはなりませんでした。

      どういう設定にされているか等、カスタマイザーの内容なども書いてもらっても良いですか?

      Attachments:
    • #52044
      ゆう
      ゲスト

      ご返信ありがとうございます

      カスタマイザーの設定は内部が
      ブログカード:有効
      日付表示:投稿日を表示
      サイトロゴを表示:有効(ファビコン設定なし)
      カード幅を広げる:有効

      です。外部ブログカードは有効にしていません。
      カスタマイザーはおそらくほとんどデフォルトのままだと思います。

      あとfunctionPHPなどで設定も変更していません。
      そしてプラグインも特にブログカードに関するものは使用していません。

      あとショートコード([url])を使用して外部ブログカードを同ページに2つ貼っても、特に症状はみられなかったのですが、やはりブログ内の同じurlのブログカードを2枚貼る(urlを直貼り)と最初に書いたようになってしまいます。

      ソースを見てみたら2枚目の表示がおかしくなっているブログカードの方は、aタグが生成されていない状態でした。

    • #52056
      Hidekichi
      ゲスト

      > ブログカード:有効
      > 日付表示:投稿日を表示
      > サイトロゴを表示:有効(ファビコン設定なし)
      > カード幅を広げる:有効

      これにしてみたんですけども、特に問題ないですねぇ。ちなみに

      > aタグが生成されていない状態でした

      とありますが、どこのaタグですか?
      サムネイル、記事タイトル、はてぶがあればそこもそうですかね。他にaタグはなかったと思いますがどこでしょう?それとも全体的にaタグがないということですかね?

      あと、問題が出てるページ、ブログカード先のアドレスとかは公開できますか?
      できるようであればして下さい。どの部分に問題が出ているかを見て、そこから逆に元のスクリプトをたどる方が原因がわかるかも知れません。

    • #52065
      アバター画像わいひら
      キーマスター

      僕も、テスト環境で試してみたのですが、問題なく動作しているようです。

      Simplicityのバージョンは幾つでしょうか?
      また、僕もできれば不具合ページのURLを見せていただけると、助かります。

    • #52071
      ゆう
      ゲスト

      公開したい所なんですが、下書きでたまたま間違えて同じブログカードを貼った時に気づいたことだったので、問題がでているページはないんですが、生成されたソースは下のようになってます。

      上のaタグで囲まれた部分がurlを直貼りした時の1枚目のブログカード。
      その後の「">」後からが、2枚目のブログカードの生成されたソースとなってます。

      <a class="hover-card hover-blog-card hover-internal-blog-card hover-blog-card-wide" href="<a class=" hover-card="" hover-blog-card="" hover-internal-blog-card="" hover-blog-card-wide"="">
        <div class="blog-card internal-blog-card blog-card-thumbnail-left blog-card-wide cf">
          <div class="blog-card-thumbnail">
           <img width="100" height="100" src="https://www.yuu-diaryblog.com/wp-content/uploads/2016/07/4b5e7d7aa40321c0f149ef4a53e8219e_s-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="ワードプレスに移動しました!!">
          </div>
        <div class="blog-card-content"><div class="blog-card-title">ワードプレスに移動しました!!
        </div>
        <div class="blog-card-excerpt">
        結局ワードプレスに移動しました!!
        移動してわかりましたが、さすがワードプレスですね。
        本当に高性能!
        無料ブ...
        </div>
        </div>
        <div class="blog-card-footer"><div class="blog-card-site">www.yuu-diaryblog.com</div>
        <div class="blog-card-date">2016-07-10 00:07</div></div></div>
      </a>
      
      ">
      
      <div class="blog-card internal-blog-card blog-card-thumbnail-left blog-card-wide cf">
        <div class="blog-card-thumbnail">
        <img width="100" height="100" src="https://www.yuu-diaryblog.com/wp-content/uploads/2016/07/4b5e7d7aa40321c0f149ef4a53e8219e_s-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="ワードプレスに移動しました!!">
        </div>
        <div class="blog-card-content">
         <div class="blog-card-title">ワードプレスに移動しました!!</div>
         <div class="blog-card-excerpt">
         結局ワードプレスに移動しました!!
         移動してわかりましたが、さすがワードプレスですね。
         本当に高性能!
        無料ブ...
        </div>
        </div>
       <div class="blog-card-footer">
        <div class="blog-card-site">www.yuu-diaryblog.com</div>
        <div class="blog-card-date">2016-07-10 00:07</div>
       </div>
      </div>
      
      https://www.yuu-diaryblog.com/2016/07/10/post-145/

      ちなみに同じページのブログカードを2枚張った時のみ上のようになり、違うページのブログカードを2枚張っても正常に機能してます。

      また下書きでスクショしてみたのが下の画像になります

      http://fast-uploader.com/file/7048480721543/

      公開ページがなくてすいませんが、お願いします

    • #52072
      ゆう
      ゲスト

      バージョンは「バージョン:2.5.0e」です。

    • #52075
      Hidekichi
      ゲスト

      hover-cardの設定を取ったらどうなりますか?

      カード全体をリンク化するとかと言うやつです。

    • #52080
      ゆう
      ゲスト

      hover-cardの設定を取ると2枚のブログカードのborderが結合(1枚目のborder-bottom、2枚目のborer-topが消えて)し、結合した2枚目のブログカード内はレイアウトが崩れ、
      中央に

      " class="blog-card-thumbnail-link">

      が表示されるようになりました。
      そして最後にurlがそのまま表示されました。

    • #52081
      Hidekichi
      ゲスト

      ちなみに、hover-cardを有効にしても特に問題はないんですが、もしかするとautoptimizeやheadクリーナーみたいなプラグイン、もしくはキャッシュプラグインで何かしらhtmlの圧縮とかされてないですかね?

    • #52082
      ゆう
      ゲスト

      すいません、ソース貼るの忘れました。

      <div class="blog-card internal-blog-card blog-card-thumbnail-left blog-card-wide cf">
        <div class="blog-card-thumbnail">
          <a href="<div class=" blog-card="" internal-blog-card="" blog-card-thumbnail-left="" blog-card-wide="" cf"=""></a>
            <div class="blog-card-thumbnail">
               <a href="<div class=" blog-card="" internal-blog-card="" blog-card-thumbnail-left="" blog-card-wide="" cf"=""></a>
               <a href="https://www.yuu-diaryblog.com/2017/04/22/css-button-2/" class="blog-card-thumbnail-link">
                 <img width="100" height="100" src="https://www.yuu-diaryblog.com/wp-content/uploads/2017/04/css-button-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="CSS・HTMLで作るボタンデザイン80選(web用)">
                </a>
             </div>
          <div class="blog-card-content"><div class="blog-card-title">
            <a href="https://www.yuu-diaryblog.com/2017/04/22/css-button-2/" class="blog-card-title-link">CSS・HTMLで作るボタンデザイン80選(web用)</a>
          </div>
         <div class="blog-card-excerpt">
      
      CSSとHTMLだけで作れるボタンデザインを約80種類紹介します。
      ユニークなボタンからオシャレなボタンま...
         </div>
         </div>
         <div class="blog-card-footer">
          <div class="blog-card-site">www.yuu-diaryblog.com</div>
          <div class="blog-card-date">2017-04-22 23:13</div>
         </div>
        </div>
      
      " class="blog-card-thumbnail-link">
      
      <img width="100" height="100" src="https://www.yuu-diaryblog.com/wp-content/uploads/2017/04/css-button-100x100.jpg" class="blog-card-thumb-image wp-post-image" alt="CSS・HTMLで作るボタンデザイン80選(web用)">
      </div>
      
      <div class="blog-card-content"><div class="blog-card-title">
        <a href="https://www.yuu-diaryblog.com/2017/04/22/css-button-2/" class="blog-card-title-link">CSS・HTMLで作るボタンデザイン80選(web用)</a>
      </div>
      <div class="blog-card-excerpt">
      
      CSSとHTMLだけで作れるボタンデザインを約80種類紹介します。
      ユニークなボタンからオシャレなボタンま...
      </div>
      </div>
      
      <div class="blog-card-footer">
        <div class="blog-card-site">www.yuu-diaryblog.com</div>
        <div class="blog-card-date">2017-04-22 23:13</div></div>
      </div>
      
      https://www.yuu-diaryblog.com/2017/04/22/css-button-2/  
    • #52083
      ゆう
      ゲスト

      そういったプラグインは入れてないですね。
      ただjetpackを入れてますが、セキュリティ面とツイッター自動投稿、アクセス解析以外の機能は全部切ってます。

    • #52090
      Hidekichi
      ゲスト

      #52082のソースを見たら、3行目のアドレスが既に取得できてないんですよね。

      lib/blog-card.phpを見てみてもアドレスを拾う処理がまずあって、できない場合はスキップしているのでアドレスが拾えてないわけはないと思うんですよ。となると置換が間違っているのかなぁと思いつつも、htmlが作られる所では、該当部分は$urlが入っているわけで、かつstrip_tagsがあるため仮にアドレスの取得が間違っていてもやはり該当部分のようにはならないはずなんですけどねぇ。

      もしかするとそのソースはプレビュー画面のものですか?

    • #52092
      ゆう
      ゲスト

      プレビュー画面のソースです。
      今公開ページで一時的に貼ってみて、チェックしてみたところ、ソースは全く一緒でした。

    • #52114
      アバター画像わいひら
      キーマスター

      親テーマ最新版のみの、素のSimplicityで試してみても同様の現象になるのでしょうか?

    • #52127
      ゆう
      ゲスト

      すいません、素のSimplicityで試してみたら問題ありませんでした。

      私が余計なことしていたのかもしれません。
      でも同じurlのブログカードを2枚使った時だけ、最初の現象になるのが不思議です。

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

    • #52136
      アバター画像わいひら
      キーマスター

      不思議ですね。
      いずれにせよ、何かしらのPHPの処理が働いているのかもしれません。

16件の返信スレッドを表示中
  • トピック「同じブログカードを設置すると片方がおかしくなってしまう」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)