サクッとWEBサイトを作る「SAKUWEB(さくうぇぶ)」

ブログ一覧

Bootstrapカードデザインの基本構造を学ぼう 2023年5月24日

Bootstrapカードデザインの基本構造を学ぼう

柔軟性の高いカードデザインの基本構造を学びます。

TRY to MAKE
Bootstrap列数はrow-colsで指定して時短しよう 2023年5月23日

Bootstrap列数はrow-colsで指定して時短しよう

時短コーディングとしてrow-colsを利用して列数を指定する方法を学びます。

TRY to MAKE
BootstrapGutter(ガター)で時短しよう 2023年5月22日

BootstrapGutter(ガター)で時短しよう

ガターの仕組みと役割を学びます。また、overflow hiddenではみ出した部分を隠す方法を学びます。

TRY to MAKE
Bootstrapレスポンシブ対応の時短コーディングを学ぼう 2023年5月19日

Bootstrapレスポンシブ対応の時短コーディングを学ぼう

時短コーディングの方法を学びます。

TRY to MAKE
BootstrapFlexをマスターしよう 2023年5月18日

BootstrapFlexをマスターしよう

flex(フレックス)を利用して要素の配置を変えたり、デバイスによって表示順を変えたり、レイアウトを学んでいきます。

TRY to MAKE
BootstrapData属性と疑似要素でデザインしよう 2023年5月17日

BootstrapData属性と疑似要素でデザインしよう

HTMLのdata属性と、cssの疑似要素、attr関数の合わせ技でデザインする方法を学びます。

TRY to MAKE
Bootstrap「row」の役割を学ぼう 2023年5月16日

Bootstrap「row」の役割を学ぼう

rowやcontainerの役割を理解します。

TRY to MAKE
Bootstrap見出しに斜線、画像を楕円にしてみよう 2023年5月15日

Bootstrap見出しに斜線、画像を楕円にしてみよう

見出しに斜線を入れる方法や、背景画像を楕円にする方法、背景画像の位置指定などを学びます。

TRY to MAKE
Bootstrapレスポンシブに対応させよう 2023年5月12日

Bootstrapレスポンシブに対応させよう

メディアクエリを利用してデバイスごとの指定を変える方法を学びます。

TRY to MAKE
Bootstrap Google Fontsを使ってみよう 2023年5月11日

Bootstrap Google Fontsを使ってみよう

GoogleFontsの使い方や設定方法の他、cssでのタグ・クラス名・一括指定方法も学び舞うs。

TRY to MAKE
Bootstrapブロークングリッドレイアウトを作ろう 2023年5月10日

Bootstrapブロークングリッドレイアウトを作ろう

ブロークングリッドレイアウトやインライン要素・ブロック要素を学びます。

TRY to MAKE
2023年5月9日

Bootstrapおしゃれな見出しデザインを作ろう!

cssを使って見出しデザインを作ります。縁取りや文字色の透過、影の付け方などを学びます。

TRY to MAKE
Bootstrapパンくずリストを作ろう 2023年5月8日

Bootstrapパンくずリストを作ろう

Breadcrumbでパンくずリストを作ります。flexのjustify-contentを利用した配置の方法も学びます。

TRY to MAKE
2023年5月8日

Bootstrapデザイン画からコーディングしよう!

デザイン画像を見ながらコーディングします。cssで背景画像の指定方法やレイヤー、余白の入れ方などを学びます。

TRY to MAKE
ブロックパターンを作る 2023年2月18日

[Tips]ブロックパターンを作って投稿効率をUP!

ワードプレスのブロックパターンを作るプラグイン「Custom block patterns」の使い方と、デフォルトカテゴリの削除方法をご紹介します。

TRY to MAKE
カスタムフィールドを使ってFAQリッチリザルトを出力 2023年2月14日

[Tips]投稿画面に自作ブロック追加でFAQリッチリザルトを設定したい

ワードプレスの投稿画面に、カスタムフィールドを使ってFAQリッチリザルトを設定できるようにし、自作のメタボックスでコピーボタンを配置する方法です。

TRY to MAKE
インデックス未登録の原因 2023年2月5日

[Tips]クロール済-インデックス未登録の対処法

クロール済-インデックス未登録の理由と対処法、実験内容を交えてご紹介します。

TRY to MAKE
公開URLをテストの結果 2023年2月3日

[Tips]検出-インデックス未登録の対処法

検出-インデックス未登録の理由と、公開URLテストの方法やインデックス登録リクエスト、テストでモバイルエラーになった場合の対処法をご紹介します。

TRY to MAKE
ページのインデックス登録 2023年2月3日

[Tips]サーチコンソール「インデックス未登録」の原因と対処法

サイトマップの送信は成功したけど、ページが「インデックス未登録」となる原因と対処法、インデックス登録までの流れなどをご紹介します。

TRY to MAKE
サーチコンソール 2023年2月1日

[Tips]サーチコンソールでサイトマップを登録しよう

サーチコンソールは検索パフォーマンスに関するSEO対策に必要なデータを得られます。まずはサイトマップを登録しましょう。

TRY to MAKE
2023年1月15日

Bootstrapセカンドページの土台を作ろう!

セカンドページを構築するための準備を学んでいきます。ナビゲーションを変更して、階層を作って、リンクを修正していきます。

TRY to MAKE
2022年12月9日

[Tips]「WebP」「AVIF」画像変換ツール

次世代画像フォーマットの「WebP」と「AVIF」の変換ツールをご紹介します。

TRY to MAKE
メインコンテンツを作ろう!mainタグ 2022年11月30日

[猫図解]メインコンテンツを作ろう!mainタグ

メインコンテンツを格納するmainタグを学びます。

TRY to MAKE
2022年11月24日

Bootstrapメニュー固定と戻るボタンを作ろう

サイトの可読性や操作性を上げるため、ナビゲーションの固定とページTOPに戻るボタン設置を学びましょう。

TRY to MAKE
2022年11月22日

[Tips]デベロッパーツールを使おう!

WEBサイトのエラーやスピード検証、コードシミュレーションなど、開発者向けの検証ツール「デベロッパーツール」の使い方とテキストエディタとしての活用方法をご紹介!

TRY to MAKE
Back To Top