You would enqueue it, this is how Javascript is added to WordPress properly. This function would typically go in your theme’s functions.php or in a plugin.
function my_scripts_intro() {
is_front_page(){
wp_enqueue_script( 'introjs','path to ..intro.js' );
wp_enqueue_style( 'introcss','path to ..intro.css' );
}
}
add_action( 'wp_enqueue_scripts', 'my_scripts_intro' );
To determine the state of the visitor you would probably want to use cookies.
ps. This questions is very common please use the search.
Related Posts:
- Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
- wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
- How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
- How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
- WordPress Displaying Thumbnails Vertically
- Changing Font-Size based on specific Font thru javascript
- Collapsible button inside a ul list does work in jsfiddle but not in WP
- Relative path instead of absolute for wp_enqueue_script
- Handling URLs in WordPress application
- Can “ and “ tags be used in the HTML editor?
- JavaScript added as link/stylesheet
- Write text below a specific part of a sentence
- WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
- Show enqueued CSS and Script in custom header
- How to insert html/css/javascript code to wordpress plugin
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- Older isotope portfolio rows shifting downward by 1 pixel on hover
- How to integrate my HTML and javascript into my child theme
- Shrink Header Image on Scroll
- How to create fa-bars animated menu
- Does costum code in the root folder get lost when wordpress is updated?
- CSS Minification
- Why is this jquery / java script code not working in mobile / in devices?
- Seperate functions.php for part of site
- How can I get the search form to be selected automatically?
- Implementing a simple slider in code?
- Cannot set property ‘className’ of null at setThemeFromCookie
- How to change “““ to “““?
- Conditionally enqueue a stylesheet based off of a javascript click event
- get_template_directory_uri() generates wrong path
- Remove CSS & JS from
- enqueing Javascript and CSS
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- ACF Pro with SlickJS [closed]
- Show/Hide Div for Login Mask
- prevent HTML output if custom field is empty [closed]
- Plugins not showing up for custom template
- Equal height sections in custom Headway Theme
- W3TotalCache and Javascript — what should go where, when?
- How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
- Combine CSS Files without plugin
- Button doesn’t work in the profile panel
- WordPress Rest Api access the header and extract stylesheets URL
- Invert porfolio item order
- How to make a function to play only on the home page?
- Embed widget from external source (Zendesk)
- Hide Tab Titles from Tabs Block
- How can I hide this custom slider while Elementor editing window is open?
- broken internal JavaScript and CSS files
- Getting and setting CSS variables with JQuery in WordPress backend fails
- Unable to use Datepicker in a table when inserting a row
- How to properly hide the div of an inline collapsible button?
- Change the version of default style.css in wordpress
- Web Developer Console: “Slow network is detected.” with fonts
- Enqueue CSS and Script only if needeed
- How to display javascript banner in website header?
- How would I add this code to a single WordPress page?
- The placeholder text doesnt disappear
- Trouble with adding preloader to my home page index.html and index.js
- Import HTML code that loads css and javascript into specific page
- What can cause JavaScript and CSS files to be minified?
- Bootstrap 4 Optimization
- Move main menu to top of screen
- How to remove audio player styles added by mediaelement.js JavaScript?
- Interactive maps in wordpress
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- How do I add JS and CSS to WP (Flatsome)
- “Plate” theme broken after update
- How to optimise Text to HTML ratio for SEO by separating the HTML into multiple files?
- hide specific css and js files in specific page wordpress with id or without?
- How do I remove/hide embed excerpts from posts
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Gradient borders
- Crop the image using JavaScript
- Style new block-editor alignfull class without scrollbars or overflow
- Changing title to lowercase [closed]
- Is there an earlier hook than login_head or login_enqueue_scripts?
- How to create a custom CSS class for a specific page template?
- What does generate .less file? [closed]
- Certain aspects of site suddenly not working in Chrome and Firefox
- Adding a Calculator to a WordPress Page
- After I change CSS not updating in the browser
- Where are the contents of WP_Head
- Where to add this code for a Modal box to work? [closed]
- Text editor toolbar z-index conflict with location plugin pop
- Hide a div class on WordPress ID (Based on template) [closed]
- Page flickers when new html5 video loads
- Customiser colour picker and best practice for updating css
- Load specific js & css based on class or ID?
- Add HTML input tag to to site navigation
- How to insert a clickable and fixed background [duplicate]
- Use of CSS classes in editor-blocks.css file
- Problems when writing a post
- Will the following code make my css deal with images in the optimum way?
- Add Custom CSS Class in Child Theme [closed]
- can i custom rendered content from API?
- How to add CSS to WordPress
- How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
- Wrap post titles containing slashes on narrow viewports
- changing the banner color of “[product] has been added to your cart.”