I am working on a portfolio website for a client where they need to be able to upload their work: videos and photos, and some text with (title, short description). Normally I would make such a website with a system like Wordpress, however, the way the website would work is not possible to build with Wordpress (unusual navigation and a more dynamic/animated way to switch between pages). So, I want to build this website by HTML and then connect a CMS system where they can upload their work, which will then properly loaded into HTML pages. I have tried to google solutions, but I cannot find a good approach/tool to do this. Does anyone have a good recommendation for me? Thank in advance, Jip Asveld
I think Wordpress theme is the best solution.
It is very easy to create Wordpress theme from HTML.
Of course, you can CMS functionality to the theme.
You can refer various documents by Google.
For instance, this is one of the documents.
https://websitesetup.org/html-to-wordpress/
Have you concisered a headless cms like https://forestry.io/? This ideal for static html websites, which you could combine with a framework like https://gohugo.io/ to build such a site.
Related
I am trying to make a one page landing page. I want the website to be html based and not wordpress based to make managing it easier. There is a wordpress theme that I really like. Can I do this: 1) install the theme in wordpress 2) view page source 3) copy all code 4) open notepad++ and paste all code 5) save as .html 6) upload html page to the same domain
would this result in a functional website? do you foresee any problems?
I found Your post cause same as You I'm total newb to web page building and developing. In the past I've used wordpress theme's to "build and put online" few simple website's - but decided to learn more to be able to create something by myself and have better control of it.
Same as You I thought about using bits of wordpress theme I really like and convert it to html5 - but unfortunately it's not as easy as you described it above.
The way I understand it (someone correct me if I'm wrong please) the main difference is wordpress themes are "dynamic" and html is static kind of web site , and wordpress themes involve different technology (php not html etc) so simply changing changing *.php to *.html will not work:)
there are few ways of doing it though, please find some resources below:
Using HTTrack to convert WordPress to a static website
Tools to Migrate from WordPress to HTML
hope it helps!
I am trying to design a web site. I am searching for a template to use on all of my pages, such as a news page, home page, about page, projects page, etc. I know that Dreamweaver has this feature, but is there any way to make it in my local workspace?
How can I have a logo or title in one place without copy and pasting it to every file?
There's many ways to make and use templates (and themes), all depending on the technologies you're using, capable of doing or would like to use.
WYSIWYG website software like Dreamweaver provide features for making website templates and themes, but you'll likely be tied to using their proprietary system.
I think most professionals don't like to be locked to proprietary local software like that. Instead they use server-side CMS systems and/or client-side frameworks. Most beginner's probably get exposed to the concept of templates and themes via the WordPress CMS, or via the basic CMS's you find at GoDaddy or Wix.
If you prefer to learn and code manually, and make your own system, that's great! There's tons of possibilities. Ultimately you'd be looking at using templates and/or themes, in one of two ways: Templates loaded client-side via a Javascript framework ... or ... templates loaded server-side via a CMS like WordPress.
This is a little complex, but it will work on most, if not all, modern web servers. For testing, you'll have to look into something like IIS.
Create a header HTML page as header.html with your logo, title, navbar, et cetera. Then in any file you will have to write: <?php include "header.html" ?>
This won't work unless you download and install PHP and set up a localhost, something you can learn how to do here.
This might not qualify as a template, but will work for your purposes.
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
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.
Are iframes still widely in use today?
I am coding a site with divs, and I want everything to appear in the container div. Is it possible to do it without coding the header + nav into each page and have the content show at the exact same spot without using iframes?
I did a quick Google search and found a post that said it's not possible, but my site will have quite a bit of links.
As of right now, I am coding it with Tumblr, and the hashtags in the posts would act as links to a section of posts (Ex: #blog would retrieve every post under the "blog" link). What are some widely used ways to target links on a website?
If you are creating a multi-page website, it would be helpful to have the HTML content be generated dynamically or be built statically from template files. You don't want to manually update the same content across multiple HTML files.
Dynamic Pages
There are several options for dynamically generating HTML content depending on the software available to you. For example, PHP is a popular language for web development and is available through many web hosts.
Static Pages
It is possible to build static HTML documents from templates using something like Jekyll.
I'm not sure if I'm interpreting what you mean by "coding it with Tumblr" correctly or not, but I think you mean you're making a Tumblr site with their built-in HTML editing capability.
I think you'll have a very difficult time achieving the behavior you desire there. I think you're trying to create something resembling a single-page application. Tumblr probably just allows basic static HTML with little Javascript. The suggestion Kyle made about using PHP or something like that won't work because that code must be executed on a server, and Tumblr doesn't provide that capability to my knowledge.
If you really want this kind of functionality, you probably should get some paid web hosting and develop your web development skills. It's not a simple task, but it's fun!
Sorry if I underestimated you or anything. Just trying to read between the lines. It seems to me that you may be relatively new to web development given the content of your post, and I'm trying to nudge you in the right direction constructively.