🔰はじめての方へ

サイト作成

はじめての方へ

はじめての方、Web初心者の方へ

私の話と、初心者の方に是非オススメしたいことがありますので、お読みください!わたしはじめまして!私は看護師からデスクワークにジョブチェンジするために、Web知識0からスタートして、勉強を頑張っている者です!もともと、動画作成をしたり、個人的...
Wordpress

【WordPress】吹き出しをわざわざ作るのがめんどくさい問題

私はWordpressのテーマ「cocoon」を使用しています。その中の機能として、「吹き出し」の機能があります!下記のような感じです。わたしこんな感じでたまに私が喋るのですが、わざわざ作成するのがめんどくさいのです!そんな時に設定できる項...
Wordpress

【WordPress】カラムが分離して、スマホ表示が変になっている

Wordpressテーマ「cocoon」を使用してデザインをしていて、カラムを使用してフロントページを制作していたのですが、問題発生しました。PCでの表示スマホでの表示「Bootstrap」という項目と、「マネーフォワード」という項目のタイ...
Wordpress

【これ見れば初心者でもできる】サイト作成方法/WordPressなど

web作成初心者でも、勉強するなら実際に作りながら学んでいきたいですよね。ここでは私が実践したサイト作成方法をご紹介します。ここでは、主に「Wordpress」を使用した方法についてのご説明です。ちなみに私はサーバー「リトルサーバー」ドメイ...
サイト作成

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

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

ドメインについて

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...