Skip to content

Instantly share code, notes, and snippets.

Amy Haywood Dutton ahaywood

View GitHub Profile
@ahaywood
ahaywood / functions.php
Created Mar 5, 2019
WP - Remove Gutenberg Editor
View functions.php
/**
* REMOVE GUTENBERG EDITOR
* Reference: https://kinsta.com/blog/disable-gutenberg-wordpress-editor/
*/
add_filter('use_block_editor_for_post', '__return_false');
@ahaywood
ahaywood / image-and-video.php
Created Nov 9, 2018
Display Image and Video
View image-and-video.php
<div class="fitvids">
<?php $video = get_field('testimonial_video');
$image = get_field('testimonial_image'); ?>
<?php if ($image && $video) { // image click to video ?>
<a href="#" class="js-video">
<img src="<?php echo $image; ?>" data-video="<?php echo $video; ?>">
</a>
<?php } else if ($video) { // video only ?>
@ahaywood
ahaywood / README.md
Last active Nov 7, 2018
JS: Scroll to Top
View README.md

Requirements

Make sure you're including jQuery within the project.

Quick Use

The link that you want the user to click, trigger the scroll, needs to have a class of js-scroll-to-top:

<a href="#" class="js-scroll-to-top">Back to Top</a>

At the top of your page, right after the body tag, include an empty div with an ID of top:

@ahaywood
ahaywood / comments.php
Created Nov 9, 2017
PHP - WP: Ah Ha Comments
View comments.php
<?php wp_list_comments(array(
'avatar_size' => '140',
'type' => 'comment',
'callback' => 'ahha_comments'
)); ?>
@ahaywood
ahaywood / page.php
Created Nov 7, 2017
WP: Three ways to display an image
View page.php
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php // ACF
$image = get_field('extra_image');
var_dump($image);
?>
<img src="<?= $image['url']; ?>" alt="<?= $image['alt']; ?>">
<?php // FEATURED IMAGE >> IMAGE TAG
View html-share-buttons.html
<!-- I got these buttons from simplesharebuttons.com -->
<div id="share-buttons">
<!-- Buffer -->
<a href="https://bufferapp.com/add?url=https://simplesharebuttons.com&amp;text=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/buffer.png" alt="Buffer" />
</a>
<!-- Digg -->
<a href="http://www.digg.com/submit?url=https://simplesharebuttons.com" target="_blank">
View .gitmodules
[submodule "wp"]
path = wp
url = git://github.com/WordPress/WordPress.git
[submodule "ahha_plugin_acf"]
path = wp-content/plugins/ahha_plugin_acf
url = git@bitbucket.org:ahhacreative/ahha_plugin_acf.git
[submodule "ahha_plugin_wpdbmigratepro"]
path = wp-content/plugins/ahha_plugin_wpdbmigratepro
@ahaywood
ahaywood / _colors.scss
Created Mar 23, 2017
Creating a color scheme
View _colors.scss
// Scheme of colors
$colorscheme: (
  gray: (
    base: #ccc,
    light: #f2f2f2,
    dark: #666
  ),
  brown: (
    base: #ab906b,
    light: #ecdac3,
@ahaywood
ahaywood / _buttons.scss
Last active Mar 23, 2017
Button Colors
View _buttons.scss
$buttons: (success, green, white),
(warning, yellow, black),
(danger, red, white);
 
/* For each key in the map, created an own class */
@each $name, $background, $text in buttons {
  .button--#{$name} {
    background: $background;
color: $text;
  }
@ahaywood
ahaywood / _icons.scss
Created Mar 23, 2017
Setting up an icon system - 2 different options. one that establishes the icon with the style, another as a pseudo element.
View _icons.scss
$icons: (
  checkmark: a,
  plus: b,
  minus: c
);
 
/* For each key in the map, created an own class */
@each $name, $value in $icons {
  .icon--#{$name} {
    content: $value;
You can’t perform that action at this time.