小ワザ超久々にWeb系、はてなブログのカスタマイズに関する記事を少し。いっても小ワザですが(笑)はてなブログでもすっかりお馴染みのAMP配信ですが、カスタマイズの自由度が低いのが欠点ですよね。記事本文の自由度は高いですがそれ以外、例えばSNSボタンなどは表示する画像などが決まっていて、デザインの変更といったカスタマイズがけっこう難しかったりします。アレンジする、というのが今回の趣旨です。はてなブログのAMPのSNSボタンは通常では次の画像のようになっているはずですが。それを下のように変更します。)とか少々アレンジしていますが、そこらへんは好みやブログデザインに合わせて付けたり引いたりしてくれたら良いかなぁと。ポイントといたしましてはtransformです。アイコンの画像は、基本的にはサイズは固定されて変更できません。それをtransformで画像自体を拡大することで大きさを変えています。この方法は意外といろんなことに応用できます。勉強させて頂いた参考サイトがあるのですけどね(笑)on-ze.com「なるほど!」と思った次第です。こんな方法もあるのですね。この方法を使えば、大きさを変えれない画像もある程度変えることができます。アイデア次第でいろいろ出来るなぁと、目から鱗が落ちた気分でした。ように変更することがあまりできない所には、けっこう有効に働くのではないのでしょうか。サイズに制限がありますので、あまり凝ったカスタマイズも難しいかな?これぐらいのちょっとしたことで印象ががらりと変わるカスタマイズというのが良いかもしれませんね。何か良さげなアレンジを思いつきましたら記事にしたいと思います。追記】2019年9月24日(予定)からボタンの仕様が変わります。よろしければご参考ください。width属性とheight属性とがあります。これらは通常...2017-08-06リストのマーカーをCSSでカスタマイズする方法まとめHTMLでリストを作ると、自動でマーカーが付きます。ボタンというアフィリエイトリンクを、レスポンシブさせるCSSの一例よく「画像+タイトルや説明+ボタン」という組み合わせがある...2017-06-24はてなブログのスマホ版アイコン画像をフォトライフやインラインイメージを使って変える方法スマホ版を作るにあたり、アイコンにもこだわりました。はてなブログPro冬眠しないタヌキ。プロフィールはこちら。わたしと納豆ごはんスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。