新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ワードプレス(WordPress)で新しいテーマをつくる方法 #wp

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

WordPress(ワードプレス)導入大作戦!」なんていう記事を書いちゃったからにはやらないわけには行きません。
デザインインストールまでは連休中(ちょっと過ぎちゃったけど)になんとか作成し終わりました。
これを、ワードプレス(WordPress)に適応させる手順を途中までですが報告します。

本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。

WordPress | 日本語

スポンサーリンク
 

タイトルでは新しいテーマを作る方法となっていますが、実際は既存のテーマをコピーしちゃいます。
で、それをベースに書き換えていく方法です。
これが一番楽だし、そもそも、今回ワードプレスを導入するに当たり、全くゼロからテーマを作り出すつもりは最初からありませんでした。
作ったデザインがワードプレスのシステムで動けばいいわけですから。

といったところで手順。

  1. まずは、解凍したワードプレスのデータから「wordpress\wp-content\themes」を開き、中にある「twentyten」フォルダをコピー&ペースト。
    WPテーマの作り方01
  2. 次にコピーしたデータフォルダに適当に名前をつけておく。
    WPテーマの作り方02
  3. そして、そいつをサーバー上の同じ場所にアップロード。
    WPテーマの作り方03
  4. ここまで済んだらダッシュボード(管理用のURL)に行きます。
    「外観」から「テーマ編集」をクリックして右上「編集するテーマを選択」から先ほど付けた名前のあるものを選んで「選択」。
    WPテーマの作り方04
  5. ここで上の絵と下の絵を見比べてもらうと分かると思います。
    赤線の上の部分にテーマ情報が書かれているのでこちらを書き換えることでテーマの名前が決まります。
    なお、赤線の下部分はそのまま作ったデザインのCSSをコピペすればOK。
    複数のCSSがある場合はちょっと面倒になるので僕は一つにまとめちゃいました。
    WPテーマの作り方05
  6. 「ファイルを更新」をクリック。

こんなところで新しいテーマの用意は終了です。
これからそれぞれのテンプレートの修正に入ります。

 - CMS, WordPress, デザイン, 覚え書き , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
デザインの配色に迷ったときに使えるツール

1年以上前の記事です。内容が古い可能性があります。デザイン系ブログとしてよく読ま …

WordPress(ワードプレス)でトップページ以外にブログトップを設置する方法【完全版】 #wp

1年以上前の記事です。内容が古い可能性があります。つぶくまブログの「←古い投稿」 …

投稿、固定ページ等、記事が複製できるプラグイン「Duplicate Post」【WordPress】

1年以上前の記事です。内容が古い可能性があります。概ね「livedoor Blo …

no image
「zenback」のツイートボタンは @zenback へのメンションになる

1年以上前の記事です。内容が古い可能性があります。今度は「zenback」のちょ …

no image
FLASHでプルダウンメニュー(ポップアップメニュー) スクリプト編

1年以上前の記事です。内容が古い可能性があります。さてスクリプトの解説

「自撮り」もし過ぎに注意しよう。「身体醜形障害」から「自殺」の可能性も

1年以上前の記事です。内容が古い可能性があります。何事もし過ぎは体にも精神的にも …

埼京線経由の熊谷駅⇔渋谷駅間の定期券で浦和駅で降りたらタダだった

1年以上前の記事です。内容が古い可能性があります。以前、埼京線沿線で下りることが …

GIMP2(ギンプ2)でトリミング

1年以上前の記事です。内容が古い可能性があります。GIMP(ギンプ)ってのはフリ …

眠れない原因は足の裏にあった。眠れない人の足の裏の特徴とその解消法

1年以上前の記事です。内容が古い可能性があります。自分、最近は眠れないことは殆ど …

ニンテンドーDSiの画像はFacebookにアップできる

1年以上前の記事です。内容が古い可能性があります。ニンテンドーDSiは標準でイン …

血液型オヤジ