Currently I am following tutorials online that uses 1 index.html file, and 1 app.js file that results in only 1 page. However I would like to have multiple pages, that links back and forth with a click of a button, how do I have multiple pages?
Do I have to code all the pages in the same index.html file? Or do I need to create another html?
Or do I need to create another html?
Yes. Unless you are building a SPA or dynamically generating your HTML with server side code: Each HTML file is a page.
that links back and forth with a click of a button
The <a> element is used to create links between pages.
Other page
Related
I'm creating a new website and I will have different pages on it. However, instead of creating new HTML files for each page and an anchor for each, I want all my pages contained in one HTML file. Is it possible in any way?
You can try Vue js or React js or many js frameworks ... which contain components.
Using HTML
You can control HTML page section how tabs working in HTML, take a look in Bootstrap Tabs, or you can hide/show sections using CSS or using JS, you may store HTML for each page in array of js and load that HTML to Body based on URL you create
Using Server Side Language
Also if you need single page application with multiple pages you need a Server Side language, where Database contains your website configurations and you can load based on the URL each page's layout or text like heading forms etc...
Gday
I like to know how you would go about creating a home page in plain html and have WordPress run the other pages?
The reason is I’d like to create a solely plain html website but I need WordPress for my contact page it has a large form on it and I use a plugin to generate it and forms are a bit beyond my knowledge at the moment to create a contact page myself.
(I have tried creating a template page but then WordPress adds unnecessary code [from plugins ] and makes the AMP invalid)
Honestly I'd try and keep it self contained in WordPress itself.
If for some reason you really want a separate HTML/PHP Homepage, follow these steps:
Add a my-homepage.php file to your /wp-content/themes/ACTIVE-THEME directory
Inside that file put the following code:
Add a new page (Pages > Add New)
Give it a recognizable name like "My Homepage"
In the "Template" selector on the right hand side, pick "My HTML Homepage" and click Publish
Go to Settings > Reading, change Your homepage displays to A static page and pick the page you just made
Now you can add your own code as you see fit. Nothing "WordPress" related will get loaded or hooked in since there's no functions on that file - so you're free to code HTML (or PHP) to your heart's content.
You can see a bit more indepth answer over on WPSE: https://wordpress.stackexchange.com/questions/296592/how-to-use-custom-html-file-instead-of-wordpress-homepage
I made a little game using html and new I´m looking to publish it on my wordpress site. There is only on problem though, I don´t know how to add a page in html code. If I add a new Site I can only edit the text and attach pictures, but is there a way to add a complete page under a domain like www.example.com/page ?
Upload the HTML file to your website's root directory using FTP. If you name it game.html, you should be able to open the file by navigating directly to it www.example.com/game.html.
You go to My Page. Then there is a submenu Publish. Click on the button Add next to Pages. When you did that, there is that small menu in the middle where you can choose several options such as header, bold, italics, etc.. In the top right corner of that menu, there are two options: Visual | HTML. Just click on HTML and you can add HTML code.
I can't get editable html code behind the page. I want to make some changes to the page. Web site is hosted in the remote server. Someone assigned this task. There is empty editor when open edit page as below image.
Also I added plugin and actived it but can't get the result.
The picture you posted is of the WYSIWYG editor, which is only for adding content to the page.
If you want to edit the layout of the page itself you have 2 options -
Minor page edits to appear across all pages on the site - Go to Appearance -> editor -> page.php and then edit the code to suite your needs.
Large page edits to appear on one or two pages -
Get access to the files
Duplicate page.php with a different name
Edit code
When you go to add a new page you should have an option to pick a page template. Choose the page template you just created.
If you know exactly what you are doing, you can use Chrome "Inspect" feature, and change the HTML of the content inside the WordPress WYSIWYG Editor. After injecting your HTML, click Preview or Publish and your changes will be saved correctly.
In WordPress 5.5.3, you should be able to click the three dots on the top right, then select Code editor. Alternatively, press Ctrl+Shift+Alt+M.
i have 7 links in one html page and when i clicking any links leads to another page with link heading(eg: link heading) of that link.
My question is ,for this instead of creating 7 other pages for 7 links ,is that possible to create a single page which shows the links headings dynamically when the links are clicked?
Is that possible by using xml ?am new to xml parsing ?
You'll have to use a programming language such as php to dynamically load the data. Then the links can be like: http://example.com/link.php?target=3