Adding Wordpress to Static HTML Page? - html

I was asked earlier today about adding WordPress to a website and was wondering if it was possible and how much work it would be.
Basically there is a static HTML page millerat.com. The owner of the site wants me to create a WordPress blog with the URL millerat.com/blog. The theme needs to look similar to the static page and the owner does not want to change the static HTML page, other than adding a navigation link to the blog.
So is this possible? How difficult would it be?
All advice on doing this is appreciated.

Designing a new wordpress theme could be a bit of a hassle, but overall what you're trying to do is not that difficult. What you'll want to do is simply link his static page to the wordpess blog like you would any website. The question your asking has a lot of material to be covered, but this link should certainly get you started. Setting up the existing website is quite easy, setting up wordpress will be a bit more work. You'll need a decent grasp of PHP, HTML, and CSS to get the theme the way you'd like, but it is all definitely doable. Once again this one is a very extensive topic, but you can find the documentation for designing a wordpress theme here.

Certainly possible.
If you're not familiar with WP, there will certainly be some learning curve.

Related

Styling Specific Pages or Elements of a Specific Page of a Wordpress Site with Tailwind CSS

I have an existing WordPress site that is running on a Front End Theme, Divi. This is a Major Site with almost 250k Visitors a Month and the Design and content is kind of getting old.
I'd started learning and practising to create my own sites using Gatsby and Strapi however, the commitment to rebuild this site again from scratch would be weeks if not months.
I googled up how to use Tailwind CSS on my WordPress site, the results were directing me in creating a new theme. but then I would have to use another plugin that would allow me to use multiple themes on a single site.
Can I instead use Tailwind and either Vanilla HTML or JSX on a page instead of going through the theme path. The changes that I'll be making are mostly front end based and honestly speaking Divi sucks in creating the design I'm trying to go ahead with.
The site I'm discussing is www.deltamotocorp.com and I would like to only make changes to certain elements on certain pages and slowly I could get approval for a complete rebuild for the same.
Thanks for your help in advance.
Cheers!
I would not recommend using a separate technology, such as tailwind-CSS for a site that has been built with standard CSS techniques. The reason is if anyone other than you would need to work on the site, it would make that person's life a misery. It also shows in the design.
The website does not look that outdated. I agree some elements could need adjustment. I found the site, although it looks very simple, is a bit disorganized.
Sometimes, taking on fixes is much more work. It's like buying pants 5 years ago and trying to change the style of pockets and zipper or width of the legs.
Give the project owner an idea what would need changing, cost, etc. and if really necessary, tell them a new site would not only be visually more pleasing and technologically more advanced, it could give the chance to organize it better, and the price would be less than fixing.
A better upgrade would be an e-commerce website with a search button, etc.
I hope you get the approval for a new site, but don't mish/mash things.
Keep it clean, keep it clear for others as well.

Learning HTML and Bootstrap by recreating my website, and I had some general questions

I'm trying to teach myself more about web design and development by recreating my WordPress portfolio Site, and I eventually want to completely replace my site with this new one. I've done my research and taken a few classes on it, but I had a few general questions:
How would I make the blog section? Would I still want to use something like a WordPress database, or would I be creating all of that from scratch? Are there other tools you'd recommend?
What would you recommend for storing data for the portfolio grid? On my current website each entry is a post type, though that's through WordPress.
I've noticed a lot of WordPress themes have very similar functionality, and many of them use Bootstrap. Is there something the equivalent to a library that these themes use for things like landing pages, post grids, ect?
If you even just had a few links to throw at me to point me in the right direction, that'd be great. I've searched around, but haven't found too much.
EDIT: To clarify, I'm attempting to recreate my WordPress website in HTML using Bootstrap.
How would i make the blog section?
If you are using wordpress, well, you don't have to, wordpress have a Post section specified for blogs.
Would I still want to use something like a WordPress database, or would I be creating all of that from scratch?
Yes, if you are using wordpress, they have their own database, it's not suggested to modify it at all. But if you are not using wordpress, you have to design your database from scratch and either use a database system like MySQL or MSSQL etc.
What would you recommend for storing data for the portfolio grid? On my current website each entry is a post type, though that's through WordPress.
Again, if you are using wordpress, there's probably a plugin you can install to show your portfolio, the database table is automatically created when you install the plugin.
I've noticed a lot of WordPress themes have very similar functionality, and many of them use Bootstrap. Is there something the equivalent to a library that these themes use for things like landing pages, post grids, ect?
Well, Bootstrap is a popular frontend framework, that's why alot of sites use it. No there's no equivalent libarary these themes use, the equivalent libarary is Bootstrap, and then you customize your landing pages, post grids, etc with your own css/script.
If you even just had a few links to throw at me to point me in the right direction, that'd be great. I've searched around, but haven't found too much.
Look up different themes and templates here if you need it, there's wordpress specific themes too Themeforest

