wordpress: how to add a custom static HTML page template? - html

is it possible with the dashboard to add custom static HTML files for generating new webpages ?
if not what's the easiest way ?
and how to make sure this pages are categorizable and also referencable on google search engine?

In Your theme directory You ca put some files, and name them like:
page-homepage.php
page-contact.php etc
Now, each of those files needs to open with:
<?php
/*
* Template Name: Contact Page
*/
?>
and this header needs to de diffrent for each file (it gves the termplate a name)
Now put any html You like inside (also consider adding get_header() and get_footer(), so You have all necesary scripts and mockup.
After creating those files, when editing a page in WP You can select the file as template.

Related

Djnago integration with built html template

I have built a complete front-end portfolio using HTML, CSS, and js. There is a a email contact form in the webpage and I want to send an email using Django through that contact form. when I tried to integrate it the index page is rendering but the CSS file is not accessible and all the design is disorganized.
In this way my project files are organised:
This is the actual design:
But after rendering through Django it looks like this:
you just need to address your static files, you can visit this Django doc.
You have your templates folder a bit messy. It actually needs to contain only HTML pages. All the other files move to a 'Static' folder. Then in settings.py you will need to specify this folder as STATIC_URL = '/static/'. This is what would I do at first.

How can I insert / upload an external html file to wordpress?

This may be asked before but I couldn't find any answer which is directly related to my question.
I have a web site using wordpress theme. I want to insert an external html file to the site but I couldn't find anyway to do that.
Note: Just copying the html code doesn't work. The external html file is an R Markdown document created in RStudio. So I must find a way to directly upload it.
You should create a page and paste there your html code
Create a page on the wordpress dashboard (i.e example)
The default appearance of the pages is generated by page.php file located in /wp-contents/themes/YOUR THEME/ folder. Create a php file page-example.php in this folder and paste your html code
When you'll go to this page you'll see the htm code
You have to use Custom Page Template where you can add your own HTML code. After that you just have to choose your page template while creating a page.
Take a look this link to read more about custom page templates.

MEAN JS - where is the main html file (index.html) located

I just started learning MEAN JS and I am trying to find the html file for the main page. However I only see home.client.view.html and header.clinet.view.html in the view folder.
From what I know is, usually there is a main html which holds all the information of the home page, and we can add links of CSS files and JS files in the main html file.
How can I add links of extra CSS files and JS files in MEAN JS since i cannot find the main html file?
The MEANJS top level page is located under server/app/views/layout.server.view.html and is where you set header meta tags. Most everthing else on the page is programmatically inserted by angular, such as links to CSS files and Javascript files.
Any of the CSS or Javascripts files under your server/public directly are automagically added to the page. If you wish to add other, third-party scripts or stylesheets, you do so by editing your server configuration file, located at config/env/all.js.
So for example, to add the angular version of the tinymce editor to your MEANJS site, you'd edit config/env/all.js by adding CSS to module.exports.assets.lib.css and references to the tinymce editor and its angular wrapper to module.exports.assets.lib.js.
You will need to restart your server (via the 'grunt' command) if you change this file while the server is running.
UPDATE
Using mean-cli#0.6.1 to scaffold a new mean project, the default "top-level" page is located under packages/custom/meanStarter/public/views/system where you will find two files:
header.html - which describes the layout of the default navbar
index.html - which lays out the content of the default page
Now, having said that, it should be noted that the "proper" way of configuring a mean server to display your own top-level homepage is to create a new mean package.
See the docs for further information.

Single Html Page without CMS (wordpress)

I have a wordpress website (self hosted blog), but now I need to create a page like http://www.example.com/testpage.html.
How can I do this? How this person has done it? http://lukepeerfly.com/demos/iframe/html.txt
there are few ways to a "landing page" in your site. here's 2 methods:
1 - you can create a page in the cms and then make a template for it.
For example, we wanna make a page named "landing". We duplicate the page.php file in our theme and change his name to landing.php (as described here: http://codex.wordpress.org/images/1/18/Template_Hierarchy.png).
Then, in the page's code, in the top, we'll write the template name in the right syntax:
< ?php
/*
Template Name: landing
*/
?>
//other html/php code here
You can include the header, footer, sidebar, or choose not to include them.
the page url will be www.mysite.com/landing.
2 - The second way is to create a file outside your theme folder, in your server's root directory or in some designated folder (using a ftp connection, ofcourse). in the example you brought, http://lukepeerfly.com/demos/iframe/html.txt, html.txt is probably located in root\demos\iframe directory on the server.
your new file will be outside the wordpress. if you do want the file to be a part of your wordpress system (you need it if you want to use wordpress functions, hooks, database and etc) you'll need to include the "wp-load.php" file in the start of your code.
For example, our page, "landing.php", is directory "pages" in my root directory. in the page's code we'll write the following lines:
<?php
require('./../wp-load.php');
?>
//other html/php code here
In here as well, you can include the header, footer, sidebar, or choose not to include them.
the page url will be www.mysite.com/pages/landing.php.
you can just create the .html file and upload it to your FTP server and then link to it in your wordpress blog.

Drupal site. How do I add custom js/css prettify.js/prettify.css for a drupal page?

I want to use custom css/js. I have moved these to the server. But the drupal page starts with a section. how do I add the custom css/js to my drupal site page. I have admin and just need to know what to do to get this included on the page. Please send exact steps as I am totally new to drupal. Thanks
"Custom CSS and JavaScript files" module allows to specify two folders, one for CSS and one for JS where the stylesheets and javascripts files are located respectively.
The module creates two sub-folders under your files folder:
files/customcssjs/css
files/customcssjs/js
Indeed, it's depend on your task, what css and js files should do, and adding these in custom module (drupal_add_js, drupal_add_css) or custom theme (info file, preprocess in template.php or directly in page-XXX.tpl.php and so on).