Wordpress 【WordPress】ヘッダーをおしゃれに、メニューを右にまとめる
Wordpressのデザインを変更したいときに、参考になる方法があったのと、問題点の対処法をまとめたのでご紹介します。 完成図 現在のフロントページは変更されているかもしれませんが、このような感じで編集しました。 ここではWordpress...
サイト作成
Wordpress 
サイト作成 【サイト制作】検証ツールでページがはみ出てしまう問題
検証ツールが変！見えにくくなった！ こんな感じではみ出てみえない・・・そんな方必見！ 検証ツールとは（デベロッパーモード） サイト制作してコードをたくさん書いていると、たまにおかしな表示になっていたりすることがあります。 そんなときに、検証...
Wordpress 検索結果に出てこない！XMLサイトマップを設定する方法
サイト制作しても、Googleの検索結果に出てこなかったり、アクセスがない、なんてことがあります。そこで必要なのが、サーチコンソール、サイトマップです。 なぜ検索結果にのらないのか Googleの検索エンジンは、クローラーと呼ばれるロボット...
サイト作成 robots.txt とは
初めて聞くワードで意味が分からない方が多いと思いますが、robots.txt を知るにあたって、Googleの検索システムについて知っておく必要があります。 別の記事でまとめていますので、そちらの方をみてからの方がわかりやすいと思います。 ...
はじめての方へ 独学！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～６」で記載します。 Sassマップの＄font-sizesを変更することでカスタマイズすることができます。 <p class="fs-1">.fs-1 text</p> <p class="fs-2">.fs-2 ...
Bootstrap Bootstrapの簡単な説明
Bootstrapとは ブートストラップとは、とても簡単に無料でCSSを使うことができるものです。 スマホ、タブレットといった、パソコンとは画面の大きさが違うものに対応するページを作るレスポンシブデザインに対応しているフレームワーク1になっ...