WordPressのテーマを一から自作する時に参考になったサイト・本のまとめ(備忘録)

今回、ワードプレスのテーマを一から作りました。1ヶ月ほどかかったでしょうか。ようやくサイトとしてそれなりに形になるところまでできました。

普段は会社勤めなので、基本的には家に帰ってからの2〜3時間程度が基本の作業時間でした。先月は休みの日がなかなか取れず、たまに取れた休みも気が抜けてしまって作業が進まず。。。休日に気合いを入れて作業をしたらもっと早くできたのかもしれません。

もともとHTMLとCSSの基本的なことは知っていたので、全くゼロからのスタートというわけではありませんでしたが、普通にサイトを作るのとは違うワードプレスならではの考え方などもあって、というかワードプレスならではのところで一番苦戦した気がします。

広告

記事一覧ページが作れない

なかなか解決できずにしばらくつまづいていたのは、投稿する記事一覧ページが作れなかったことです。

普通にindex.phpでトップページを作っていて、archive.php?なのか、適当なタイトルのphp(all-info.phpみたいな)にすればいいのか、色々とGoogle先生に聴きながら作って行きましたが、どうして記事一覧が作れずに。。。

トップページには、記事を表示することは問題なくできたのですが、肝心の一覧ページが作れなくて、かなり苦戦していました。

そんな時に出会ったこちらのサイトを見て解決することができたのですが、結局は、トップページを「front-page.php」にして、記事一覧は「index.php」にすればいいんだということ。

 

Maromaro Blog

こんにちは。Maromaro のコーダー hoshidaです。 Wordpress でWebサイトを構築する際、トップペ…

 

こういったワードプレスならではの設定は知らなかったので、やっとわかってできた時の感動はひとしおでした笑。

doro
なるほど〜

 

その他にも参考になったサイトをいくつか紹介します。というか備忘録ですね。

サルワカ

HTMLやCSS、その他にもデザインについていろんな検索結果でサルワカさんのサイトは上位に表示されて、その度に参考にさせてもらっていました。特に役に立ったのはハンバーガーメニューの設置について。素晴らしく助かりました。

サルワカ | サルでも分かる図解説明マガジン

HTMLとCSSだけで「ハンバーガーメニュー」&「ナビゲーションドロワー」を設置する方法を紹介します。レスポンシブ対応。…

サイトとしての評価がとても高いですね。そして、もれなく役に立つ記事のオンパレード。しかもわかりやすい。HTMLとかCSSとかの本を買うよりも、必要の都度サルワカさんで検索するのが一番良いのではないでしょうか。

 

HPCode

ワードプレスの設定などを中心に、jQueryなどについてはこちらのはにわマンさんのサイトをブックマークして研究させてもらいました。

HPcode(えいちぴーこーど)

Webサイトでの「困った...」をお手伝いします…

 

 

HTMLカラーコード

後は定番ですが、カラーコードも必要ですね。

HTMLカラーコードでは、ウェブサイトで使用するHTML のカラーを探すためのツールを無料で提供しています。HTMLカラ…

 

その他に助けてもらったサイト

細かいテクニック的なところでは、

右側に謎の余白ができてしまった時はこちらを参考に解決しました。

バシャログ。

こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白…

 

また、ワードプレスでスライダーが使えるようになる便利すぎるプラグイン「smart slider」について、一番わかりやすい記事はこれでしょう。

デザイン初心者学習サイト ビギナーズハイ

WordPressでスライダープラグインといえば「無料」なのに「高機能」な Smart Slider 3 がオススメ! …

 

とても助かりました。みなさんありがとうございます。

 

ありがたき先人のみなさま

こうして先人の皆様が役に立つ情報を載せておいてくれるので、本当に助かります。そしてサイト作りを独学でやろうとしている方がいたら、困ったら「ググりましょう」とお伝えしておきます。ほとんどの必要な情報が無料で収集することができます。

ただ、その必要な情報にたどり着くためには場合によっては根気が必要です。欲しい情報になかなか会えない時も結構ありますのでね。

なかなか目的の情報に出会えない時、また「これだ!」と思って自分のサイトで試しても思う通りに反映されない時、正直助けてくれる人が欲しくなります。こんな時は、スクール入っておけば良かったかなとも思うこともありました。

ですが自分の性格的にコツコツとやる作業が好きなことと、自力で解決できた時の嬉しさを知っているので、人に頼らず踏ん張りましたけど。別にそんなことにこだわらずにさっさと聞ける環境があれば、もっと早く色々マスターできるでしょうねぇ。

 

関連記事

先日、プログラミングスクールCodeCampの無料カウンセリングを受講しました。その基本的な特徴についてはこちらのCodeCamp公式サイトでご覧いただくとして、自分が実際にカウンセリングを受けて感じたことをまとめてみます。   […]

 

根気よく、コツコツと作業できるのであれば、十分に独学でもある程度の技術はマスターできます。後は数をこなして経験値を上げることでしょうか。

 

本でも勉強しました

とはいっても本も購入して勉強していましたので、買った本を載せておきますので、参考まで。

 

 

doro
では、クラウドワークスで仕事を探します笑
広告