ワードプレス(WordPress)で新しいテーマをつくる方法 #wp
2014/11/09
1年以上前の記事です。内容が古い可能性があります。
「WordPress(ワードプレス)導入大作戦!」なんていう記事を書いちゃったからにはやらないわけには行きません。
デザイン、インストールまでは連休中(ちょっと過ぎちゃったけど)になんとか作成し終わりました。
これを、ワードプレス(WordPress)に適応させる手順を途中までですが報告します。
本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。
タイトルでは新しいテーマを作る方法となっていますが、実際は既存のテーマをコピーしちゃいます。
で、それをベースに書き換えていく方法です。
これが一番楽だし、そもそも、今回ワードプレスを導入するに当たり、全くゼロからテーマを作り出すつもりは最初からありませんでした。
作ったデザインがワードプレスのシステムで動けばいいわけですから。
といったところで手順。
- まずは、解凍したワードプレスのデータから「wordpress\wp-content\themes」を開き、中にある「twentyten」フォルダをコピー&ペースト。

- 次にコピーしたデータフォルダに適当に名前をつけておく。

- そして、そいつをサーバー上の同じ場所にアップロード。

- ここまで済んだらダッシュボード(管理用のURL)に行きます。
「外観」から「テーマ編集」をクリックして右上「編集するテーマを選択」から先ほど付けた名前のあるものを選んで「選択」。
- ここで上の絵と下の絵を見比べてもらうと分かると思います。
赤線の上の部分にテーマ情報が書かれているのでこちらを書き換えることでテーマの名前が決まります。
なお、赤線の下部分はそのまま作ったデザインのCSSをコピペすればOK。
複数のCSSがある場合はちょっと面倒になるので僕は一つにまとめちゃいました。
- 「ファイルを更新」をクリック。
こんなところで新しいテーマの用意は終了です。
これからそれぞれのテンプレートの修正に入ります。
アドセンス広告メイン
関連記事
-
-
新しいGoogleマップで埋め込み地図を作る(地図を埋め込む)方法
1年以上前の記事です。内容が古い可能性があります。新しいGoogleマップになっ …
-
-
ブログの角丸部分をCSS3の「border-radius」プロパティに変えてみた【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。今年、HTML5及びCSS3が …
-
-
情報収集なら「ツイート検索」+「RSS登録」が最強!!
1年以上前の記事です。内容が古い可能性があります。百式管理人さんのもうひとつのブ …
-
-
もうひとつのプルダウンメニュー
1年以上前の記事です。内容が古い可能性があります。そもそも、なんでFLASHでプ …
-
-
iPhoneで自分のメールアドレスを確認する方法
1年以上前の記事です。内容が古い可能性があります。MMS、Eメール(i)、通常の …
-
-
「iOS5」にしたら通知がうるさくなくなった【iPhone】
1年以上前の記事です。内容が古い可能性があります。iOS5にしたらシリーズ第3弾 …
-
-
「iOS5」にしたらツイッター(Twitter)連携が簡単になった【iPhone】
1年以上前の記事です。内容が古い可能性があります。こんなメールが届きました。 お …
-
-
perlの文字コード変換を詳しく調べてみる
1年以上前の記事です。内容が古い可能性があります。最近、perlプログラミングを …
-
-
「変」は成功、「乱」は失敗、「役」は田舎での戦争のことらしい
1年以上前の記事です。内容が古い可能性があります。こんなツイートが多くのリツイー …
-
-
グルメ系、レビュー系の記事に集客力は殆ど無い
1年以上前の記事です。内容が古い可能性があります。ノンジャンルで記事を書き続けて …












