How to import website to WordPress - html

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.

Related

How to replicate a wordpress site in wordpress?

I want to build a personal website on wordpress.com
I have found a website that I really like the look of and want my website to look extremely similar to that website, maybe with just different assets.
I have some experience in Java and C but none in html. What would be the best way to replicate the source website onto my own website. I know I can inspect the element and look at the source code but it is really unintuitive. Is there a better way? How do I find the themes the original site used? Is there any way to copy the html code onto my own website?
Are you sure you want to build it on WordPress.com? It's hosted by WordPress, but also very limited and you can't really modify the themes.
If you want more control, you should do it using self-hosted WordPress.org package.
To check what kind of theme is used, go to source code and search for "wp-content/themes/theme-name" or find the main CSS file (often style.css) as there will be commented details that are shown by WordPress in Themes menu.
There are 2 options:
The website you like is a custom design and there is no easy way to copy that and it can be even illegal if you don't ask the owner. If you really want to copy the source, there is only a manual way - you download the source styles and scripts and modify it. Tough and risky way, because the sources are often minified.
The website is using a free or premium theme, available to buy, that's going to save you hours of work and probably allows a lot of customization, so you only have to spend some time to adjust it to your needs, upload photos etc. You will probably even don't have to look at the code.
(extra) If you still don't know what theme it is - ask the owner

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

use wordpress only as a cms for non-wordpress made webpage

Hoping someone can help me. I have built myself a webpage and now i need a CMS for it .
The webpage is made by me entirely (not a WordPress theme or anything), the question is can WordPress be used for it as a CMS only and how? If not what is the best way to "bind" CMS to my webpage?
Thanks
Wordpress is a opensource and freely available platform where you can build your own website by using their themes as well as you can create your own theme or child theme.
You first need to understood your requirement and then decide to use any available theme or creates your own new theme. If you want to use your own webpage which you have created then create a new theme and use that code in new theme.
For creating a new theme please chek below link.
http://www.wpexplorer.com/create-wordpress-theme-html-1/
https://codex.wordpress.org/Theme_Development
You can, look at this link
https://codex.wordpress.org/Theme_Development
Here you will find an explanation on how to build a wordpress theme, i suggest you turn your webpage into a theme and then use wordpress as CMS.
It may take some work but in the future you will be thankful you did it.

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.

Easiest CMS to Theme?

I'm trying to create a theme for a CMS, but it's proving nearly impossible, as I have no understanding of PHP or ASP.NET. I can put a site together via CSS and HTML, but I want clients to be able to add and edit content themselves. I'm about ready to give up on designing one altogether and just use an existing theme.
I've had a go at trying to understand the inner workings of Wordpress, SilverStripe, Umbraco and Pixie, but the tutorials have left me confounded. Are there other CMSes I should be looking into for a more simplified theming process?
I'd really love to be able to just drop a chunk of code into the content area of a given HTML page, and make that region editable from a WYSIWYG front end that the client can log into. Is there such a thing?
Anything but DotNetNuke.
I'd recommend giving Wordpress another try.
I'm no web developer, just a an average Java/C# programmer who needed a web site and has some basic knowledge of HTML and CSS. What I did was find a theme that was similar to what I wanted, then started tweaking it incrementally. My theme is pretty basic, but before long I got a pretty good grasp of "The Loop" and printing out category and page links and such.
How about Movable Type?
You can (and should) edit the templates via the web interface, they are divided into separate modules, so you can concentrate on one area of the site, styling is of course handled via CSS.
It took me a few hours without any prior experience with this CMS to completely port a Wordpress theme to MT - I found the documentation very helpful and didn't even have to look elsewhere.
An awesome thing about MT - it generates static pages based on the templates you defined. Meaning, very low load on the server, you don't need to query the database on every request, etc. You could probably do the same/similar by activating the cache plugin (or is it built in now?) in Wordpress, but here it's the default modus operandi so it's more stable and integrated with the CMS.
Drupal with the zen theme (or a "lighter" version of it: Starkish theme) seems like a popular choice (and well deserved, too). It gives you a good starting point, it has great documentation and many modules available.
PS: I've added this as an additional answer so that it can be voted upon separately from my other suggestion - I just could not stop myself from bringing up the Drupal + zen combo :)
I worked with Joomla, it is really easy to have a theme for it without knowing any programming language. When you install it using a simple installer, there will be a folder named templates. There are three simple themes each in its own folder. Just copy one of them,change XML data for that theme ( just to name it and have some details, no programming ) and change the contents of CSS and HTMLs. every where you see something unrelated to HTML like , copy them!! Names are descriptive. so you can guess what do they do. give it a try!
I'd really love to be able to just drop a chunk of code into the content area of a given HTML page, and make that region editable from a WYSIWYG front end that the client can log into. Is there such a thing?
The only system I've come across with this kind of functionality is Perch.
Just create your website using HTML/CSS as usual and chuck in a few small php tags where you want editable content. These areas are then added to an admin area for your clients to edit.
The only drawback is it costs £35 per site - I don't know if there's a free/open-source CMS with this functionality...
It's difficult to say which CMS will be the best one for you (maybe your question should be made into a community wiki question).
I have a little experience with mojoPortal, and found it to be easily customizable. There's a lot of documentation about how to skin your CMS and there a lots of complete skins that you can use as a starting point.
There is also a demo site, where you can see how the CMS works for an end-user.
Take a look at Joomla. That was the first CMS that I really used, and I still think its templating engine is better than most of the others out there.
Its template system essentially lets you build a standard web page, and then use some simple tags to define where the content and modules would go. You can override the output of most external components and modules without too much trouble, and the vast library of third-party extensions should help you add a ton of functionality to your site without much coding on your part. Joomla also has a fairly easy-to-use administrative backend, so your clients should like it too.
This page for themeing Wordpress helped me a lot:
Theme Development
UPDATE
Xichael,
If you know HTML and CSS pretty well, but you just don't want to spend time learning the Wordpress framework, then I think this is a good option for you (again, I can relate to your situation). Use Wordpress with the new Toolbox starter theme. It's super minimal.
Toolbox: An HTML5 WordPress Starter Theme
Here's an example of what it looks like. Just "View page source" and go to town on the CSS!
I've thought about writing my own very simple CMS just for handling pages, i.e. you have some sort of template, and then a <div> in the middle to drop in text from a WYSIWYG editor. You could even use XML as the data store to eliminate having to set up a database to store the page content.
It would sort of be re-inventing the wheel though, because there is so much polished CMS software out there already, but it wouldn't be that hard because it wouldn't have 99% of the features most systems have. However, what happens when your client wants to add something in the future that's already standard in an existing CMS or plugin?
If you are looking for a simple CMS tool, CMSimple is as basic as it gets. A small PHP based CMS system that does not even require a database or XML.
"CMSimple is the ideal tool for a single user to maintain a website."
Original version here: CMSimple.ORG
Original plus 2 enhanced versions here: Download CMSimple
117KB content manangement system
no database required; the entire site is stored in a single HTML file
built in WYSIWYG
no modules or widgets, no blog, no comments, etc., just basic pages
uses PHP (but no database)
Get themes here: dotcomwebdesign.com