Where to insert link hrefs and JS

BB Theme
1

Hello,

The Beaver Builder plugin has been a great success on our site. I could not have pulled it off without you.

I received the following instructions to integrate a new webcam page into our website. We’re using the Beaver Builder theme. I found that we don’t have a “page-templates” directory. Then I realized that since the BB plugin does things differently than a regular WP site and that there is probably a better way than what the instructions say.

Could you look at the instructions below and let me know if there is a better way to do this in our Beaver Builder site? For example, can I just insert the link to their stylesheet and their javascript into the Customizer in the appropriate code section? I’m probably going to try it, but I’d really appreciate your insight.

Here’s what they gave me:

Integrating Violet with WordPress

1. Connect to your web server via your favorite FTP client.
2. Navigate to the "page-templates" directory for your current active WordPress theme.
/wp-content/themes/[theme name]/page-templates/
3. Duplicate the template you'd like to use for the Prism Cam page, re-name the file prism.php.
4. Open the new template file in a text editor then apply the following edits.
5. Change the text proceeding "Template name:" at the top of the file to "Prism Cam".
6. Insert the following html code just above "<?php get_footer(); ?>" at the bottom of the file.

7.  <link href="http://app.prismcam.com/public/views/prism.css" rel="stylesheet" type="text/css" />
8.  <script src="http://app.prismcam.com/public/libs/prism.core.js"></script>

9. Insert the following line of code within whatever page element you'd like to act as the shell for the cam interface.
 <div class="prism-camShell" cam-id="27"></div>
10. Save the file then upload it into the page-templates directory referenced in step 2.
11. Create or edit a page in WordPress & set the page template to Prism.
2

Hey Rick,

I’m glad you enjoyed using our Beaver Builder plugin. I see that you are trying to insert some CSS and JS files. Have you heard of Child Theme? You should have a copy in your Downloads and Orders Page. Apply everything mentioned in the list to the child theme and you should be good to go.

Thanks!

3

Hi KC,

I am using Child Theme. I seem to be having difficulty finding the right template to duplicate. I just want to use the default template, but I don’t know which one it is. Is it content-page.php? Also I think I need to get the template I want to copy from the parent theme because the child theme inherits templates from a parent theme?

Rick

4

Hi KC,

Ok, got it. I copied page.php from the parent theme, renamed it, and placed it in the child theme folder. That worked.

Before that I did try placing the css and JS in the Head code in the Customizer. It seemed to work too, but then it seemed to try to load that particular code for all pages.

Thanks much for your help. Appreciate it.

Rick

5

Hey Rick,

Glad it worked for you. Enjoy BB !

Thanks!

KC