Twitterウィジェットをレスポンシブ対応させる最後の手段(かもしれない。2015.12.15現在)wordpressやjQuery、macについてのtipsを中心に綴ります。Twitterウィジェットをレスポンシブ対応させる最後の手段(かもしれない。Twitterの管理画面から発行できるウィジェットって、どうもソースやclassがちょこちょこ変わってしまってしまう印象無いですかね?今日なんとなく埋め込んだウィジェットがiPhoneで見ると思いっきりはみ出している・・・ということがありまして、色々調べてました。「Twitter埋め込みウィジェットが最大520px固定になっていたので強引に戻す」http://creatorclip.info/2015/07/twitter-widget-max-width-520px/などを参考にしたものの、うまいことレスポンシブ化できず。(※もしかすると、こちらで設定したcssとバッティングしてるのかも・・・)「API使えばいいじゃん!」と言われればそれまでですが、意地でもレスポンシブな感じで埋め込みウィジェットの幅をコントロールしたい!と試行錯誤してみました。jQuery標準デザイン講座iframeの中にあるから面倒くさいことになってるんじゃないの?iframeでタイムラインが取得できるのであれば、もう中身だけ抜いてしまってcssでスタイリングしてしまいましょう。htmlにタイムラインを挿入するための空div準備。id="twitterWrap"></div>続いてjQueryにだだ頼りします。}これでiframeの外にタイムラインを書き出せました。エックスサーバーでPHP7に切り替えてみたadwpxwordpressに慣れてくると、今度は痒いところに手が届く細やかなカスタマイズをしたいですよね。phpを利用したカスタマイズからデータベースに直接アクセスする方法がとにかく丁寧に解説されています。個人的には第5章、「プラグインの自作」が物凄く役に立ちました!定番のO'Reilly本でJavaScriptを深く学びましょう!気になる箇所をざっと読むだけでも、とても参考になります。読みを繰り返すのがオススメ。超良書です!サンプルが大充実!定番のjQuery入門書です。本の内容に沿って制作を進めるだけで、即実戦投入できる程の機能ができ上がります。解説が丁寧且つチートシートも付いているのでjQueryについての理解がぐんと深まりますよ!WordPressプラグインの開発から運用までカバーする、プラグイン開発のまさに「バイブル」です。セキュリティやマネタイズにも触れられていて参考になるところ多すぎです。WordPressのテーマ制作やテンプレートについての概念など、実際にサイトを制作しながらWordPressを知ることができます。制作するだけでなく、ユーザビリティからSEO、さらにはパフォーマンス改善にも触れているという充実ぶり。5.7系で多言語サイト設定の基本をおさらい〜基本設定編〜【地味】window.open()で開いたポップアップ内から指定のリンクを親ウインドウの別タブで開くふと気づくとMarkerClustererのアイコン画像が404エラー・・・!対処法です。APIにSandboxなるステータスが追加されていた。bxSliderを使用時、任意のスライドで止めるVagrantの動作が遅かったので共有フォルダ設定とVirtualBox環境のメモリ設定を見直してみました。Twitterウィジェットをレスポンシブ対応させる最後の手段(かもしれない。wordpressやjQuery、macについてのtipsを中心に綴ります。