サイトのwordpress化について

Question

前提・実現したいこと

今静的htmlサイトを作り終えてこれをwordpressテーマ化する依頼されています。

https://haniwaman.com/static-to-wordpress/

上記のサイト等を参考に進めていきたいと思っていますが

こちら下記のURLが現在作った静的サイトです。こちらをwordpress化していきます。

私の作ったサイト→http://hiratasan.starfree.jp/portfolio/

作品集のbox部分【3×8個＝24個くらいあります。】をwordpressで随時増やしていくにはどのような作りにしたら良いでしょうか？
そのボックスが30個超えたらページネーションで1.2,3ページと増やしていく感じも依頼されています。
ページネーション追加はwordpress化が完了したらplug inとかで対応・設定する形が望ましいでしょうか。。

https://plusers.net/wordpress_theme_5
のサイトの説明のように記事一覧をループで設定するような形で
私の作ったサイトも作品集を載せているボックスを
記事一覧のように代用しセッティングしていけばよいのでしょうか？

まだwordpress,php共に不慣れなものでご教示頂ければ幸いです。

Answer 1

どんどん増やしていくならWPの方が維持管理が楽でしょう。
ただ、初期労力の観点から言えば静的サイトの方が楽でしょう。

ご質問のような投稿記事の画像をindex(それ以外も可)に表示することは可能です。
ループ内で以下のように記述することによって記事中の最初の画像（ない場合はdefalut.jpeg）を読み込めます。

<?php 
if (has_post_thumbnail()) : 
the_post_thumbnail('thumbnail');
 else : 
echo '<img src='.get_template_directory_uri().'/defalut.jpeg>';
endif ;

テーマを自作（親テーマしか自分は作ったことがないですが）するにしても公式サイトに掲載するわけでなければ割り方簡単に作ることができます。（公式サイトに掲載するとなると文法や機能関係がめんどくさい

Comments

[takkun2019]

コメントありがとうございます。　
プログラミング言語に疎いので、ここでいうindexとはindex.php or index.htmlの意味で合ってますか？

[kyoya0819]

WPのトップページを指します。
ただ、他のページでも使えます。（個別記事のページ等）

[kyoya0819]

WPの初期設定上はindex.phpですね

[takkun2019]

なるほど。ありがとうございます。　
やり方としては現在htmlファイルで24個あるboxを1個残して全て削除して1個のboxにloopをかけるやり方で正しいでしょうか？　
24個に増やすには投稿ページから増やしていけばindex.phpにboxが増えていくと。　

ちなみに現在AOSというjqueryのplug inを個別のboxに設定して動きをつけているのですが、これはループ機能でboxが1つになってしまった場合も反映させる事は可能なのでしょうか？

Answer 2

WordPress化する上で、サイトの構造をどう落とし込むか、設計できているでしょうか。
ひとマスがイチ投稿記事の扱いをするような構造であれば良さそうな気がします。

記事にアイキャッチ画像を設定しつつ、カテゴリーとタグも活用するようなイメージでしょうか。

それに適するWordPress用テーマがあるかどうか、
探し出せなければスクラッチで起こし直す必要が生じそうな気がします。
「テーマを自作する」方面のノウハウ記事を参考に。

Comments

[takkun2019]

コメントありがとうございます。　
htmlサイトでは作品イメージをアイキャッチ部分にして、そこをクリックするとlight boxが出る感じにしています。　
下の部分に作品名とかを入れて、さらにそこをクリックするとアイキャッチと作品の詳細の紹介文みたいな所に飛ぶ感じにしたいです。　
そーなるとtopはfront-page.phpにして、紹介文ページはsingle.phpにする形が良いでしょうか。