Skip to content

Instantly share code, notes, and snippets.

View vanaf1979's full-sized avatar

VA79 vanaf1979

View GitHub Profile
@vanaf1979
vanaf1979 / functions-styles-scripts-remote.php
Last active January 3, 2020 19:57
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
function my_theme_enqueue_styles()
{
/* Add a remote purecss framework stylesheet */
wp_enqueue_style( 'my-theme-purecss', 'https://unpkg.com/purecss@1.0.0/build/pure-min.css', array(), '1.0.0', 'all' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>
@vanaf1979
vanaf1979 / functions-styles-scripts-remote-result.html
Last active January 3, 2020 19:58
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<link rel='stylesheet' id='my-theme-purecss-css' href='https://unpkg.com/purecss@1.0.0/build/pure-min.css?ver=1.0.0' type='text/css' media='screen' />
@vanaf1979
vanaf1979 / functions-styles-scripts-conditional.php
Last active January 3, 2020 19:58
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
function my_theme_enqueue_styles()
{
wp_enqueue_style( 'my-theme-purecss', 'https://unpkg.com/purecss@1.0.0/build/pure-min.css', array(), '1.0.0', 'screen' );
/* Add conditional framework stylesheets */
wp_enqueue_style( 'my-theme-purecss-ie8' , 'https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css', array() , '1.0.0' , 'screen' );
wp_style_add_data( 'purecss-ie8' , 'conditional' , 'lte IE 8' );
@vanaf1979
vanaf1979 / functions-styles-scripts-conditional-result.html
Last active January 3, 2020 19:58
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<link rel='stylesheet' id='my-theme-purecss-css' href='https://unpkg.com/purecss@1.0.0/build/pure-min.css?ver=1.0.0' type='text/css' media='screen' />
<!--[if lte IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie8-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
<!--[if gt IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie9-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
@vanaf1979
vanaf1979 / functions-styles-scripts-local.php
Last active January 3, 2020 19:58
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
function my_theme_enqueue_styles()
{
wp_enqueue_style( 'my-theme-purecss', 'https://unpkg.com/purecss@1.0.0/build/pure-min.css', array(), '1.0.0', 'screen' );
wp_enqueue_style( 'my-theme-purecss-ie8' , 'https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css', array() , '1.0.0' , 'screen' );
wp_style_add_data( 'my-theme-purecss-ie8' , 'conditional' , 'lte IE 8' );
wp_enqueue_style( 'my-theme-purecss-ie9' , 'https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css', array() , '1.0.0' , 'screen' );
@vanaf1979
vanaf1979 / functions-styles-scripts-local-result.html
Last active January 3, 2020 19:59
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<link rel='stylesheet' id='my-theme-purecss-css' href='https://unpkg.com/purecss@1.0.0/build/pure-min.css?ver=1.0.0' type='text/css' media='screen' />
<!--[if lte IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie8-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
<!--[if gt IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie9-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
<link rel='stylesheet' id='my-theme-styles-css' href='http://example.com/wp-content/themes/themename/style.css?ver=1.0.0' type='text/css' media='screen' />
@vanaf1979
vanaf1979 / functions-styles-scripts-inline.php
Last active January 3, 2020 19:59
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
function my_theme_enqueue_styles()
{
wp_enqueue_style( 'my-theme-purecss', 'https://unpkg.com/purecss@1.0.0/build/pure-min.css', array(), '1.0.0', 'screen' );
wp_enqueue_style( 'my-theme-purecss-ie8' , 'https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css', array() , '1.0.0' , 'screen' );
wp_style_add_data( 'my-theme-purecss-ie8' , 'conditional' , 'lte IE 8' );
wp_enqueue_style( 'my-theme-purecss-ie9' , 'https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css', array() , '1.0.0' , 'screen' );
@vanaf1979
vanaf1979 / functions-styles-scripts-inline-result.html
Last active January 3, 2020 19:59
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<link rel='stylesheet' id='my-theme-purecss-css' href='https://unpkg.com/purecss@1.0.0/build/pure-min.css?ver=1.0.0' type='text/css' media='screen' />
<!--[if lte IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie8-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
<!--[if gt IE 8]>
<link rel='stylesheet' id='my-theme-purecss-ie9-css' href='https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css?ver=1.0.0' type='text/css' media='screen' />
<![endif]-->
<link rel='stylesheet' id='my-theme-styles-css' href='http://example.com/wp-content/themes/themename/style.css?ver=1.0.0' type='text/css' media='screen' />
<style id='my-theme-inline-css-inline-css' type='text/css'>
@vanaf1979
vanaf1979 / functions-styles-scripts-scripthook.php
Last active January 3, 2020 19:59
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
/* Add a hook for javascripts */
function my_theme_enqueue_scripts()
{
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );
?>
@vanaf1979
vanaf1979 / functions-styles-scripts-add-script.php
Last active January 3, 2020 20:00
Add a action to enqueue stylesGist for my "WorpdPress: Css Styles and Javascripts in theme development (In depth)" article: https://since1979.dev/wordpress-css-styles-and-javascripts-in-theme-development-in-depth/
<?php
function my_theme_enqueue_scripts()
{
/* Add a local javascript file */
wp_enqueue_script( 'my-theme-scripts', get_template_directory_uri() . '/public/js/app.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );
?>