記事下にCTAを設置するカスタマイズを作りましたのでご紹介します。WordPressの有料テーマではよく見かけますね。このカスタマイズははてなブログはもちろん、WordPress、その他のブログサービスでも使えます。 CTAとは 見た目はこんな感じ カスタマイズコード HTML（記事下） CSS スマートフォン用 補足：FontAwesomeの読み込み CTAとはCTAとは「CTA（Call To Action：コールトゥアクション）」の略でWebページ上でユーザーにクリックしてもらうなど行動を起こさせるためのボタンや画像・テキストを意味します。 例えばはてなブログのトップページで言うと この「はてなブログとは」の緑色のボタンがCTAです。 webサイトを作るとき、ユーザーに商品を購入してほしい、お問い合わせしてほしい、など何かしらの目的がある場合が多いと思います。そうしたPRしたいものを

2017/9/22更新 はてなブログのシェアボタンカスタマイズ第3弾は以下の記事から。とにかく動作を軽くしたい方は是非お試しあれ。 はてなブログでめっちゃ動作の軽いシェアボタン作った！ - 技術を磨くだいぱんまん こんにちは、だいぱんまん(@donchan922)です。 はてなブログ用のシェアボタン作成第2弾です。第1弾はこちら。 はてなブログでCSSのみを用いてフラットデザインのおしゃれなスマホ用シェアボタンをつくってみた - 技術を磨くだいぱんまん 第1弾からの主な変更点は以下の3つです。（それ以外にも、いくつか微調整を加えています。） PC用にも対応 Pocketのアイコンを修正 丸デザインだけでなく、角丸や四角にも対応 Webフォントインポート PC用 スマホ用 完成！ おまけ 角丸 四角 左寄せ まとめ Webフォントインポート 各シェアボタンのアイコンを読み込むために、Font

みなさんこんにちは！ いきなりですが、あなたははてなプロ？　それともはてなアマチュア？？ 私、最近になって気づいたんですが、自分が読んでいるブログの殆どの方がはてなPROでした。　ほとんど玄人！！　みんなPRO表示ついてるやん・・・！ このマークのことですよ→はてなブログPro やはり、PROの表示がついてると「みんなやってるよ？あなたはやらないの？」と言う感じがしてきて、私もPROになりたい・・・！　と思わせてきます。 ・・・が。　そんな中、わざわざPRO表示を消したがる人も現れました。 azulitchi.hatenablog.jp ヒミツ基地のらいちさん(id:AzuLitchi)は殴り飛ばしたくなるくらいにPRO表示がお嫌いらしく、隠れPROになったようです。 私の憧れのPRO表示を消しちゃうなんて・・・！ と、そこで気づきます。　表示をつけたり消したり・・・・？ はっ・・・！　そ