Local Dev Tips for DMS

Posted · 1 Comment
local-dev

Child Themes

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child theme allows you to modify, or add to the functionality of that parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

Now we have WordPress and DMS all up and running on your custom domain its time to make a child theme and create that masterpiece for the client!

To create the child theme we need to create a new theme folder in our WordPress wp-content/themes folder. If you have never created a child theme or have no idea what one is, here is a link to the WordPress Codex Page for child themes.

folder_childtheme

In your new theme folder create a brand new style.css and put something like the following into it.

purple-css

Now go to your WordPress admin themes page and you should see a new theme listed. Activate your new child theme!

So now you can add all your custom css for the new awesome site to the style.css file.

Alternatively if you are feeling particularly awesome you can create a style.less file in the same folder and start writing in the LESS language and DMS will see the LESS file and automatically compile it for you!

Uploading The Site

After all that hard work you are ready to upload the finished site to the webhost of your clients choice.

So you have installed WordPress on the webhost of your clients choice and uploaded DMS and your brand new child theme. The next step is usually to export all the posts locally then import them into the new host and then spend hours with an old search and replace tool fixing image paths, am I right?

Not any more!!

If you have followed this tutorial so far your local database will have all the right URLs for the remote site, so all we have to do is export the local database and import it into the remote site, thats it!

Back to MAMP, lets find the phpmyadmin link…

mamp_sql

Click the phpmyadmin button there, you see the all familiar phpmyadmin user interface, just navigate to your database and click the Export tab at the top, couldn’t be any easier!

Now you need to use the database tool provided by the webhost of your clients choice to import the same database, most hosts provide phpmyadmin, lets hope his does too!

Success

All thats left to do is log into wp-admin and make sure your child theme is still active!!

Conclusion

We have setup the perfect localhost environment for developing WordPress themes.

We created a child theme and uploaded it to a webhost.

We never had to search and replace any posts for localhost urls because we are now awesome!

One Response to "Local Dev Tips for DMS"
  1. AleksanderHansson says:

    Nice writeup Simon.
    Defi useful for a lot of people. Personally I use Desktop Server by ServerPress. They have a really easy export functionality also.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>