frankyonnetti

<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico">
<link rel="apple-touch-icon" href="<?php bloginfo('stylesheet_directory'); ?>/apple-touch-icon.png">

frankyonnetti

<?php
/**
 * Direction for starting a new widget plugin using this boilerplate.
 *
 * Replace the following:
 * Plugin Name: "THEME Custom Widget Plugin"
 * Description: "Custom widget for..."
 * Machine Name: "THEME_Custom_Widget" with caps and underscores
 * Machine Name: "theme_custom_widget" lower case and underscores
 * Load: "theme_load_custom_widget" load widget lower case and underscores

frankyonnetti

<?php
  // https://developer.wordpress.org/reference/classes/wp_query
  
	$args = array(
		'post_type' => 'dan_health_resources',
		'post_parent' => 0,
		'orderby' => 'menu_order',
		'tax_query' => array(
			array (
				'taxonomy' => 'dan_health_resource_types',

frankyonnetti

Upload (or move) the contrib plugin directory into the /wp-content/mu-plugins/ directory.

Then create a proxy PHP loader file (such as load.php) in your mu-plugins directory.

for example:

<?php require WPMU_PLUGIN_DIR . '/add-to-any/add-to-any.php';

frankyonnetti

<template>
  <div id="frontend-guide">

    <h1>Front-end Guide</h1>

    <router-link to="/frontend-guide/buttons">Buttons</router-link>
    <router-link to="/frontend-guide/grid">Grid</router-link>

    <!-- children routes work here -->
    <router-view/>

frankyonnetti

https://bootstrap-vue.org/docs

$ vue create myapp
$ cd myapp
$ yarn add bootstrap-vue bootstrap

frankyonnetti

Laravel Valet

commands

valet trust # stop from always asking for password

valet restart

frankyonnetti

<!-- object embed -->
<object data="your.svg" type="image/svg+xml">
  <img src="yourfallback.jpg" />
</object>

<!-- img tag -->
<img src="your.svg" onerror="this.src='your.png'">

<!-- css -->
div {

frankyonnetti

• Writing Better CSS
• Writing efficient CSS selectors

1. ID, e.g. #header
2. Class, e.g. .promo
3. Type, e.g. div
4. Adjacent sibling, e.g. h2 + p
5. Child, e.g. li > ul
6. Descendant, e.g. ul a
7. Universal, i.e. *

frankyonnetti

// Animation
// https://css-tricks.com/almanac/properties/a/animation/
// ---
// animation-name:               NAME
// animation-duration:           Xs or Xms
// animation-timing-function:    ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2)
// animation-delay:              Xs or Xms
// animation-direction:        	normal, alternate
// animation-iteration-count:    X, infinite
// animation-fill-mode:          forwards, backwards, both, none