記事一覧
-
SWELL
【SWELL】グローバルメニューを個別で色の変更をする方法
ヘッダーのグローバルメニューが1部分だけ色が違うサイトを見かけますが、SWELLでも出来るんじゃないかと思いやってみました。 1つだけメニューの色が違うことで目立たせられるので、他のサイトとは違う個性を出すことが出来ます! 当サイトではお問合せ部... -
WordPress
【全57種紹介】ブロックにアニメーションを簡単に追加!Blocks Animationの使い方
ブロックにアニメーションを付けたいなー…難しくなくて簡単な方法で! プラグインを使えば簡単にアニメーションを付けられるよ! コンテンツを目立たせる方法は、色を変えたり文字を大きくしたりマーカーを引いてみたりと工夫が出来ますが、一番目立つ方法... -
SWELL
【SWELL】ステップブロックでタイムラインのブロックを作る簡単な方法
自己紹介などで使えるタイムライン風のブロックってSWELLで作れないかな? ステップブロックを使えば簡単にタイムラインを作れるよ! サイトを制作した際には、aboutページや自己紹介に経歴やタイムラインを使いたいと思いませんか? SWELLなら独自ブロッ... -
コード紹介
【コピペ可】jQueryで子要素にマウスホバーで親要素の背景を変更する方法
おしゃれなサイトにはコンテンツにマウスホバーで背景画像が切り替わるものがありますが、調べてみると子要素から親要素へCSSでの指定は出来ないようです… さらに調べたところ、jQueryを使えば実装出来るのでは…!?と思いやってみました。 今回は、実際に... -
Webデザイナーへの道
【VSCode】コーディングが楽になる!Web制作におすすめ拡張機能14選
VSCodeの拡張機能には、それぞれコーディング効率を格段に向上させてくれる機能がたくさんあり、どれを導入したらいいのか分からなくなりますよね… 私はなるべく効率よくコーディングをしたくて様々な拡張機能を試してみました。 その中でサイト制作に便利... -
Webデザイナーへの道
【FTP】ホームページをサーバーにアップロードする実際の手順を紹介!
自分でコーディングしたサイトをアップロードしたいな!でも、サーバーにファイルを送るのは難しそう… ファイルとソフトさえ揃っていれば難しくないよ! サイトのアップロードと聞くと難しそうなイメージがありますが、コーディングさえしっかりできていれ... -
Webデザイナーへの道
【コーディングに最適】エディターソフト「VSCode」おすすめの3つの理由と導入方法
プロゲートやドットインストールなどの基礎的な知識を勉強した後は、実際にコーディングをしていきますが、困ったことがありました。 私はプロゲート・ドットインストールを一通り終わらした後にサイト制作をしようとして、サイトを「何のエディター」を使... -
SWELL
【実案件で商用利用可】SWELLでサイト制作効率が上がる7つの理由
今はWebデザインを学び、専門的なHTML&CSSを学習しなくてもノーコードでサイトを制作して副業として仕事が出来るようにまでなってきています。 ノーコードでサイトを作れると言えば、代表的なのはWordPressとなると思いますが、その中でも様々なテーマが... -
WordPress
【WordPress】コピペで出来るブロックに縦スクロールバーを導入する方法
長くなってしまった文章・画像・表を縦スクロールバーをつけて縮小して表示したいけど、ややこしい設定はやりたくない… 私も当サイトのデモサイト紹介などで画像が長くなってしまうので、スクロールバーを付ける方法を探しましたがなかなか見つかりません... -
Webデザイナーへの道
サイト制作ならConoHa WINGが使いやすい!2つ目のドメイン取得注意点も紹介!
サイトをネット上にアップロードするには、サーバー・ドメイン・サイトデータが必要になります。 今やサイト制作で副業はプロの方も受注している程の人気の仕事になってきているので、自分の実力=実績を目に見える形で自己紹介しなければいけません。 独...