サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
blog.at-human.com
YouTubeのiframe埋め込みでコンソールがエラーの嵐 何はともあれこのスレッド。 Issue 309: error when chrome cast extension is not installed https://code.google.com/p/google-cast-sdk/issues/detail?id=309 最近の開発案件ではYouTube埋め込みが要件に入っていることが多いのですが、htmlを読み込んだ時点で、iframeでのyoutube埋め込みがあると以下のようなエラーが出るようになりました。 Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js Failed to lo
ってなわけで案件山積みで絶賛デスマ継続中(いいわけ)でブログに書きたいことは山ほどあるのに溜る一方・・・からの、忘却。 ということで今日は走り書き。 facebookページのウォールやtwitterのタイムラインをレスポンシブサイトに埋め込む際について。 これらウィジェットはオフィシャルから生成するときに横幅を決めて作る感じになってたと思うんですが、生成されたコードから、まずはwidth絡みの記述を削除します。 んで、CSS。 /* facebook */ .fb-like-box, .fb-like-box span, .fb-like-box iframe[style]{ width: 100%!important; } /* twitter */ #twitter-widget-1[style]{ width: 100% !important; } こういう風にして、iframe内に
ちょくちょく使いそうなのでメモ代わりに。 上の画像にあるものを一つのブロックとして、記事一覧を表示してる時に、抜粋部分をクリックしたら投稿シングルページヘ飛ぶようにするだけ。ワードプレスの標準機能でなんか便利な関数やテンプレートタグがあるのかどうかは知りませんが(汗)、Aタグ使いたくないのと、調べるよりコード書いたほうが早いし自由だしということで。 まずは、このブロックの、「抜粋」表示部分を囲んであるdivにクラスをあてて、同時にdata属性でパーマリンクURLをぶち込んでやる。基本的にそれだけのことです。 <div class="entry-excerpt" data-href="<?php the_permalink();?>"> <?php the_excerpt(); ?> </div> entry-exerptというクラスはモチロン各ブロック共通ですね。 で、あとはjQueryで
このページを最初にブックマークしてみませんか?
『blog.at-human.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く