🔰はじめての方へ

サイト作成

サイト作成

初心者でもわかるデータベースの作成方法

データベースとはデータベースとは、データの集まり(データ集合体)の管理システムことです。データをあとで使いやすいように、形式やルールを決めて、整理・管理された複数のデータの集合体を指します。(図書館のようなもの。簡単に探せて簡単に出せる)顧...
サイト作成

ドメインについて

Web初心者は聞きなれないドメイン。簡単に解説していきます!私は「お名前.com」でドメインを取得しました。その際にヒヤッとしたことがあった(Whoisと更新料、自動更新の設定について)ので、そのことも書いてあります!ドメインとはドメインと...
Wordpress

【初心者におススメ】リトルサーバーとお名前.comで、WordPressを作成する方法

ここでは、サーバーは「リトルサーバー」を契約し、ドメインは「お名前.com」を使用した場合の作成方法についてご説明します。①ドメインを取得するお名前.comにて、ドメインを取得します。自分で決めたドメインが使用できるか、いくらかかるかチェッ...
サイト作成

初心者は危ない!チェックしておきたいこと②「ドメイン来年の更新料」

サイト制作にかかせないドメイン!ドメインについては、サイト作成のページでも紹介しているので説明は省きます。ここでは、サイト作成に伴うドメイン取得時に見落としがちな、ドメインの更新料について説明します。ちなみに、ドメイン取得初心者の方は、初心...
サイト作成

初心者向きのリトルサーバーで、サイト作成するメリットとデメリット

サーバーとはネット上で、サイトが家だとすると、サーバーは土地にあたるものです。サイトの情報を保管したりするデータの保管庫になります!サーバーがないとサイト開設はできません。レンタルサーバーには無料と有料があり、有料はお金がかかりますが、信頼...
サイト作成

サイトがインデックスされない問題

サイト作成の学習として、Web初心者の私は Wordpress を使用して勉強しています!サイト制作を行ってから約1か月。制作当初は、サイト運営が短いこともありましたが、サイトが検索結果に出てきませんでした。サーチコンソールの作成、サイトマ...
Wordpress

【WordPress】サイドバーの目次をスクロールさせたい

デフォルトでサイドバースクロール追従に目次を追加した場合、変なところで目次が切れてしまう問題が発生しました。その対処についてご説明します!ウィジェットの設定①左の欄の「外観」をクリックまたは、カーソルを当てる②「ウィジェット」を選択③目次の...
Wordpress

【WordPress】ヘッダーをおしゃれに、メニューを右にまとめる

Wordpressのデザインを変更したいときに、参考になる方法があったのと、問題点の対処法をまとめたのでご紹介します。完成図現在のフロントページは変更されているかもしれませんが、このような感じで編集しました。ここではWordpressのテー...
サイト作成

【サイト制作】検証ツールでページがはみ出てしまう問題

検証ツールが変!見えにくくなった!こんな感じではみ出てみえない・・・そんな方必見!検証ツールとは(デベロッパーモード)サイト制作してコードをたくさん書いていると、たまにおかしな表示になっていたりすることがあります。そんなときに、検証ツールを...
Wordpress

検索結果に出てこない!XMLサイトマップを設定する方法

サイト制作しても、Googleの検索結果に出てこなかったり、アクセスがない、なんてことがあります。そこで必要なのが、サーチコンソール、サイトマップです。なぜ検索結果にのらないのかGoogleの検索エンジンは、クローラーと呼ばれるロボットがイ...
サイト作成

robots.txt とは

初めて聞くワードで意味が分からない方が多いと思いますが、robots.txt を知るにあたって、Googleの検索システムについて知っておく必要があります。別の記事でまとめていますので、そちらの方をみてからの方がわかりやすいと思います。ro...
はじめての方へ

独学!Web初心者の参考本ご紹介

※ここではアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。こんにちは。看護師から何とか短期間でジョブチェンジするためにがんばって学習しています。私が参考にしている本を紹介します!自分だけでは何がいいのかわかりませんよね。...
Bootstrap

【Bootstrap】グリッドシステム

Bootstrapとはは、別の記事に簡単にまとめていますのでご参照ください。グリッドシステムとはサイトの横幅を均等に分けるラインをグリッドと呼び、Bootstrapは12本のグリッドが設定されています。こちらをもとに、コンテンツの配置を決め...
Bootstrap

Bootstrap5 チートシート早見表!素早く検索するためにまとめた

グリットシステム<div class="container text-center"> <div class="row"> <div class="col"> Column </div> <div class="col"> Column <...
Bootstrap

【Bootstrap5】実践!クイズ問題の形を作ってみた

今回はWeb初心者が、Bootstrapを用いてクイズ問題の型を作ったので、ご紹介したいと思います。Bootstrapについては、別の記事をご参照ください。完成図HTML<h3 class="text-center mt-2"> クイズ問題...
Bootstrap

【Bootstrap】フォントの大きさ変更

文字の大きさは「fs-1~6」で記載します。Sassマップの$font-sizesを変更することでカスタマイズすることができます。<p class="fs-1">.fs-1 text</p><p class="fs-2">.fs-2 tex...
Bootstrap

Bootstrapの簡単な説明

Bootstrapとはブートストラップとは、とても簡単に無料でCSSを使うことができるものです。スマホ、タブレットといった、パソコンとは画面の大きさが違うものに対応するページを作るレスポンシブデザインに対応しているフレームワーク1になってお...
Wordpress

【Googleアナリティクス】WordPressに設置する方法と確認方法をご紹介!

ここでは、Googleアナリティクスを設置する方法を2通り説明します!GoogleアナリティクスとはGoogleアナリティクスとは、Googleが無料で提供しているアクセス解析ツールです。Webサイトにタグを貼りつけることにより、サイトに来...
Wordpress

【WordPress】ヘッダーロゴは変更せずに、モバイルメニューのロゴの変更をする

Wordpress始めたばかりだけど、デザインの変更には興味があるWeb初心者です。ヘッダーロゴを作成しPC上でアップするといい感じになりますが、モバイルでヘッダーメニューを使うと、同じロゴがでてくるのと、文字が小さくてダサいことが気になり...
サイト作成

初心者は危ない!チェックしておきたいこと①「Whois」

who is で自分の個人情報が出ていないか確認するわたしドメイン登録したよ!お名前.comでドメインとった!「Whois情報公開代行」っていうチェックボックスあったけど、テキトーにチェックしておいた!先生それはよかったね!「who is」...