yk_acのブックマーク / 2018年6月29日

yk_ac id:yk_ac

2018年6月29日のブックマーク (2件)

【コピペOK】GoogleMapの地図をレスポンシブサイトに埋め込む方法
Google Mapはほとんどのサイトに設置してあって、スマートフォンからでも簡単に見れて分かりやすい。埋め込みはiframeを使うのでレスポンシブに適用させるためにはレスポンシブ用のCSSが必要です。新しいGoogle Mapを埋め込んでみよう！トップページにいって、表示したい住所を打ち込み、右下の「地図を共有/埋め込む」をクリック「地図を埋め込む」のタブをクリックして、iframeコードをコピーしてサイトの表示したい場所に埋め込むだけ Google Mapをレスポンシブサイトに対応させてみよう！まずdivでiframeを囲みます。 HTML <div class="ggmap">iframeのコピーしたコード</div> CSS .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; heigh
yk_ac 2018/06/29
レスポンシブ

css

google map
リンク
【2020年版】Twitterカードとは？使い方と設定方法まとめ
今回はTwitterカード（ツイッターカード）の使い方と設定方法をまとめて解説します。「Twitterカードって何？」というところから解説するので、ご存じの方はサクッと読み飛ばしてください。上手く設定すれば、記事拡散時のクリック率がグッと上がるはずです。 1. Twitterカードとは？ Twitterカードとは、ツイートに貼り付けられた記事へのリンクを魅力的に見せる機能のことです。具体的にはツイートの中に「アイキャッチ画像」や「記事のタイトル」などが表示されるようになります。
yk_ac 2018/06/29
“すでにブログに設定済みのことも多いのではないかと思います。⑤のディスクリプションには文字制限はありませんが、超えた分は切り捨てられます（どの端末or環境から見るかによって表示される文字数が異なります）

Twitter

Twitterカード
リンク
- 2018年7月3日
- 2018年6月29日
- 2018年6月26日