今回はTwitterカード(ツイッターカード)の使い方と設定方法をまとめて解説します。「Twitterカードって何?」というところから解説するので、ご存じの方はサクッと読み飛ばしてください。上手く設定すれば、記事拡散時のクリック率がグッと上がるはずです。 1. Twitterカードとは? Twitterカードとは、ツイートに貼り付けられた記事へのリンクを魅力的に見せる機能のことです。具体的にはツイートの中に「アイキャッチ画像」や「記事のタイトル」などが表示されるようになります。
今回は、画像を使わずにHTMLとCSSだけで作るで吹き出しのデザインサンプルを紹介します。シンプルなものから、円形、会話形式、LINE風のものまで一挙にまとめました。HTMLとCSSはコピペして使うことができます。 レスポンシブ対応 以下で紹介する吹き出しデザインは(円形のものを除き)、文字が右端まで達すると、次の行へ折り返すようなレスポンシブ対応になっています。 使い方(初心者向け) CSSが反映されないときはこちら シンプルな四角い吹き出し4つ 最もシンプルな形です。三角形の位置を上下左右に配置したサンプルをそれぞれ紹介します。コードを見てもらうと「#e9edff」と書かれた部分が2カ所あると思いますが、これが背景色を指定するコードです。お好みで変えて頂ければと思います。 ちなみに下から伸びる三角形は疑似要素(before)で表現しています。興味のある方は下の記事に目を通してみてくださ
夜遅く仕事や学校から帰ってきたときや、料理のやる気が出ないとき、時間がないときのための簡単レシピ集です。混ぜるだけや電子レンジでチンするだけで出来上がるようなズボラ飯の作り方を中心に紹介していきます。 簡単レシピの探し方 料理に必要なHPとは、その料理を作るのに必要なエネルギーのことです。このパーセンテージが低いほど「料理を作るのが楽」ということを表しています。 作るのにそこそこ体力が必要です。それでも、比較的カンタンなレシピが中心です。複雑なレシピや作るのに何時間もかかるようなものはありません。 体力が尽きかけているときでも作れる料理です。必要な食材も少なめです。 「今すぐベッドに飛び込んで寝たい…!」という力が尽きてしまったときのための超カンタンなズボラ飯です。ヘロヘロになりながらも作ることができます。 ズボラ飯でも美味しい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く