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

ブログ一覧

ブロックパターンを作る 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
2022年12月9日

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

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

TRY to MAKE
2023年1月15日

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

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

TRY to MAKE
2022年11月24日

Bootstrapナビ固定と戻るボタン

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

TRY to MAKE
2022年11月22日

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

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

TRY to MAKE
2022年11月21日

Bootstrapスマホサイトを最適化しよう!

スマホサイトで最適にレイアウトができるように、デベロッパーツールを利用してスマホ表示を確認します。

TRY to MAKE
2022年11月17日

[Tips]Font Awesomeでアイコンを使おう!

Font awesomeは、無料でアイコンを設置できます。設置方法やサイズ変更も簡単です。

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

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

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

TRY to MAKE
フッターを作ろう「footer」タグ 2022年11月21日

[猫図解]フッターを作ろう!Footerタグ

フッターは、ページ下部に表示されるパーツで、コピーライトや連絡先を含めるタグや特殊文字も学びます。

TRY to MAKE
ヘッダーを作ろう「header」タグ 2022年11月17日

[猫図解]ヘッダーを作ろう!headerタグ

全ページに渡る重要なパーツheaderを学びます。アイコンフォントも利用したナビも作ります。

TRY to MAKE
ナビゲーションを作ろう「navタグ」 2022年11月16日

[猫図解]ナビゲーションを作ろう!navタグ

ナビゲーションnavタグを学ぼう!cssを利用した横並びメニューや入れ子メニューも作ります。

TRY to MAKE
アンカーリンク「aタグ」 2022年11月16日

[猫図解]アンカーリンクを使ってみよ!aタグ

アンカーリンクは、現在地から指定された場所でジャンプさせる役割のa タグです。別タブやページ内リンクも学びます。

TRY to MAKE
説明リスト「dlタグ」 2022年11月13日

[猫図解]説明リストを作ってみよ!dlタグ・dtタグ・ddタグ

「説明リスト」としてdlタグ・dtタグ・ddタグについて記述方法と入れ子ルール、定義語dfnタグも学びます。

TRY to MAKE
リストを作ろう「ulタグ」 2022年11月11日

[猫図解]リストを作ってみよー!ulタグ・olタグ・liタグ

リスト(箇条書き)を制御するのは、ulタグ、olタグ、liタグです。 ナビゲーションやお知らせ、目次など、可読性UPできるリストを作ります。。

TRY to MAKE
2022年11月4日

BootstrapFooterを作っていこう

BootstrapでFooterエリアを作りましょう!全ページのリンクやSNSボタンなど外部コンテンツへの誘導、著作権表記などを組み込みます。

TRY to MAKE
2022年11月4日

Bootstrapお問合せ(電話)ボタンを作ろう

Bootstrapのアイコンを使ってお問合せ(電話)ボタンを作ろう!スマホで電話を掛けられるよう、Displayで表示・非表示を学びます。

TRY to MAKE
2022年11月4日

Bootstrapお知らせリストを作ろう

Bootstrapの「リスト」を作って、お知らせとお問合せを2カラムで作ります。見やすくするために仕切り線も作ります。

TRY to MAKE
2022年11月3日

Bootstrapテーブルをつくろう

エクセルでも使われるテーブルをBootstrapでも利用できます。tableタグでフロアガイドを作っていきましょう。

TRY to MAKE
2022年11月3日

Bootstrap空白カラム(Offset)を学ぼう

Bootstrapのoffset(空白カラム)を使って、1カラムレイアウトを作ります。背景画像を暗くする方法も学びます。

TRY to MAKE
2022年11月3日

Bootstrapグリッドシステムを学ぼう

Bootstrapのグリッドシステムを学んで、いろんなレイアウトの組み方を学びます。また入れ子レイアウトも一緒に学びます。

TRY to MAKE
Back To Top