wordpress theme from scratch: missing display page - wordpress-theming

So, i'm creating a wordpress theme from scratch. I have everything done, except for the page where the content should be posted. It is missing. what should i do?
These are the only files i have
front-page.php
index.php

A wordpress theme contains normally more than just a index.php file and a page template.
If you have stuffed everything in the index.php file, then have you need to have a look how the Wordpress loop works:
http://codex.wordpress.org/The_Loop
I would also have a look at one of the 1000s of Wordpress theme development tutorials that are floating around on the net. Here you will find many ways how to structure you theme.

Related

Is it possible to add a single custom HTML page to an existing Hugo theme like Academic?

What do you want exactly?
I have a website in Hugo. However I have a peculiar situation.
Scientists and Electrical Engineers and others may have specific needs. For Eg: Having a single page that shows a simulation. Or in my case using webbluetooth and webusb that I have written from scratch in HTML, CSS and JS. Moreover these pages may be generated by custom scripts. So you can have git submodules inside your hugo site that specifically cater to generating these custom, single page html that you just want to add to your website.
So all I want is to have a menu item or sidebar whatever the existing theme supports, but instead of showing the default html, it should show my custom, hard-coded, already ready and prepared html file - which may as well be an index.html file in a folder with all the necessary contents ready and cooked - something like the _site folder that jekyll creates.
What do you mean by custom html?
I mean it doesn't take the formatting of the hugo theme. It has its own formatting, but because its just a single page in the whole website its not fruitful to have its own layout written in Hugo or maybe its just worth the effort to do that cause you already have it working using some other technology.
What have you done so far and what works?
I am actually coming from a Jekyll background where it's as simple as changing the layout frontmatter and making it nil or even something that doesn't exist at all and jekyll does a great job of showing custom HTML in an existing theme. Tried the same with Hugo but that didn't work.
What are you testing on?
hugo-coder and(or) hugo-academic
Any specific requests?
Ideally I would like to have submodules in my hugo site folder where those submodules generate custom html in known folders and then somehow make a corresponding markdown file in Hugo that is responsible for showing the custom html.
I want to avoid writing the whole html in the markdown itself. But if no other solution is possible then I guess I don't have a choice.
Do let me know if its possible and worthwhile to pursue this and any references that might help.
So I don't know if this is the perfect solution but it somehow works for the moment. I will not accept it as its not perfect and I am waiting for some of the more experienced folks to answer.
I got something working by doing the following -
I had a page built using Jekyll. Jekyll builds the site in a folder called _site.
I copied the _site folder into static folder of Hugo and renamed it correspondingly to CustomHTML OR you could use the flag -d <destination folder> or declare it in the _config.yml file : destination: <destination folder>
Since I am testing it on hugo-acdemic theme, for that I added the following to the config.toml file to show it in the menu -
[[menu.main]]
name = "CustomHTML"
url = "CustomHTML/index.html"
weight = 50
hugo serve And it worked.
Cool thing is that I didn't have to bother about CSS and anything else. Hugo rendered the index.html in _site properly.
EDIT
Looks like the Hugo folks also suggest doing the same way.

mitigate static html pages from xampp to wordpress

I have developed a website using xampp. And I want it to replace a current website on Wordpress.
I tried looking for tutorial/steps online, have tried a few, nothing seems to work.
I desperately need to upload it, so it would replace the current website. So any help would be greatly appreciated.
P.S: the website is fully static, no database is required.
Remove everything in the wordpress folder (or move it to a subfolder for the time being while you test) via ftp and upload the html site. As long as your new site has a index.html/index.htm it will replace the wordpress site at the url.
Step 1. Create Template in theme folder
Step 2. Give Template at the top of the page Like this
Step 3. Place all Html code below the template name
Step 4. Go to wordpress dashborad choose your template 'CustomPageT1' from dropdown
Further Detail check the link below
For Example: http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

Custom wordpress theme

So I have been using the foundation framework to create my website. Its full of HTML,CSS,JS and images. I was looking at a tutorial from HTML to Wordpress conversion. I understanding having separate files called header.php, footer.php, aside.php and index.php.
What I don't understand that has not been spoken about is I have 3 pages in my website. HOME , ABOUTUS and FAQ. They all have the same footer and header. Is the index.php a template for the actual theme from which I can build upon to create the other pages or do I have to do this process manually for each file.
the index.php is your front page. The page.php file includes your pages but you have to create the file. Please read a tutorial how to do this. If you would like to create a page you should copy the content from your HOME, ABOUTUS, FAQ in the textfield in wordpress where you create your pages. HTML is allowed it should be no problem but you have to remove the header and footer from HOME, ABOUTUS and FAQ because you include it in your theme. If you would like to use a menu on your website which display the links to your pages you have to register a menu in your functions.php and to include it in the header, footer, page.php, index.php etc. But read a tutorial, please. After that you should know how to create a WordPress theme

Having html and wordpress on the same directory

I have a WordPress site with a couple of posts on it. To this site I need to add a few HTML pages (including index.html). I need both of them to work properly.
The home page should be the index.html page, and all its links(HTML pages).
The previous site URL's i.e. WordPress URL's should also work.
I put them together and the index.html page displays as home page, the subpages(HTML) also work fine. Although all WordPress URL's are re-directing to the index.html itself.
Is this possible? How do I make the old WordPress URL's work fine (i.e. not redirect the index.html page)?
When dealing with issues like this, I like to create page templates in Wordpress (with page names like About, Projects, etc.) And then I create a .php file using the slug title of it (so a projects page will correspond to a .php file called 'page-projects.php'
One example being I make a page called 'about', then I create 'page-about.php' in my Wordpress directory. The Wordpress Template Hierarchy will, along the way, look for a .php file called 'page-about.php'
A solution like this is great because those pages are linked through your site, so using /about or /projects will bring you to the proper pages instead of redirecting to the main page (because it redirects to your index when Wordpress can't find any other suitable template to display)

Static HTML page that links to current Wordpress blog

So, I currently have a WP blog installed. What I want to do is put a static HTML landing page at the root of the site and then a link to the blog. The HTML landing page does not look similar in theme and everything is hosted under the same domain.
How can I do this with this current structure?
I suppose I would have to somehow move the blog to /blog instead of the root?
Thanks.
Depending on what server you're running, you might not need to do anything. Certain servers, like Apache, have a DirectoryIndex which gives priority to .html files by default. So even if you had index.html and index.php in the same folder, it would load the index.html file.
You could also define the priority in an htaccess file or use the commenter above's suggestion of pasting the HTML into the index.php template and then making a "home" template and telling Wordpress to use that specific page as the homepage.
That being said, I would strongly recommend installing Wordpress in a sub-directory, such as "/blog" as you mentioned. Just as a fail-safe.