@SatyamSahay14,
I have moved quite a few clients from Hubspot to WordPress and vice versa, and I will tell you it is much easier going into Hubspot then out.
The first thing you should do is pull your template files. This includes:
1.html
2.css
3.js
If you pages are built in the template builder then you either need to:
A. rebuild them in html
B. Try to copy the source code (ctr + u or right click → “view source”)
If they are coded then you can just copy and paste the code.
Second you want to create a local version of the template using just HTML/CSS/JS. No PHP, no HubL, etc. You want the template to be working as .html files. The navigation links don’t need to work but if you open index.html of your template set, for instance, the page should open in your browser, as a .html file, fully intact and looking like it currently does. Whatever level of mobile responsiveness you currently have should be in tact, basically it should be a perfect copy of your current site in template form, not per page.
Third you are going to want to convert the template to a WordPress template. It took me a little while to learn WordPress templating so expect to do some research if you aren’t familiar. You will find tons of tutorials about creating child themes, creating themes using “x” framework, etc. You don’t want or need those. Trying to use those tutorials will only confuse you.
The WordPress Reference isn’t as nice as HubL’s docs but it works the same way.
The WordPress Template Hierarchy is important because it shows you how to name your pages in order for them to work for specific reasons, i.e. front-page.php is the automatic template used for the page set as your front page, home.php is your automatic blog listing page, single.php is your single post page for blog articles, and there are a few other defaults as you will see. Other than the default required templates you can create your own templates for custom pages.
WordPress also requires a few files within the template folder.
Before you can start testing your template you need to install WordPress and set it up. I would suggest a local version to build the template using xampp, wampp, mampp, or lampp depending on your operating system. If you choose to test your template on a server then you will need filezilla connected to the server and the ability to navigate through WordPress’s directories so you know where to place and update your template files as you test your template.
You can get a 7-10 free trial of Lynda.com and teamtreehouse.com where you will find wordpress theming tutorials. Sign up, hit the tutorials then cancel if you don’t want to keep the subscription. Honestly treehouse was better but lynda was useful too.
When you go to turn your html templates into WordPress templates you will want to keep 2 plugins in mind:
1. Advanced custom fields - You know how in Hubspot if you need to make a piece of content or a section editable you can just toss in an editable field? Those days are over for you. WordPress only has 2 available fields in it’s loop (the WordPress loop being something else you need to research)
<?php the_title(); ?>
<?php the_content(); ?>
If you need any more fields than this in a template, and you will, then you will first need to install ACF, then go to it’s dashboad, create a new field group, add the fields you want, set up the conditions as to which page/post-type/template the fields should be used on. Then you have to go in to your template and add your custom fields where you need them
<p><?php the_field(field_system_name); ?></p>
2. Custom Post Types UI - Literally the only thing WordPress has over Hubspot, the ability to create and use custom post types.
2. widets - This comes by default, but do you like global modules? WordPess doesn’t. Every global module plugin I have tried is limited by not allowing you to wrap it in your markup. The only way I have found to make something global is by setting up widgets and applying them to the header and footer.
You’ll also want plugins for caching, performance, security, seo, and probably like 50 more plugins. If you need something done, think plugin, and expect them to interfere with each. install, debug, repeat.
My suggestion to you: RUN!!! Or at least hire a cheap wordpress themer on upwork or something and let them do what they are good at. Or start over on the site using a prebuilt WordPress theme. Purchasing a theme will save you tons of time.
Need help? Hire Us Here