質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

0回答

164閲覧

httpとhttpsでデザインが異なる

tatsu999

総合スコア2

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2021/03/11 11:25

編集2021/03/11 11:26

ランディングページをWP化してほぼ完成しています。

お問い合わせページを「page.php」で作成しているのですが、httpで検索した際とhttpsで検索した際で
CSSのデザインが異なります。

(SSL化は完了していますのでリダイレクトされます)

原因がどうしてもわからないため、よろしくお願いします。

以下コードです。
(funtcitons.phpに書く必要がありそうですが、書き方がわからなかったので一旦head作って書いています)

page.php↓

<head> <?php if ( is_page() ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/contact.css"> <?php endif; ?> <title>お問い合わせ</title> </head> <div class="wrapper"> <?php if(have_posts()):the_post(); ?> <main class="<?php echo esc_html($post->post_name); ?>"> <section class="section__form"> <!-- タイトル --> <h1><?php the_title(); ?></h1> <!-- 本文取得 --> <?php the_content(); ?> </section> </main> <?php endif; ?> </div> コード

contact.css→(httpの場合は適用される、httpsの場合は適用されない)

@charset "utf-8"; .wrapper{ margin-top: 40px; margin-left: 40px; } h1{ background-color: #f8f8f8; } コード

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hiok

2021/03/11 11:37

デザインが違うページを表示した時のhtmlコードでは、それぞれ、contact.cssのURLはどのようになってますか?http?https?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問