5月24日：授業日 エラーの修正

WPエラーについて修正方法

・使っているリンクは精査する。自分が何をページで導入してるかを

コメントアウトして記述。

・また、jqueryなどのファイルがいるものはフォルダ(js・styles等)に纏めて入れておく。

・使わない余計なものはエラーを起こすだけなので消す。

・jqueryなどバージョンがあるものは複数入れない。一つだけ。

以上を精査すると元に戻った。

あと細かいところはCSSで直す。

wpdocs.osdn.jp

関数の理解をすべし！

背景がうまく当たらないのでcssに記述

.back_image {

background-image: url(../img/store.jpg);

background-size: cover;

}

url(../~)の..で違う階層にあるデータを取得することができる。

今htmlで作っているcontactページをWPのファイルに入れてpage-contact.phpにして要修正。

5月23日 HTML cherimo-contact-page作成

コンタクトページ作成

googlemapがいつの間にか表示されるようになっていた。

当初width600pxで設定していたが、widthを広げようとしたら消える。

何か他に原因があるのだろう。

他フォーム類作成。

でもfooterのgooglemapは自由に広げられる。width 1345px。なぜだ。

width600px

上と下入れ替えたらと思ってしまったが、原因を突き止めなければ。

cherimoのオーナーからGoogleビジネスアカウントに招待してもらい、マップ上のお店の画像変更。誰が設定してるのかわからないけど、新しく画像をアップデートしたら変わった。

5月22日：WP config.php

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

各設定が必要っぽい。

5月21日：WP cherimo/function.phpについて

function.phpについて

教材一回読んだだけで終わっていて何も頭に入っていなかった。

訳してみて改めて意味は理解できた。

でもここからどうやって直したらいいかがわからない。

何も進まないのはいけないのでcontact -pageを作ろうと思い、見本サイト通りにまずトップ画のところにマップを表示させるため記述してみた。

もともとfooterにはdiv id="gmap"としているのでidを”gmap–2”として同じように記述してscriptの記述の中にもgmap-2と記述してみたが表示されず。想像してたのと違う。

もうちょっと読んで調べよう。

そうすんなりとはうまくいきませんよねWW

5月20日：WPcherimo/エラー探し

エラーばっかり

先生に教えてもらったサイト

wpmake.jp

で意図的にエラーを出して修正する練習をして、理解できたが、

エラーの原因は一体何なのかわからず。

ググってみると、一部修正点が見つかった。

ファイル名function.phpとしていたが、functions.phpにしてみるとcssが当たった。

一歩進んだが修正点山盛り。

てか、さっきより増えた(ΦдΦ)

先生からのアドバイス

・パスがおかしい。

・フォルダの配下に httpがあるのがおかしい。

？？？。どうしたらいいものか・・・。

5月19日：WP cherimo、エックスサーバー契約

エックスサーバー契約

無料キャンペーンギリギリ間に合った。

WP

昨日の続きでstyleが崩れているので修正。

もう一度教材の前編を見直して、CSSをテーマ直下style.cssとstylesにテーマのみを記述、フォルダを作り、その中にmain_styles.cssを作り記述。

ちょっとは変わるかなと思ったが、何も変わらず。cssはちゃんと当たっている？模様。

やはりJavaScriptに関係するものが全て読み込まれていない模様。

先生に質問したところ、WP後編1章に記載されているということで、function.phpを作成して記述内容を変えてみた、またheader.phpのcss記述削除をした。これで正しく表示ができるとcssも当たらなくなった。

どの記述が正解なのかわからず。

<?php

function register_css()

{ // 管理画面でないなら

if (!is_admin()) {

wp_enqueue_style('bootstrap', get_template_directory_uri() .

'/styles/bootstrap@5.0.0-beta1/bootstrap.min.css');

 

wp_enqueue_style('font-awesome', get_template_directory_uri() .

'/plugins/font-awesome-4.7.0/css/font-awesome.min.css');

 

wp_enqueue_style('main_style', get_template_directory_uri() .

'/styles/main_styles.css');

}

}

// 登録済みのjQueryを解除して、登録し直す

function remove_default_jquery()

{

// 管理画面でないなら

if (!is_admin()) {

wp_deregister_script('jquery');

wp_enqueue_script('jquery', get_template_directory_uri() . '

/js/jquery-3.5.1.slim.min.js', array(), 3.5, true);

 

wp_enqueue_script('popper_js', get_template_directory_uri() . '

/styles/bootstrap@5.0.0-beta1/popper.js', array(), 5.0, true);

 

wp_enqueue_script('bootstrap@5.0.0-beta1_js', get_template_directory_uri() . '

/styles/bootstrap@5.0.0-beta1/bootstrap.min.js', array(), 5.0, true);

}

}

add_action('wp_enqueue_scripts', 'register_css');

add_action('wp_enqueue_scripts', 'remove_default_jquery');

add_theme_support('post-thumbnails');

5月18日：wp cherimo作成

norton削除

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

とりあえず先生からいいセキュリティソフトを教えてもらったのでそれを入れる

www.avast.co.jp

WP

教材を参考にしながら、cherimoのフォルダをWPのテーマへ入れてindex.htmlをphpに

変換、cssにはタイトルを入力

index.phpをコピーしてheader,frontpage,footerに分けた。

またimgのsrcに

<?php echo get_template_directory_uri(); ?>/

を入力して現状ガタガタ。に崩れている状態。

CSSが読まれていたり読まれていなかったり？？んーどうしよ。