Adding the framework to other themes - Hardest but best method

The Block Kit framework contains files that need to be on your site for Block Kit to work. The Blocks/Stacks will only display in preview mode if the theme you are using has the Block Kit framework. The hard method adds the Rapidweaver.org framework to the whole theme. This method is fast to download/upload and only has to be done once per theme. It is a little more tricky to set up than other methods.

Locate the files needed for this method

1) Open the dmg file you downloaded from rapidweaver.org. Double click the folder 'Hard'. Inside this folder you should see the 'add_to_assets' folder and the 'html_code.txt' text which we will use in the following steps.

Open up the theme

1) Right click theme you want to add Block Kit to, here we are adding it to the Silk Theme

2) Click 'Reveal Theme Contents in Finder...' This will open a finder window with the contents of the theme

Add the assets file

1) Select the add_to_assets folder which you located in the first step.

2) Drag this folder into the 'CSS' folder in the theme you just opened up.

3) Here we can see the add_to_assets folder is now under the 'css' folder in the theme

Open the index.html file

1) Still in the theme, Right Click index.html

2) Open it with your favorite html editor. I am going to use TextWrangler which is a free editor from Barebones software. Get it here.

Note: It is a good idea to make a duplicate copy to index.html, and name it something like index_original.html. That way if you ever want to revert back to the original theme, you just need to rename the index_original file to index.html

Edit the html file

If you have not edited html before this step might look a little daunting, but really all we are going to do is copy and paste some code into the file.

1) Open the 'html_code.txt' file which you located in step one.

2) Copy the text in the 'html_code.txt' file.

3) Paste this text in the index.html file. It must go somewhere between the word '<head>' and the word '</head>'. I recommend placing it just before the </head> as shown. If you are using the theme BlocksBox it works better if you paste it directly after the word '<head>'.

4) Save this file. Hardcore.

Previous Lesson: Adding the framework to other themes - Easy method Table of Contents Next Lesson: Upgrading from 1.2 to 1.3