how to put html code into wordpress theme

I've been running my own blogger website from sometime and now I thought might be the time of some changes.
I'm also a website designer. TBH I suck at PHP but I'm good at html. I have designed a Home page for my site and I Want to put it to my website. But the problem is that the site is running on WordPress theme.
So, is there a way that I somehow put my html coding of Home Page into the theme and the rest remains the same(I mean the rest of the pages).
Thank You
Well if you want to modify the theme, you will have to create a child theme because if the Theme has an update, you will lose your modification.
Create a child theme is not very difficult and the Codex tutorial is not complicated : https://codex.wordpress.org/Child_Themes
Hope i answered correctly. If not, tell me why.

How to import website to WordPress

I have a website written in HTML5 and CSS3 and I want to use this site in WordPress. I tried to upload it like template, but it didn't work. How can I solve this issue?
Sirko pointed you in the right direction. WordPress relies on PHP processing and MySQL database so you cannot simply upload it to the theme folder and activate. The HTML and CSS theme will need to be modified to incorporate the core WordPress theme development, at least. It isn't that difficult if you understand how WordPress works.
If you simply want to start with converting the theme to WordPress to support pages and menus alone, it isn't so complicated. If you are very new to this, it might be a stumbling block. You really should learn the core components to making a WP theme. Good luck!
Elegant themes walkthrough - HTML converted to WordPress
Your question is far too general to answer without you narrowing the scope; start with https://codex.wordpress.org/Main_Page to find out how to install and run WordPress, read https://codex.wordpress.org/Theme_Development if you want to adapt your current design to a WordPress theme. And you will need to import content, either by the database or manual entry with the WordPress editor. Read up and then come back to SO with more specific questions.
There is a reason why people sell themes either with HTML5 and Wordpress, though seperate in nature but structural in bound.
It is a long process but simple if you have knowledge of websites:
https://www.elegantthemes.com/blog/tips-tricks/converting-html-sites-to-wordpress-sites
Same as Markatledge said previously, by following the link above it can help you.

How to convert a static html template to wordpress?

I am new to WordPress theme development.I need to know how to convert an html page to wordpress theme completely with theme option and how to create widgets for themes.
Can anyone help me?
Thanks
The best way to start developing themes is to look at the way existing themes are build and to look at the WordPress codex (as Marc suggested). If you follow the WordPress standards and get used to the system, WordPress is a very flexible platform for building websites.
Another thing: Google is your best friend :) Almost everything you want to do with WordPress has already been asked on Google.
Good luck!
Their are alot of tutorials online but I suggest starting with something simple like this free program from http://www.wpsiteconvertor.com/
Basicaly the whole gist of creating a wordpress theme (lets say you have one page and a style file) you would have to seperate that page into like 5 files minimum header.php, footer.php, index.php,you would also need to make style file changes and add a functions.php file. But take a look at that program above and you will see what kind of codes are added to a site to make a wordpress theme work.