wordpressのフロントページ編集について（boostrap4）

Question

前提・実現したいこと

progateで学んだ成果（html＆css,js,jquery）を実践で試してみようと思い、wordpress（cocoon）で作ったブログのフロントページを、Boostrap4を使いカスタマイズしようと思いました。
しかしwordpressのフロントページをftpソフトを使い、カスタマイズするには、phpの知識が必要なようです。

ここで質問が3つあるのですが、
1.phpの知識なしに、フロントページをBoostrap4でカスタマイズすることは、可能ですか？（最優先はBoostrap4の練習なので、これを使わない方法はなしでお願いします。）

2.もしphpが必要ならばどの程度の知識が必要でしょうか？（テーマを自作する気はありません。あくまでフロントページのカスタマイズだけです。）

3.boostrap4を使ってみるなら、wordpress関係なしに練習したほうがいいですか？（rubyを勉強してwebアプリを制作するために、フロントエンドを学んでいます。）■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

html＆ｃｓｓ,js,jquery,php、

ソースコード

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

私見ですが、CMS等でテンプレートを作成/編集する際に、Boostrap はもとより HTML/CSS/JavaScript は先に（静的に）作ってしまったほうが問題が起きにくいと思います。

---

wordpress（cocoon）で作ったブログのフロントページを、Boostrap4を使いカスタマイズしようと思いました。

ざっと見たところ Cocoon は Bootstrap4（Boostrap4では綴りがちがいます） を使用していません。「同じ形」に見えるよう Bootstrap4 を使い組み上げることは不可能ではないと思いますが、私ならお金をもらってもやりません。

1.phpの知識なしに、フロントページをBoostrap4でカスタマイズすることは、可能ですか？

「カスタマイズ」の意味によります。Bootstrap の記述を部分的に入れることをカスタマイズと呼ぶなら可能です。
フレームワークとして使用するならPHPの知識及び WordPress（大文字小文字を間違えないようにしてあげてください）の知識が必要です。

2.もしphpが必要ならばどの程度の知識が必要でしょうか？（テーマを自作する気はありません。あくまでフロントページのカスタマイズだけです。）

テーマのカスタマイズはそもそも「テーマを自作する」程度の知識が無いと難しいことはできません。（色を変えるとか一部を消すとかを「カスタマイズ」と呼ぶならHTML/CSSの知識で可能です）
デフォルトのテーマを含め、高機能なテーマはファイル構成が難解なので、どこにカスタムしたいコードがあるかを探すにも「テーマを自作する程度の知識」が必要になることがあります。WordPress の出力するHTMLのクラス部分を書き換えるために WordPress のソースコードを読むことすらあります。

3.boostrap4を使ってみるなら、wordpress関係なしに練習したほうがいいですか？

はい。
HTMLを組むことと、WordPressを構築することは同時にすると混乱するだけかと思います。

---

フロントページのみを完全別テンプレートにして、ほとんどWordPressの機能を使わない（記事一覧くらい）ならPHPの知識なしでも不可能ではないと思いますが、WordPressを使う意味はとくに無い気がします。
「WordPress Bootstrap4 theme」で検索すると対応したテーマも有るようですが、純粋に Bootstrap4 を勉強する目的なら、静的ファイルでトライアル＆エラーを重ねるほうをお勧めします。

Answer 2

WordPressに詳しいわけはないのですが、PHPのみの目線で、あとちょっと調べた感じで回答してみます。

当該テーマのカスタマイズについては解説のサイトがありますね。

• 【コピペ可】「Cocoon」まるごとカスタマイズ講座【簡単】

ただ、基本的には「WordPressにBootStrapを導入する」のとイコールになると思います。

• WordPressでBootstrapを導入する方法

※上記記事の中では「WordPressテーマのCocoonでは、JavaScript系を導入するとデザインが崩れてしまいました。」という注意書きがあります

というのを前提で。

1.phpの知識なしに、フロントページをBoostrap4でカスタマイズすることは、可能ですか？（最優先はBoostrap4の練習なので、これを使わない方法はなしでお願いします。）

どこまでカスタマイズしたいかによります。
細かいところまで対応しようと思ったら、それはBootStrapのクラスなどを入れこんでいく必要があるので、「何をやっているか」くらいは分かっておく必要があります。
テーマをそのまま使うわけではないので、やはりPHPの知識は必要です。

ただ、「BootStrapの練習」が優先順位として高いのであれば、
WordPress上でどうにかしなくても静的HTMLに対してレイアウト組んでいくことでPHP関係なくBootStrapの練習を進めることはできます。

2.もしphpが必要ならばどの程度の知識が必要でしょうか？（テーマを自作する気はありません。あくまでフロントページのカスタマイズだけです。）

前述の通り「書いてるコードがきちんと読める」のが最低条件です。
自作するつもりはなくてもカスタマイズ＝自作できるくらいの技術　は必要であると思うので、その気になれば自作できるくらいはあったほうが良いでしょう。

3.boostrap4を使ってみるなら、wordpress関係なしに練習したほうがいいですか？（rubyを勉強してwebアプリを制作するために、フロントエンドを学んでいます。）

はい。
PHPでもRubyでもWebを組む時はいきなりプログラムからHTMLを書かずに、
静的HTMLでモックを作ってからそれにあわせてHTMLが出力されるように作るのが良い流れです。
切り離せるものであれば切り離して個々に固めていったほうが「ながら運転」にならないので集中できますし効率的です。