So I have been working on a news page for website using Bootstrap Studio (I am new to all of this, only have been using html, css, and a tiny bit of js), and I was just creating individual html pages for each article and manually adding them to a list of articles on a news page. I started looking into it and found the a CMS may be a perfect solution so that I dont need to manually create these pages and can just "create" them in a CMS and somehow import them to my website.
So here is my goal, I want to just have some "recent News" blocks display the most recent articles image and title, as well a dedicated "news" page that displays every article. Also, I want the articles to be displayed on my website, as opposed to linking to an external page.
Is this at all possible, and if so, where would be the best place to start.
I appreciate any and all advice.
If your website is primarily a blogging styled website, my recommendation would be to convert your HTML, CSS, and JavaScript files over to WordPress.
There is a free template called HTML5Blank which allows you to completely style your site with your own HTML and CSS.
Here is a great tutorial.
Related
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.
http://juniorgoldreport.com/ - is the website I'm trying to create an RSS feed for and SEO better.
https://feedity.com/ - is what I'm using to see if I can create the feed, and then ultimately create an app.
A decent amount of my front page content is built via plugin that organize my post's making the maintenance of the website much easier for me, and allowing my employer to post content with ease as well.
Taking a look at the feed, it seems that the website cannot see anything.
From my understanding these post's are being displayed via a proper HTML format, the have h1 tags and proper div blocks and classes.
Do you guys have any suggestions as to how I should I could go about creating a proper feed? Is this a common issue within wordpress?
I'm currently building another website from scratch with a custom CMS (not via wordpress)
What are you suggestions?
RSS feeds are built into Wordpress. Take a look at this page from the Codex about feeds and how to access them.
As a primer you use http://juniorgoldreport.com/feed/ and get the RSS. If you want to access a specific category you'd use http://juniorgoldreport.com/category/[categoryslug]/feed. You can do the same thing with tags.
As for a non Wordpress site I can't say what the best way would be. There are many options.
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.
I’m designing a website with asp.net.
In my website I have many web pages.
All pages have a same header, and same menu, and same right menu bar, and others.
Note that the main data in each page is different from others.
For this, I copy the common HTML part of each page and paste it in new page!
Common parts like these:
div id=”headerDIV” style=… >
…
/div>
My problem is that how can I type these common parts of each page just one time and use it in all pages?
Without doing like this, I should change all pages when I wanna change a little thing in the header for example!
I think one way is to save the common HTML part in one .html file, and use it like this:
<!--#include file="header.html"-->
But, is it a best solution ?!
Isn’t it cause bad loading of the website especially for users with low speed Internet !?
Is there any better solution?
Thanks in advance.
If you are using razor you should learn how to use layout pages these pages contain the shared components that you are talking about. If you are not using razor then use master pages.
Razor is the latest view engine in ASP.NET so modern application will be more likely to use Razor and MVC, legacy software will be more likely to use Web Forms and Master Pages.
What your asking to achieve is simply implemented using a master page. Both ASP.NET WebForms as well as MVC support master pages in their own flavor. Master pages let you implement a common layout while including content sections to display individual page content.
I created an HTML website in dreamweaver it has a index page, nav-menu and around 10 other linked pages. I did not build the website from templates I just copied and pasted.
I want to upload this website using Wordpress and Ive never done it before. I'm still learning but need help figuring thing out;
I saw that in order to upload the page to Wordpress I need to create a so called theme and in order to do that I need to create different files like index.php, header.php, footer.php etc
My question is do I have to do that process with all my pages?
I mean about.html contact.html jobs.html?
What is the ideal way to do it?
A WordPress template is essentially a set of PHP pages and CSS that defines how your WordPress site looks. Template Development Link
Manually converting your site is going to take time. The advantage of the WordPress site will be that your site will be easier to update down the line.
How difficult building your template and pages is really going to depend on how clean your original css and pages are built.
First, build your template. You are going to try and pull your CSS and apply it to the template pages.
Next, you will need to use the WordPress GUI interface to add pages and include the content from your original site.
Again it is going to come down to how much of your formatting was done inline and how much you leveraged CSS in your presentation. A lot of table formatting for example will be more difficult to translate.