1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. これから作る WordPress のテーマをローカルサイトに適用させる。

これから作る WordPress のテーマをローカルサイトに適用させる。

WordPress と AliExpress って混乱しますよね。@It_is_Rです。せーへんわ。

WordPress テーマ自作シリーズ、第三回目です。

前回までで、ローカルで WordPress のテーマを自作する準備をしてきました。
今回は、これから開発するテーマをローカルの WordPress に当ててみましょう。

WordPress のテーマを作る場所

まずは、テーマが保存される場所を確認します。

theme というフォルダに、VCCW でローカルに環境を作った場合、テーマを作るディレクトリは以下のようになります。

theme/vccw/wordpress/wp-content/themes/mytheme/

この、 mytheme フォルダは、自分で作ります。

また、前回の「WordPress のテーマ開発に絶対必須な gulp プラグイン9選!」の通りにやっていただけた場合、このフォルダの中には、

index.html
index.php
style.css
js/script.js

が存在すると思います。
この中の、 index.html は必要ないので、削除してください。

ローカルの WordPress にログインする

ローカルの WordPress サイトにログインする場合は、以下の URL にアクセスしてください。

http://vccw.test/wp-login.php

※設定を変更した場合は、その変更した URL にアクセスしてください。

wordpress

ユーザー名、パスワードは、変更していなければ、どちらも admin です。
WordMove を使って同期させた場合、自分のサイトのユーザー名とパスワードになります。

外観→テーマ

で、作成した mytheme が表示されているので、変更します。

wordpress

もちろん、テーマはまだ作っていないので、サイトを見ても何も表示されません。

まとめ

今回は、開発していく WordPress のテーマをサイトにあてただけですが、次回から本格的にテーマを作成していきます。
次回からが本番ですので、お楽しみに!

すみません! 次の次から本格的にテーマを作成していきます。

この企画の一覧はこちら

  1. WordPress テーマ自作 | 本格的に作りたい人が揃えるべきツールや知識。
  2. WordPress のテーマ開発に絶対必須な gulp プラグイン9選!
  3. これから作る WordPress のテーマをローカルサイトに適用させる。
  4. WordPress テーマの基本構成と読み込まれるファイルの優先順位。
  5. WordPress テーマ自作 | Pug ( Jade ) で記事一覧ページを作る方法!
  6. WordPress にウィジェット(サイドバー)を追加する方法。
  7. WordPress テーマ自作!投稿ページ、固定ページの作り方。
  8. 【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】
  9. カスタムロゴの使い方。 WordPress サイトのタイトルを画像に変更!
  10. WordPress テーマ自作 | functions.php から CSS を読み込む方法。
  11. WordPress テーマ自作 | サイト全体のレイアウトを整える。

スポンサードリンク

関連コンテンツ

オススメ記事

WordPress

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと思い、その努力の割に何も得られないのが@It_is_Rです。やかましいわ。 今回の記事は初のWordPre

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

enchant.js100行未満!!本格シューティングゲーム作り方。

昨日歩き回ったせいで、足がかなり痛い@It_is_Rです。 さて、今回はenchant.jsのネタです。enchant.jsを使うと、javascriptのプログラムがものすごく簡単に書けてしま

【Android Studio】開発したアプリの実機テストを行う方法。

どうも、頭がすっからかんの@It_is_Rです。 やかましいわ。 今回は Android Studio で実機テストする方法を紹介します。 これからアプリ開発をしていく上で必要不可欠な実機テ

Dockerでよく使うコマンドとオプション、その使い方を徹底解説!

人生に意味は求めない。それよりもDockerのコマンドの意味を理解する方が重要です。@It_is_Rです。 Dockerにはたくさんのコマンドがありますが、まずはよく使うコマンドを覚えていきまし

おみくじゲームを作るべ!

小学生からのプログラミング入門。JavaScriptでおみくじを作ろう!

小学生から始めるプログラミングシリーズ、第四弾です。 前回はScratch(スクラッチ)を使ってシューティングゲームを作成しました。 Scratchはブロックを移動させることによって、分かりや

JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

押入れが部屋になっている@It_is_Rです。 今回の記事はJavaScriptマンガ講座、2回目となりました。 この企画はJavaScriptをフザケまくって覚えようというものです。

【Gitの使い方 – その2】GitをMacにインストールする方法!

いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 Gitの使い方、第2回目の今回はGitをMacにインストールする方法を紹介します。

【 gulp 】 超便利! Sass で Normalize.css などをインポートする方法。

ふと立ち上がった瞬間に、ホットマットを猫に奪われる@It_is_Rです。 全然どいてくれない。 今回は gulp を使って、 Sass ファイルから Normalize.css などをインポー

今月の残り日数を計算するべ!

小学生からのJavaScript入門。今月の残り日数を計算してみよう!

小学生からのプログラミング入門、第5弾です。 今回はJavaScriptでの演算(えんざん)の方法を学び、今月の残り日数を計算してみましょう。 演算というのは、足したり、引いたり、割ったり、か

コメントをどうぞ!

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




オリジナルゲーム.com