changing links in html to be ready for wordpress - javascript

So basically, I want to put my html website on wordpress, I found a way to do it without changing my html too much, however, my only issue now, is because the js and image file now have to stored in different folders, I am trying to figure out a way to automatically update the links (hrefs) in the html files with the url address of files, so when the page loads it detects the images and works properly with the scripts

Related

How to use the Method Create Element (JS) in another PHP file?

I copied a mobile menu from "https://www.100percent.com/" (mobile version). My HTML local page it works fine, but when I put the code in the PHP "header.php", the solution does not work completely.
The DIV that contains the Drawer Is Visible is not created and does not appear.
The site is "https://m.intensebikeshop.com.br".
These pictures show the difference.
A: My PHP page online
B: My local HTML page
The method create 2 divs before </body>, but this tag is the footer.php file. Maybe this is the problem I am not sure.
My page is composed by 3 files (header, home-page and footer.php).
I tried using the z-index. But I think the problem is the method. I see the JS file is not creating the DIVs.
The JS file is: Theme file JS

How do i make a wordpress plugin to work on static websites

I have a wordpress plugin that i want to make work on a simple static website, the plugin is a cloaker so im sure its not wordpress specific and can work anywhere, it contains a php file for the cloaker and a folder with files as seen in the picture picture of the files
Simple way would be to use the plugin on a wordpress page (embed the shortcode in your editor, or more likely create custom page template without footer and header to have a clean page), and use an iframe on your html page to view the content of this page. I would recommend to use the page template because you probably won't need the header and footer of your page.
There are other ways, but you would need to use a php file, not a static html file to make things work.

How to embed HTML5/CSS + js music player on single wordpress page?

I have an html 5, css, and javascript audio player that I'm trying to add to one page on my wordpress site.
I tried to paste the html into my page's text editor, while installing the JS and CSS folders for the player in my child theme's folder, which didn't work.
I tried placing the CSS for the player styling in my child themes CSS file, and that didn't work. I also tried linking to the style sheets and js scripts from the header.php file, which wasn't working for me.
My first thoughts are that because the html is showing up as it should, the css and JS files aren't being called. So I just need to figure out the path structure of how wordpress creates pages? Yet I know wordpress does something with a database to display the pages?
I saw some documentation about using I think it was either php or JS functions to call scripts or something and I don't understand enough of those languages to be able to make sense of it yet.
I'm still working with my developer, but he's 7 hours ahead of me and asleep. I just want to put the hardcoded version of the player and a few songs on my site for now so I can do some testing/see how it looks.
I hope that this question meets the SO req's. I tried to search on my own and I know the answer is out there, I just don't know enough to understand it yet. Trying to get a head start
The path to your Child theme's folder should be '/wp-content/themes/name-of-theme/'. You can use that in your header to call the files from wherever you might have placed them in your Child theme's folder.
To hard code the HTML, pasting it in the WordPress page editor should work fine unless there is another JS call or some weird iFraming going on.. if that's the case, you can simply create a Page Template (https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#creating-custom-page-templates-for-global-use) and paste the code there. You'll likely want to just copy an existing page template from your Theme, take out the inner loop, and replace it with your video code.
Adding the links to your 'header.php' file would be considered bad practice. You would want to create a 'functions.php' file inside your Child theme and call the JS/CSS from there. You can also find this within the WordPress codex (they literally give examples you can copy/paste and change your file names).

Use a website template in my web application project in VS12

I am creating a web site and I was given a website template that has various html pages and javascript that my website will reference. I wanted to know if this is possible to add those files and reference them in my project or if I am going about this the wrong way.
First time building a website but I have experience building applications, just confused on the right way to go about this.
Add a master page to your website and replace it's html by the html of your template. add a content place holder in it so that controls can be placed in content pages. copy image, css , and jquery(if any) folders in website. if your css and images are not shown in design of master page then replace Image to ../Image in its html and source of css ../(your file name)

VS2010 WebApp .js+.css able to be embedded fully within HTML code?

So I'm looking to take HTML code for a slideshow and insert it into an HTML box for an app.
However, obviously the .js and .css dependencies need to go with it, or else it won't function properly.
Is there a way/program that allows me in VS to take those classes and insert them within the HTML file so that they are all read at once, and the slideshow works? Ideas?
Thanks,
D.
Use external files to allow the browser to cache them. Put the reference to the external files in your master page.

Categories

Resources