制作・ハック

制作・ハック

【CSS】テキストリンクのクリックできる領域を増やす方法【WordPress】

普通のテキストリンクだとテキストの範囲しかクリックできませんが、 テキストの周囲もクリックできる領域にしてしまう方法があります! 広い範囲をクリックできるようになるので、クリック率もアップするかも👍 CSS関連記事はこちら テキストリンクの...
制作・ハック

【ブログ】Google検索結果にPC版でもサムネイルが表示されてる【アイキャッチ】

いつの間にかGoogleの検索結果のサムネイル表示がモバイルだけでなくPC版からでも表示されるようになっていました。 Google検索結果にPC版でもサムネイルが表示されてる 以前にスマホ(モバイル)でGoogle検索をする時にサムネイルを...
制作・ハック

【Canva小ワザ】Canvaの素材一覧が見れるページを紹介。制作の参考に便利【ログイン不要】

Canvaで使える素材一覧を見れるページがあるのをご存知でしょうか? 制作前の参考のために見たり、新しいキャンバスを開いて作業するまでもない素材探しをしたい時に便利な小ワザです。 Canvaの素材一覧が見れるページ スマホ・PCどちらでも使...
制作・ハック

【WordPress】Rinkerリンク切れの画像サムネイルが消える→画像準備中を表示させて対処【CSS】

商品リンク作成の「Rinker」プラグインで、リンク切れが起きてサムネイル画像が非表示になってしまう時に「画像準備中」などを表示させて対処した記録です。 Rinkerのリンク切れで画像が消えてしまったリンク切れの更新がすぐできない という時...
制作・ハック

【ブログ】テキストリンクを貼ると自動でバナーが出てくるCSSの書き方【WordPress/Cocoon】

WordPressなどブログ上で、テキストリンクにクラス名を追加するだけでバナーが表示されるCSSを作りました! このCSSを追加すればエディター上ではテキストリンクを作るだけ! 簡単にバナー付きリンクを表示させることができます。 テキスト...
制作・ハック

iPhoneのSafariだけ正常に表示されない→コンテンツブロッカーが原因かも【HTML/CSS】

WEB制作の実機検証をしていたらiPhoneのSafariでだけ表示が崩れてしまって困りました。 原因はなんとiPhoneでコンテンツブロッカーを設定していたことでした。 iPhoneのSafariだけ表示がおかしい! 仕事でWEBページの...
制作・ハック

【Cocoon】投稿した画像を加工せずに円形や長方形にトリミングするCSSの方法【WordPress】

WordPressのブログ記事に画像をアップしたものの、周りに写っているものをトリミングしたいな〜でも加工して再アップしたくないなという時ありませんか? すでに投稿した画像をトリミングしたい長方形の画像を円形にトリミングしてメリハリをつけた...
ガジェット・家電

【キャッシュレス】楽天ペイで送金する方法【ワリカンも簡単・手数料0】

食事代などを建て替えてもらった時などに、アプリ1つでお金を送金できる便利な「楽天ペイ」を使ってみました! 楽天会員なら楽天ペイをすぐに使うことができるのでアプリをダウンロードしておくと便利なシーンが多いのでおすすめですよ。 楽天ペイで送金す...
制作・ハック

ブログ・インスタの写真が簡単にレベルアップ!小物撮影用「ポエミチ 撮影背景シート」レビュー

ブログやインスタに写真を載せたいけど綺麗に撮れなくて悩んでいたところ、下に敷くだけで綺麗に映える写真が撮れるようになるという「撮影背景シート」というものに出会いました! 使いやすい柄・しっかりしたシート・反射しない! とても使いやすくて感動...
制作・ハック

【感謝】Youtubeチャンネル登録者数100人到達ありがとう

マイペースにYoutube投稿を始めて、約9ヶ月動画数30件でチャンネル登録者数が100人を達成しました! 自分が好きな時に好きな動画を作ってアップしているだけなのに100人もの人が登録してくれて感動しています。 ありがとうございます。 Y...
スポンサーリンク