How to Install and develop child themes for SWIFT

This tutorial will guide you through the process of developing and installing child themes for SWIFT. After reading this short tutorial, you should be able to develop child themes for SWIFT and share it with the ever-growing community of SWIFT users.

The concept of child themes in SWIFT is entirely different from the other WordPress themes. Unlike in other themes, you don’t need any knowledge of CSS, HTML or PHP (A little knowledge of CSS will help, but not compulsory). You just need to have a good taste to design beautiful child themes for SWIFT.

  1. First get the latest version of SWIFT from the downloads page and install it. Here is a general tutorial on how to install any WordPress theme. If you are already using SWIFT, install the new version and take a backup of export text from the import export page. see screenshot of point number 11.
  2. SWIFT options menu
    SWIFT options menu
  3. After you install SWIFT, goto the design options page. On the background images tab, fill in the name for your child theme. Choose a unique name so that there is no clash with other child themes of SWIFT. Don’t use spaces or special characters in your theme name. All the images used in the child theme will be stored in this folder. Child theme name is case-sensitive, you have to use the exactly same name for the folder.
  4. This is where you enter the child theme name.
  5. After you have filled the name of your theme, goto the layouts tab and select the header style and the layout style.
  6. Now goto the fonts tab and select the default font and font sizes for your theme.
  7. Now goto the colours tab and select the colours for each element, click save changes and visit your blog to see if the colours you selected are applied correctly.
  8. Once you are done with picking the colours, create a folder in wp-content/themes/SWIFT/child-themes/, for example folder name is “kill-bill” for kill bill theme.
  9. Creating a folder in CPanel
    Creating a folder in CPanel
    Creating a folder in fire FTP
    Creating a folder in fire FTP
  10. Copy the images you selected to use as backgrounds to the folder you created in the above step.
  11. Goto the backgrounds tab and enter the background image names. You should add them along with their extension like header-background.png, headerbackground.jpg.
  12. If you are using patterns and want to repeat it horizontally, select repeat-x from the drop down menu and repeat-y if you want to repeat it vertically. Leaving it blank will repeat the image in both directions.
  13. Click save changes and double-check if you picked the colours for all the elements according to your colour scheme. Be sure to check that you selected the correct colours for sliders,magazine boxes,comments template, subscribe box, author info at the end of the post on single pages,post meta, footer and copyright notice.
  14. Now goto import export options page and copy Swift Design Options and paste it in a text file named import.txt and save it to the folder created in step 6.
  15. Importing design options from child themes.
  16. Include a short read me file about the author and the theme.
  17. Now zip the folder and share it with the fellow Swiftler’s.

Installing child themes of SWIFT.

  1. Download the child theme to your desktop and extract it. Upload the extracted folder to wp-content/themes/SWIFT folder.  Swift theme folder name should be SWIFT (case-sensitive, all caps)
  2. Now goto swift import export options page and copy the contents of the “import.txt” file and paste it in Swift Design Options and click save changes.
  3. That’s it, you activated the new child theme.

Note: Before you make try any child themes, take a backup of  your theme options. Taking backup is very simple, just copy paste the option into a text file. To import the options, paste the text string on the import/export page and click import

For advanced developers

To add images to the div that are not included in the background images tab or to place the background image in a particular location use Custom CSS option. Image path will be ../../themes/SWIFT/child-theme-name/background.png

There was problem importing when quotes were used in Custom CSS, so avoid using and in custom CSS

To position a background image you can use the background position property.

[css]body{background-position: 50% 100%}.[/css]

Tip: If you want to use a image in the bottom like the one in Kill Bill theme, create a canvas of width 1600px or more and leave 960 wide area in the middle.

13 Replies to “How to Install and develop child themes for SWIFT”

  1. I’m wondering how to get child themes working within WPMU.
    Assuming no write access to wp-content/themes/SwiftPremium/ how would I create a child theme?

    Alternatively, if it is not currently possible, what would need to change to make it possible? (I can contribute programming effort, but it would be easier with hints)

  2. It seems a bit confusing for me, is there any easier method of creating child theme (normally we just need to create custom style.css)?

    Thank you

      1. So Satish, are you saying that people who are comfortable with the standard WordPress method of creating child themes can still use that method with Swiftthemes?

  3. Thanks. I have upgraded to the latest version. but now i can’t activate the child theme. I copied the content from import.txt (from kill bill). BTW i noticed there is no save changes button in import/export page. i find only import options.  clicking that also not activating the child theme. Am i missing something here?

    1. Hey I have the same problem. I have the latest version and it says import options not save changes. What is the solution to this?

        1. I tried that already, it doesn’t save the changes, also the text in the fields already looks nothing like the import.txt. The text in the fields already is a all letters and numbers garbled together, so I’m not sure what to do? But I really need to get this working asap.

Leave a Reply

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