Web制作– category –
-
WordPressのOGP画像で見切れない最良サイズと最速圧縮設定
ブログの画像サイズ、どれが正解?って迷っていませんか? 画像は、見た目の印象が大切だけど、サイズが大きすぎるとページの表示が遅くなって、読者が離れてしまう原因になります。それに、SEO的にもマイナスになる可能性もあります。 そこで、ブログで実... -
【初心者向け】HTML/CSSとは?やさしく解説|Progateの次にデイトラで伸びた体験談
※本記事には商品プロモーションが含まれています。 このような悩み、ありませんか? 「HTMLとCSSという言葉はよく聞くけれど、違いがいまいち分からない。」「Progateで学習してみたけれど、この先どう進めばいいのか迷っている。」「プログラミングスクー... -
はじめてのVS Code|最初にしておきたい5つのこと
Visual Studio Code(VS Code)は、プログラミング初心者から上級者まで幅広く使われている人気のエディタです。 インストールした直後は、「英語ばかりで分かりにくい…」「文字が小さくて見づらい…」「そもそも、どうやって使えばいいの?」など思ったこ... -
【初心者OK】ブログのアイキャッチ画像をフリー素材でおしゃれに作る方法
ブログにちょっとした彩りを添えてくれるのが、アイキャッチ画像。でも、いざ作ろうとすると「どんなサイズで作ればいいの?」「どんなふうにデザインしたらいいの?」と悩むことがあるかもしれません。 私は最近、Photoshopを使って、少しずつアイキャッ... -
VS Codeが重い時の対処法5選とおすすめ拡張機能まとめ
「ある日突然、VS Codeが重い…。」普段は快適に使えていたのに、急に起動や入力がもたつくようになりました。 キャッシュや拡張機能の影響かも?と調べて、いろいろ試してみましたが、どれが効くのか分からず迷走…。 最終的に再インストールで改善しました... -
【CSS初心者向け】カード型レイアウトの余白の使い方
「paddingとmarginの違いがわからない…」このように悩んだことはありませんか? 実はこの2つ、カード型レイアウトを作ると一気に理解しやすくなります。 今回は、図解とコード付きでやさしく解説します。余白を使って、見やすいデザインに仕上げていきまし... -
【図解あり】paddingとmarginの違いをやさしく解説
「padding と margin、どっちを使えばいいの?」そのように悩んで、手が止まったり、また検索してしまったり。 私もWeb制作を始めたばかりの頃は、何度もそこでつまずいていました。同じように感じたことがある方、きっと少なくないはずです。 見た目は少... -
記事に使ってた画像が消えた!? WordPressでメディアから削除してしまった時の復旧方法
WordPressでは、記事に使う画像やアイキャッチ画像は「メディアライブラリ」に保存され、そこから記事に読み込む仕組みになっています。そのことはわかっていたはずなのに、画像がたまってきたから、と削除してしまったら、記事内の画像やアイキャッチ画像... -
【WordPressのファビコン】検索結果に表示されない理由
一度目にfaviconを設定した時は、問題なくすぐに反映されたのに。ところがある時、メディアを整理している際に、うっかりfaviconの画像を削除してしまいました。アイキャッチ画像はすぐに再設定でき、反映もスムーズにいきましたが、faviconは設定しなおす... -
【SWELL】アイキャッチ画像が2枚になるのを1枚に設定する方法
ブログ投稿で画像をアップすると、同じ画像が2枚表示されることはありませんか?しかも、大きさが違う同じ画像が並んで表示されて、「なんで?」と思ったことがある方ももいるのではないでしょうか? そこで今回は、記事冒頭に表示される2枚の同じ画像を1...
12