静的htmlサイトのwordpress化で解決できたサイトまとめ

 

 

 

・まず、html化の方法がわからない

参考にしてできたサイト↓

フリーランスがwordpress制作で仕事ができるレベルになるには?コーディングも解説

 

【改訂版】02.WordPressテーマの動作を知れば、全体像が見えてくる

 

https://hikopro.com/html-wordpress/

 

https://www.amazon.co.jp/gp/customer-reviews/R2CAUU2PNSGTG9/ref=cm_cr_dp_d_rvw_ttl?ie=UTF8&ASIN=4774173800

 

 

 

https://qiita.com/sararilfy/items/4784508f2bba09d93bb4

 

https://briarpatch.co.jp/wp-jquery

 

【エックスサーバー】ホームページがアップロードされない時の対処法

 

http://dorolog.com/wordpress_template_tag/

 

https://www.searchlight8.com/wordpress-twentyfifteen-style/

 

https://webtan.impress.co.jp/e/2010/03/09/7539

 

WordPress初心者がまず押さえておきたいテンプレートタグまとめ

 

https://uxmilk.jp/20706

 

WordPressでCSSを追加する方法!ページの種類や記事ごとに個別で読み込みも可能

 

jQueryをWordPressで使う場合の読み込み方と使い方

 

PHPの文字化け対処法

 

WordPressでテーマ名の変更するやり方

 

最大アップロードサイズの限界に挑戦!上限はどこまで上げられるのか

 

「テーマのインストールに失敗しました」と表示される原因

 

https://webtan.impress.co.jp/e/2010/03/09/7539

 

WordPress初心者がまず押さえておきたいテンプレートタグまとめ

 

 

 

・css反映されない

wordpressで変更したhtml、css、php等が反映されない時の対処法【5分】

 

http://mignonstyle.com/wordpress-template-file/

 

 

固定ページのテンプレートはpage.phpだけではありません

 

https://blog-tip.com/wordpress/slug/

 

https://www.yoheim.net/blog.php?q=20190105

 

 

・slick(jQueryプラグイン)の反映のさせ方が不明

参考にしたサイト↓

絶対解決!WordPressでslick.jsが動かない場合の対処法

 

 

【jQuery】スライダープラグイン「slick」の使い方を詳しく解説

 

 

・slickを使うと、静的htmlの方ではcssが反映されるのになぜか反映されない。

結論、反映されていないcss(崩れているcss)のコードを丸々コピーすれば解決。(chrome検証ツールにて)

 

→まず、原因を突き止める。

今回は、cssが反映されておらず、jQueryについては正常に反映を確認した。

 

→静的htmlとコードを比較する

wordpressのサイトでエラーが出ているページ、または反映されていないページでも、

chrome検証ツールを使うとすぐに違いがわかる。

 

→cssのリンクは正常に動作を確認。しかし、cssが反映されない。。

リンクは間違いがない。エラーもなし。しかし、

cssが崩れている。。なぜかわからないまま長時間比較していた。

しかし、結論、

反映されていないcss(崩れているcss)のコードを丸々コピーすれば解決。(chrome検証ツールにて)

そんな簡単な方法があったのか。。と思ったのでメモ。

 

 

ざっと以上が参考になるサイト、というより

僕が実際に独学の知識でwordpress化に初めて成功した(書いている現在)時に非常に役立ったサイトでした。

もっと詳しく書けるのですが、今はそこに時間を割けないので割愛させてください。

ありがとうございました!