6月1日 WP検索機能実装

教材を元に検索機能を実装した。

<div class="tab_panel_title mt-5 ml-3">"<?php echo the_search_query(); ?>"の検索結果</div>
 

search_query();が作用している。

うまく反映できた。

f:id:hinairo:20210602071747p:plain

ちゃんと検索されている。

f:id:hinairo:20210602071752p:plain

が、サイドバーがまた下の方に来た。

f:id:hinairo:20210602071757p:plain

コードがおかしい。上のように本文部分のcol-8の中にサイドバー部分のcol–3が入ってしまっている感じ。</div>を余計につけてみたら横にきたけどコードの配列を見るとおかしい。

 

404 .phpも作ったが反映されない。

f:id:hinairo:20210602072821p:plain

 教材ではコードをちょっと変えるだけのような感じだが、不明。

 

トップ画像の案をもう一枚追加。

f:id:hinairo:20210602072335p:plain

 

5月31日:サムライのカウンセリング、WP画像変更

元サムライ受講生涌井さんとお話しをさせて頂いた。

今後の仕事の取り方の方法を教えて頂いた。

楽天・ママワークス・しゅふjobなどで継続の案件などがあるとのこと。

また卒業生の活動などを教えて頂いた。

非常に勉強させて頂いた。

 

WP画像の変更

オーナーに相談しながら変更。

まだ決めきれてないが一応これでどう?と言う感じ

f:id:hinairo:20210531232457p:plain



f:id:hinairo:20210531232405p:plain

なんか同じような配置・・・。文字の色をグレイにしてみたがイマイチだったので文字にシャドウを当ててみた。これでいいのではないか。

f:id:hinairo:20210531232409p:plain

背景黒の写真でいいのが見当たらない。

5月30日:授業日

まず何がしたいのか確認することができていなかった。

目的・目標設定。何においても大切。忘れずに。

 

メニューページは固定ページで作成。htmlで!

メニュー項目の横に画像をつけてもいいかも。

作成の際は見本サイトのスクショを取っておいて確認すること。

 

スタイルページも同様。

 

ブログページの検索機能、検索機能の実装は教材から見て作る。

検索機能はデータベースからすべての情報とリンクでき、検索キーワードで検索できる。

ループの位置を正しい位置に。ループがどこから始まるのかを確認。

 

まずサイドバーの中でPHPを動かすことが第一優先!

 

メール機能はサーバーに上げないと動かないよ!wpformで設定。

 

サイドバーの切り分けもする。

 

スタッフのページも固定ページで作成。

 

どんどん更新していくページは投稿ページ、動かないページは固定ページ。

 

トップページの画像は日本人の写真を使うこと。かけ離れないことを心がけた方がいい。

 

shutterstockで画像を購入がおすすめ。テスト画像なら本番で使えないが、取り放題。仮でページに貼り付けてクライアントに相談してどれを使うか確認して購入する。この確認作業を急ぐこと。

 

ダウンロードファイルに入っているアプリはアプリケーションのフォルダに入れておくこと。ダウンロードは消すことが多いため。

 

今回トップ画に持ってきたアジア女性の画像の文字色は要変更。

 

先生から教えてもらったサイト読みたいけど翻訳できず。他の方法を探してみよう。

https://developer.apple.com/design/human-interface-guidelines/macos/app-architecture/fullscreen-mode/

 

勉強時間をズバッと一回朝方に変えてみよう。残り2週間頑張ろう!

 

 

 

 

 

 

 

5月29日:WP リンクページ

ページのリンクをさせる為に大学のサイトがどうなっているかを確認して、謎は解消。

category-blogとしていたので/category/blog/とすれば解消。

簡単なことだった。

f:id:hinairo:20210530073138p:plain

 また投稿ページで入力できることを確認。

f:id:hinairo:20210530074259p:plain

f:id:hinairo:20210530073159p:plain

 

 

次に画像が表示されない。また詳細ボタンを押したら詳細に飛べるようにとか、サイドバーでの検索機能とか、前後日の記事のタイトルなどを表示させれるようにしたい。

 

5月28日:WP ブログページ作成

htmlでブログページ作成

f:id:hinairo:20210529063235p:plain

一旦形はできたのでこれをwordpressに反映させようとしてみた。

f:id:hinairo:20210529063244p:plain

ブログのリンクがうまく設定できず。

ページの表示が出来ないため、教材・管理画面・コードを見直さなければいけない。

 

 

5月26日:WP/コンタクトページ修正

googlemapが表示されないのでエラーを見てみた。

 

You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

→ndex.html内でGoogle MapのAPIを複数回読み込んでしまっている。これにより、予期しないエラーが発生する可能性があります。

確かにcontactpageではmainで一箇所、footerで一箇所を読んでいるのでそのエラーが示しているのは間違いない。それをどうしたら良いのかという問題か?

後からつけたmainのAPIコメントアウトしてみたが消えず。。。?

不明。

 

とりあえずiframeで埋め込みして、マップの色を変更。

filter: invert(100%);

見本サイトに近づいた。

f:id:hinairo:20210527004526p:plain



 

WP FORMのプラグインを利用。

 htmLで書いたformタグの中身をコピーして、貼り付け。

そして各ショートコードを作成して適正な位置に貼り付け。

フォームの間隔や大きさなど修正。

見た目だけ完成。メールを書いて送信するとエラーとなる。

f:id:hinairo:20210527004920p:plain

 

5月25日:wp/navbar修正、ページのリンク設定

navbarのメニューを右寄せにしていたが、またまた左よりになっていたので検証を使ってみるとrowにdisplay:flexが当たっていたので、display:block;!importantをつけると元通り。

f:id:hinairo:20210525213846p:plain

 

コンタクトページをリンクさせれるように下記のようにした。

・header.phpでコード修正。

<a class="nav-link" href="<?php echo home_url(); ?>/contact/">コンタクト</a>

 

ダッシュボードで固定ページの追加を行いスラッグを設定。

f:id:hinairo:20210526074051p:plain

f:id:hinairo:20210526074401p:plain

コンタクトを押すとページが表示された。

マップが現れないのはこれから対応。