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');