Web制作– category –
-
【無料】XサーバーでSSL化をする方法を徹底解説！【ワードプレス/WordPress】
SSL化とは？ SSL化とは、Webサイトとサイト訪問者でやり取りされる通信を暗号化することによって、情報漏洩や改善を防ぐための技術のことです。 例えば、Aさんがとあるサイトを見たいと思った時には AさんのPCなどのデバイスからWebサーバーに対してリクエ... -
XサーバーでWebメールを利用する方法
Webメールとは？ Webメールとは、ブラウザを利用してどのデバイスからでもログインができるメーラーのことを指します。 代表的なものに、GmailやYahoo!メール、レンタルサーバーのメールサービスなどがあります。 例えば、家ではパソコンでアクセスをして... -
サイト引っ越しに便利なプラグイン「All in One WP Migration」を徹底解説！
サイトの引っ越しをすることになったけど、いちいち作り直しするのが面倒だコン。。 そんな時はAll in One WP Migrationを利用するといいよ！ 今回は、サイト引っ越しに便利なプラグイン「All in One WP Migration」について解説していきます。 この記事を... -
【2025年最新】コーディングが練習できるサイトを徹底解説！
Web制作で案件を取るためにコーディングの練習がしたいけど、一体どのサイトをやるのがおすすめポン！？ 「Web制作やコーディングについて色々情報収集をしたは良いけど、結局次に何をやれば良いの？」と悩んでしまう人は多いかと思います。 特に今の時代... -
【簡単】画像やスクリーンショットからカラーコードを調べる方法
画像やスクショからカラーコードを調べたいんだけど、それって可能なの？ Web制作の案件を受けていると、イメージ画像内の色がどのカラーコードに当たるのか調べたくなる時があると思います。 デザインカンプが用意されていて、カラーコードで色の指定まで... -
【知らないとヤバい】jpeg、png、svgってどう違うの？その違いを徹底比較！
jpeg、png、svgって、結局どう違ってどの場面で使えばいいの？ 「jpeg、pngとsvgはなんとなく違うのは分かるけど、jpegとpngとは何が違うの？」 なんて思ったことはありませんか？ 今回は、そんな方に向けてjpeg、png、svgの3種類の画像の特徴と違いについ... -
【WordPress】Contact Form 7の基本的な使い方を紹介！
Contact Form 7とは？ Contact Form 7とは、WordPressで使用できるお問い合わせプラグインのことです。 2025年09月現在で、既に1000万以上インストールされており コーディングを知らなくても、感覚的な操作でお問い合わせフォームを簡単に作ることができ... -
beforeやafter、hoverなどの擬似要素の使い方を徹底解説！
コンテンツの前後に別のコンテンツを実装したり、カーソルを当てたら変化するアニメーションを作るにはどうすればいいの？ 今回は、擬似要素の代表格とも言えるbeforeやafter、hoverについて解説したり、実際の使い方を見ていきたいと思います。 ちなみに... -
HTML、CSSでボタンを実装する方法【ふわっと押されるホバーアニメーションも解説！】
ボタンを実装する方法 今回は、下のようなボタンを作成していきます。 See the Pen ボタン実装 by わい (@y_programing) on CodePen. HTMLはこちら。 HTML<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="vie... -
ブロック要素とインライン要素ってどう違うの？規則性やCSSの当て方について解説！
「何回もCSSを見直しているのに、上手くCSSが当たらないです…」 Web制作をする際に利用するタグや要素には、実はブロック要素とインライン要素の2種類があり ブロック要素にはブロック要素の、インライン要素にはインライン要素の特徴があります。 このブ...
