/検証コンソールを読んでエラーを消す どのファイル/どのファイル/.....を追っていけば辿り着く。 そしてそこを修正。 原因は様々あるかもしれないが、比較的直しやすい（しっかり見れば）。 /navーlinkーactive のバックカラーの白が消せないのでCSSで透明…

前からやりたかったが難しそうなイメージだったので、挑戦していなかったが、 やってみるとめっちゃ簡単だった。 htmL <div class="scrollbox1">スクロールコンテンツ１</div> <div class="parallax-bg">固定背景</div> <div class="scrollbox2">スクロールコンテンツ２</div> CSS /*画面全体の設定*/ body, html { height: 100%; margin: 0 auto; letter-…

半年間頑張った！が、まだまだ未熟。このままでは助走に過ぎない。まだまだ長い！ こっからが正念場。 諦めない！へこたれない！サボらない！ クソな自分に負けないことが一番！！ やると決めたのだから前を向いて頑張ろう！！

contactフォームから自分あてにメールを送ってみると本文の内容だけは表示されて送り主は WordPress wordpress@cherimo.net sv12485.xserver.jp というアドレスになっていたため管理画面を修正。 Webノート サムライの教材とサイトを参考にして下記のように…

昨日気になっていたvscodeで作成した各ページでエラーが出ていた件について調べてみた。 サイトを見て行ったこと ①別バージョンをインストール→何も変わらない。 ②下記のサイトの通りセッティングの項目からチェックを外す。 VSCode拡張機能Intelephenseの更…

このスペースの原因がわかった。 この写真が右からくるのが原因の模様。 写真が動き終わったら スペースが勝手になくなる。 vscodeがいきなりデスクトップから消えていて再インストール。 問題ないかなと思っっいたが、エラー出まくり。 https://yoshi-logbo…

本日も間隔がおかしいところ修正 オーナーからreview欄にコメントしてる人の名前を入れたいとのことで変更。書く箇所これから要修正。 シャッターストックで画像を買って反映させてlocalで確認→画像は買ったものに変更がかかっていることを確認。サーバーに…

昨日ブログページの画像がレスポンシブ画面に対応できていなかったが、先生のアドバイスで、参考サイトを教えて頂いた。 【レスポンシブ】PCとスマホで違う画像に切り替える方法！CSSだけで簡単画像切り替え！ | FASTCODING BLOG これをCSSに記述したら一発…

・ブログページ修正 サイドバーの位置が右に来ない原因が判明 検証で見てみると、 blog-innerの上にphp関数が書かれていた為、この箇所が繰り返しになっていて、その流れで、本来ブログ部分とサイドバー部分が兄弟関係になっているのが、親子関係になってし…

メニューページの訂正。 全ての項目をカラムで割っていい感じに訂正できた。 レスポンシブデザインの修正 携帯からサイトを確認し、ずれているところを修正。 レスポンシブ画面で投稿メッセージ箇所が背景からはみ出していたので修正すると、パソコン画面で…

・WPのバックアップを取る 教材に載っているプラグインDuplicaterをダウンロード→有効化。 createnew→ Nameにバックアップファイル名を入力します。ファイル名には日付や目的などを記載→ Next→ チェックボックスにチェックを入れて→ Build→ 「Installer」（i…

メニューページを店のメニューに合わせて完成 スタイルページ作成、まだ画像がないのでこれは未だ未完成 スタイリストページ あとはこのページのみできたらほぼ一応ページは揃う。 枠組みだけfrontpageからコピーしてこれから作成。

サイトについて要望のヒアリング、してもらいたいこと、ページ構成などについて相談。 トップページのメルマガ登録欄については他店サイトのようにレビューを載せることで決定。 取扱商品欄を作ってもらいたいとのことで後々制作で決定。 サイトの文章は早め…

メニューページ完成 background-image: url(../img/store.jpg); background-size: cover; これ迷ったけど、前に先生から教えてもらってたからできた。 アンダーラインなどの調整もできた。検証からなぜwidthをPXで指定できなかったのかわからないが、CSSに記…

サイドバー(col-3)が右に配置されず下に表示されていたので、検証で確認。 左のcol–9の中にcol-3が入ってしまっていたので</div>で調整し、並ぶように修正すると表示できたが、コードを見ると何かがおかしい。 header.phpでnavbarに予約を作成してphpの関数を削除…

教材を元に検索機能を実装した。 <div class="tab_panel_title mt-5 ml-3">""の検索結果</div> search_query();が作用している。 うまく反映できた。 ちゃんと検索されている。 が、サイドバーがまた下の方に来た。 コードがおかしい。上のように本文部分のcol-8の中にサイドバー部分のcol–3が入ってしまっ…

元サムライ受講生涌井さんとお話しをさせて頂いた。 今後の仕事の取り方の方法を教えて頂いた。 楽天・ママワークス・しゅふjobなどで継続の案件などがあるとのこと。 また卒業生の活動などを教えて頂いた。 非常に勉強させて頂いた。 WP画像の変更 オーナー…

まず何がしたいのか確認することができていなかった。 目的・目標設定。何においても大切。忘れずに。 メニューページは固定ページで作成。htmlで！ メニュー項目の横に画像をつけてもいいかも。 作成の際は見本サイトのスクショを取っておいて確認すること…

ページのリンクをさせる為に大学のサイトがどうなっているかを確認して、謎は解消。 category-blogとしていたので/category/blog/とすれば解消。 簡単なことだった。 また投稿ページで入力できることを確認。 次に画像が表示されない。また詳細ボタンを押し…

htmlでブログページ作成 一旦形はできたのでこれをwordpressに反映させようとしてみた。 ブログのリンクがうまく設定できず。 ページの表示が出来ないため、教材・管理画面・コードを見直さなければいけない。

googlemapが表示されないのでエラーを見てみた。 You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors. →ndex.html内でGoogle MapのAPIを複数回読み込んでしまっている。これにより、予期しな…

navbarのメニューを右寄せにしていたが、またまた左よりになっていたので検証を使ってみるとrowにdisplay：flexが当たっていたので、display:block;!importantをつけると元通り。 コンタクトページをリンクさせれるように下記のようにした。 ・header.phpで…

WPエラーについて修正方法 ・使っているリンクは精査する。自分が何をページで導入してるかを コメントアウトして記述。 ・また、jqueryなどのファイルがいるものはフォルダ(js・styles等)に纏めて入れておく。 ・使わない余計なものはエラーを起こすだけな…

コンタクトページ作成 googlemapがいつの間にか表示されるようになっていた。 当初width600pxで設定していたが、widthを広げようとしたら消える。 何か他に原因があるのだろう。 他フォーム類作成。 でもfooterのgooglemapは自由に広げられる。width 1345px…

訳した。不明なところは多々あるが、何が書かれているかはわかった。 各設定が必要っぽい。

function.phpについて 教材一回読んだだけで終わっていて何も頭に入っていなかった。 訳してみて改めて意味は理解できた。 でもここからどうやって直したらいいかがわからない。 何も進まないのはいけないのでcontact -pageを作ろうと思い、見本サイト通りに…

エラーばっかり 先生に教えてもらったサイト wpmake.jp で意図的にエラーを出して修正する練習をして、理解できたが、 エラーの原因は一体何なのかわからず。 ググってみると、一部修正点が見つかった。 ファイル名function.phpとしていたが、functions.php…

エックスサーバー契約 無料キャンペーンギリギリ間に合った。 WP 昨日の続きでstyleが崩れているので修正。 もう一度教材の前編を見直して、CSSをテーマ直下style.cssとstylesにテーマのみを記述、フォルダを作り、その中にmain_styles.cssを作り記述。 ちょ…

norton削除 nortoのセキュリティがとてもガチガチということで削除。nortonの人がリモート操作で処理。また入れようと思えば入れ直すこともできるので一旦削除。削除後nortonの人とwpの URLで表示さないので相談したところ、関連の人に聞いて下さいとのこと…

9章 Font Awesomeを利用 <i class="fas fa-search-plus fa-lg"></i> これでアイコンが大きくなった Font Awesomeを利用するために必要なファイルをダウンロードしてfunctions.phpでまとめて読み込む、sidebar-main.phpのHTMLの記述を修正 10章 バックアップが必要なデータとその理由を学ぶ プラグイン…