| <?php | |
| /* For Themes */ | |
| wp_enqueue_style('slug', get_template_directory_uri().'/css/slug.css', array(), filemtime(get_template_directory().'/css/slug.css')); | |
| wp_enqueue_script('slug', get_template_directory_uri().'/js/slug.js', array(), filemtime(get_template_directory().'/js/slug.js')); | |
| /* For Plugins */ | |
| wp_enqueue_style('slug', plugin_dir_url(__FILE__).'css/slug.css', array(), filemtime(plugin_dir_path(__FILE__).'css/slug.css')); | |
| wp_enqueue_script('slug', plugin_dir_url(__FILE__).'js/slug.js', array(), filemtime(plugin_dir_path(__FILE__).'js/slug.js')); |
Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.
They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).
You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.
| <!-- | |
| Example 1: Using IF ELSE logic | |
| Works with Outlook (Desktop)?: Yes | |
| Works with Outlook.com?: No | |
| When using IF ELSE logic, Outlook.com will remove content in both conditionals, which is problematic. | |
| --> | |
| <!--[if mso]> | |
| <table border="0" cellpadding="0" cellspacing="0" width="100%"> |
| <?php | |
| function add_opengraph_markup() { | |
| if (is_single()) { | |
| global $post; | |
| if(get_the_post_thumbnail($post->ID, 'thumbnail')) { | |
| $thumbnail_id = get_post_thumbnail_id($post->ID); | |
| $thumbnail_object = get_post($thumbnail_id); | |
| $image = $thumbnail_object->guid; | |
| } else { | |
| // set default image |
This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.
I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.
Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.
| <form action="/cart/add" method="post"> | |
| {% if product.variants.size > 1 %} | |
| {% if product.options[0] %} | |
| {% assign used = '' %} | |
| <label for="select-one">{{ product.options[0] }}</label> | |
| <select id='select-one' onchange="letsDoThis()"> | |
| {% for variant in product.variants %} | |
| {% unless used contains variant.option1 %} | |
| <option value="{{ variant.option1 }}">{{ variant.option1 }}</option> | |
| {% capture used %}{{ used }} {{ variant.option1 }}{% endcapture %} |
| /* Modern Font Stacks */ | |
| /* System */ | |
| font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; | |
| /* System (Bootstrap 5.2.0) */ | |
| font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| /* Times New Roman-based serif */ | |
| font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; |
| /* | |
| * Vanilla JS - Touch Gestures | |
| * @version 0.1 | |
| * @inspired QuoJS - http://quojs.tapquo.com | |
| * | |
| * Supported Gestures: singleTap, doubleTap, hold, | |
| * swipe, swiping, swipeLeft, swipeRight, swipeUp, swipeDown, | |
| * rotate, rotating, rotateLeft, rotateRight, pinch, pinching, | |
| * pinchIn, pinchOut, | |
| * drag, dragLeft, dragRight, dragUp, dragDown |
