USE WORDPRESS PLUGIN
YOURDOMAIN.COM/wp-admin/plugin-install.php?s=custom+javascript&tab=search&type=term
NAME OF PLUGIN: TC Custom JavaScript
Add code from JS section in codepen
Category: Free Resource
Email me for api key, I need your domain (where wordpress in installed)
https://angelprivate.s3.amazonaws.com/teaching/yootheme_wp_1.18.8.zip
Here is a great list of resources to utilize:
- https://www.learnsketch.com/tutorials
- http://sketchmaster.com/ (paid)
- https://www.sketchapp.com/docs/the-interface/
- https://www.sketchappsources.com/tutorials-tips.html
- https://medium.com/sketch-app-sources/sketch-a-beginner-s-guide-9a6c13ad408d
A great script I bought here
https://codecanyon.net/item/contactme-responsive-ajax-contact-form-html5-php/20256608
You can download from here.
After download, I had to change the following fields:
- from_name
- from_address
- to_address
If you want to enable human validation (prevent bots from submitting) there are instructions in index.html you can follow.
Visit https://www.google.com/recaptcha/admin
Fill out the following items
It will provide you with all the needed info here
Update the configs.php file
Change the html as needed to enter the sitekey (this occurs for each form on index.html so you need to copy paste a few times)
Uncomment script near the bottom of the page!
You end up with
Which submits and sends an email like this!
Pretty awesome! Check out final product http://myfinalprojectrocks.com/contact/
Quiz http://x.co/webquiz4
Links
- Canvas HTML Template from ThemeForest
- jQuery Boilerplate
- With less and live reload
- jQueryWithLessLiveReload http://x.co/webjquery1
- Without less and live reload
- jQueryPlain.zip http://x.co/webjquery2
- With less and live reload
Homework
- Get hosting/domain (if you can’t afford it email me and ill provide you a subdomain and FTP to use, I can install WordPress for you)
- Install WordPress with a theme
- OR Put your current web code there
- OR Use canvas code I shared
- You should have minimal
- Your home page elements (at least the main ones)
- One of the pages of your website almost done