Scripts

These snippets were compiled into a JSON file using Snippet Store, and is being used to generate the content for the snippets displayed here.

Tags

All PHPJavaScriptShellMySQLPerlPowerShellPlain TextMarkdownRubyMultiple LanguagesGitHub Flavored MarkdownPythonCSSSCSS

Print Wordpress Theme Template Prints the current directory template. Created: July 12, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php

//Print URL inside HTML
?>
<img src="<?php bloginfo('template_url'); ?>/img/file.png"/>
<?php
//Use get_bloginfo when saving to a variable, otherwise it will print and not be assigned.  
$fileURL = get_bloginfo('template_url').'/img/file.png';

?>

PHP Time How to set timezone, set time format, and print time Created: July 17, 2019 Last Updated: January 29, 2021 LANGUAGE: PHP

<?php
//First, be sure to set timezone
date_default_timezone_set('America/Los_Angeles');

//Set variable of today, will print format YYYY-MM-DD
$today = date('Y-m-d');
//Converts the above format into Epoch time (time in seconds, counting from 1-1-1970)
$timestamp = strtotime($today);

//examples:
$lastSun = date('Y-m-d', strtotime("last Sunday"));
$today = date("Y-m-d");
$tomorrow = date("Y-m-d", time()+86400);


//The mktime() function is used to create the timestamp for a specific date and time.
//If no date and time is provided, the timestamp for the current date and time is returned.
//*example
mktime(hour, minute, second, month, day, year)
$starttime = mktime(19, 0, 0, 1, 31, 2021); 
$currenttime = time();
if($currenttime >= $starttime){
  //do stuff
}
?>

PHP Explode Turns a string into an array Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php

//PHP - EXPLODE STRING BY COMMA INTO ARRAY
$myArray = explode(',', 'red,blue,green,orange');

?>

PHP Find / Replace Find / Replace string Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php

//PHP FIND / REPLACE STRING
$newstring = str_replace('find', 'replace', $original);

?>

If one string contains another If one string contains another conditional Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php

PHP IF ONE STRING CONTAINS ANOTHER
if (strpos($a, 'are') !== false) {

}
?>

JS - Confirm on click Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: JavaScript

var result = confirm("Want to delete?");
if (result) {
    //Logic to delete the item
}

//Inline
<a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>

Javascript on select Trigger JS event when a select element is changed Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: JavaScript

 //inlime - Add an onchange event to submit a form when dropdown is changed. Can also be used as onclick.
<select onchange="document.forms[\'addCustomTemplate\'].submit();">

Apache Error Log - Debian Tail Command How to tail Apache error log Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#DEBIAN TAIL APACHE ERROR LOG
sudo tail -f /var/log/apache2/error.log

Array Push PHP Push an element into an array Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php
//PHP - ARRAY PUSH
array_push($array, $element);
?>

If needle in Haystack PHP Find if a certain PHP element exists within an array Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php
if (in_array($needle, $haystack)){ 
//Do thing
}
?>

MYSQL - Check DB Columns for Duplicates MYSQL - Check DB Columns for Duplicates Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: MySQL

MYSQL - CHECK FOR DUPLICATES
/*EXAMPLE*/
SELECT post_id FROM wp_postmeta GROUP BY post_id HAVING COUNT(*) > 15

/*EXAMPLE*/
CHECK DUPES FOR 3 COLUMNS
SELECT URLshared, UserID, postURL, date, count(*) as NumDuplicates
from socialshares
group by URLshared, UserID, postURL, date
having NumDuplicates > 1

Reverse Display - Javascript Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: JavaScript

//Inline example JAVASCRIPT - REVERSE DISPLAY (TOGGLE DIV)
<a href="javascript:ReverseDisplay(\'AddCustomer\')">Add</a>

Debian Fstab - Mount Network Drive Mount a network drive to debian from a local source. .cifs is for a Windows system Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#DEBIAN MOUNT A Windows NETWORK SHARE - example:
mount.cifs //192.168.1.107/share1/  /mnt/shares/share1/ -o user=user1,pass=user1password

Submit form onClick JS Submit onClick event Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: JavaScript

#SUBMIT FORM ON CLICK - inline example
<span onclick="document.forms['name_of_your_form'].submit();">Click Me</span>

PDO MYSQL - %Like% Concatination Trick Useful for finding multiple entries that have the same string within the row. For example, if you mixed versions of links in your table http://www.site.com and http://site.com Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php
//PDO CONCAT TRICK (IN PDO MYSQL STATEMENT)
LIKE concat('%', :site, '%') 
?>

Nohup - Run Process to background - Debian / Ubuntu Use if you want to be able to continue using your terminal, while waiting for a long process to finish executing, or to disown a job, so when you close your terminal session, the job stays running. Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

 #In preperation to run script
 nohup scriptname &
# (& is to ignore output)

# OR IF ALREADY RUNNING, send process to background
(Ctrl + Z)
bg
disown

#Check running jobs
jobs

MySQL DB Import via Shell Use this to import a MySQL. In particular, useful if the database is too large to impoart via PHPmyadmin. Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

mysql -u username -p db_name < /path/to/importFile.sql

Gzip and Tar .tar.gz zipping and un-zipping Gzip + Tar, unzip, untar. Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#GZIP A DIRECTORY
tar -cv directory | gzip > archive.tar.gz
#EXCLUDE
tar -cv --exclude='./folder' directory | gzip > archive.tar.gz

#UNZIP
tar -zxvf archive.tar.gz

Regex to get only link targets from HTML source Extract Link targets from HTML source code Note: works in sublime text 3 Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Perl

(?<=href=").*?(?=")

Regex - Extract dates Extract dates of a certain format from source Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Perl

#mm/dd/yy
[0-9]{2}/[0-9]{2}/[0-9]{2}
#or mm/dd/yyyy
[0-9]{2}/[0-9]{2}/[0-9]{4}

REGEX - Find string between words A couple example of extracting words between look-behind / look-ahead strings Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Perl

#REGEX - find string between <link> and </link>
<l\w\wk>([^<]+)<\/l\w\wk>

#REGEX - find string between <loc> and </loc>
<l\wc>([^<]+)<\/l\wc>

HTaccess - Redirect HTTP to HTTPS HTACCESS - REDIRECT HTTP TO HTTPS, Enforce www, remove trailing slash, rewrite .php to normal clean URLs Created: July 17, 2019 Last Updated: July 02, 2021 LANGUAGE: Perl

#in .htaccess file (and <ifmodule> if visible)
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}/ [R=301,L]

#Another way
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

# Force SSL - ANOTHER WAY TO FORCE HTTPS
RewriteCond %{HTTPS} !=on
RewriteRule ^/?(.*) https://%{SERVER_NAME}/$1 [R=301,L]

#Full example that forces both www. and https
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteCond %{HTTP_HOST} ^(.*)$  [NC]
RewriteRule (.*) https://www.domain.com/$1 [R=301,L]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

#non WP example
AcceptPathInfo Off #disable acceptpathinfo if rewriting file extensions to allow 404    
Options -Indexes +FollowSymLinks #disable indexes and follow symlinks
ErrorDocument 404 /404.php #custom 404 page. Needs to go before rewriteengine on

RewriteEngine On
RewriteBase /
#if not https or not www...
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteCond %{HTTP_HOST} ^(.*)$  [NC]
RewriteRule (.*) https://www.website.com/$1 [R=301,L]

## STRIP TRAILING SLASH ##
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*)/$ /$1 [R=301,L]

## 404 ANY URL WITH ADDITIONAL PATH INFO ##
RewriteCond %{PATH_INFO} .
RewriteRule ^ - [R=404]

## PRETTY URL FOR ANY STATIC FILE ##
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([\w-]+)$ $1.php [L]

PHP Output Buffer Useful when you want to hide the output of php functions for use later in the code. Example: Custom Logging files Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

<?php
ob_start();
//Do Other things like include files if needed, that shouldn't be visible at time of execution
$string = ob_get_clean();
//$string contains the output that is hidden by output buffer, in case we want to print it later, or send the info to a different function.
?>

Kill All Processes Belonging to User - Shell Can be useful to kill all processes of a service and you don't Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#KILL ALL PROCESSES OF USER
sudo killall -u username

Add User to Group - Debian Debian command to add existing user to group Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#Adds user 'namely' to group 'sudo'
sudo usermod -a -G sudo namely

Apache - Test Configuration Tests current sites, by default defined in /etc/apache2/sites-enabled/. Useful because otherwise Apache2 may give silent errors, and easier than tailing a logs. Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

sudo apache2ctl -S

Change Drive Path in Windows Shell / Powershell Quick example of how to change the drive path (it's not nested down to root linke Unix filesystems) Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PowerShell

#Changes from D: to C:
D:\>cd /d C:\

Curl from shell or bash Simple cURL command, to be executed from the shell. Note: cURL must be install on system Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

curl -sI -X POST https://(url)

REGEX - Select entire line(s), only that contains a specific word Simple example using lookbehind / lookahead around a single word 'needles' Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Perl

^.*\b(needles)\b.*$

MariaDB Mysql Troubleshooting Helful to troubleshoot mariadb. Source: https://mariadb.com/kb/en/library/what-to-do-if-mariadb-doesnt-start/ Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

mysqld --help --verbose | grep 'log-error' | tail -1
mysqld --help --verbose | grep 'datadir' | tail -1
mysqld --print-defaults

Sass Watch A command to watch sass files withing the folder 'scss' and compile to folder 'css' Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

sass --watch scss:css

UNIX - List disks List all physical disks, useful when checking mountpoint / Fstab / Raid setup Compatable with GRUB loader as well Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

lsblk -o NAME,SIZE,FSTYPE,TYPE,MOUNTPOINT

Shell Command to Dump Databases from MySQL Can be used to dump one db, or many at once. Notice: Importing doesn't account for table errors and inconsistencies when importing, use caution. Created: July 17, 2019 Last Updated: October 13, 2020 LANGUAGE: Shell

#Dump on DB
mysqldump -u root -p dbname > db.sql
#Dump all DBs
mysqldump -u root -p --opt --all-databases > alldb.sql
#VARIATION TO AVOID CONFLICT ON RUNNING DB:
mysqldump -u root -p --all-databases --skip-lock-tables > alldb.sql
#IMPORT Command:
mysql -u root -p < alldb.sql

Bind DNS from Shell Example runs on CentOS Source: https://www.tecmint.com/setup-master-slave-dns-server-in-centos/ Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Plain Text

BIND DNS from CLI using named (email VPS)
- find where DNS files are stored. named is usually at /etc/named.conf 
- In our case, named.conf links to files in /var/named directory
- Find the table.db, or .zone file associated with the domain in question (example /var/named/goldsteinbrossard.com.db)
- Restart named service: service named restart

PHP - Associative array sort Alphabetically Sorting an array within an array, by ABC. Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: PHP

array_multisort($array, SORT_ASC);

Check MDADM Raid Setup Tips: https://www.tldp.org/HOWTO/Software-RAID-HOWTO-6.html Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

#VIEW OVERALL STATUS: 
cat /proc/mdstat
#Note: [UU] = Both good | [UF] = 1 drive failure | [FF] = Both drives fail. Verbose command:
sudo mdadm --detail /dev/md0

MDADM - Set monitor and notification This example command will run every 1800 seconds to check the disks for errors, and sets up the notification Created: July 17, 2019 Last Updated: July 17, 2019 LANGUAGE: Shell

sudo mdadm --monitor --deamonise --mail=backups+reaver+mdadm@contradtool.com --delay=1800 /dev/md0

Jekyll Setup and Use Info How to set up and use Jekyll Created: July 20, 2019 Last Updated: July 20, 2019 LANGUAGE: Markdown

JEKYLL BRAIN DUMP

Workstation Setup:
1. Install Ruby
2. Install Jekyll
3. Login/setup Gitlab.com account, join CAGB group
4. Install Git
5. Recommended: VS Code
    extension: Jekyll Snippets

Project Work Setup:
0. navigate to desired project folder on local hard-drive/machine
1. git pull https://projecturl
2. run: jekyll s -o 
    - if that doesn't work, try using bundler:
        gem install bundler 
        run: bundle update
        then run: bundle exec jekyll s -o
    - optionally try adding a -l flag to either command to use livereload
3. You now have a local development server running, 
    make changes to any file and reload to see your changes.
    If you make any changes to config.yml, restart your `jekyll s` process
4. When content with changes, stop your `jekyll s` process and run `jekyll b`
    This will build your website with `env=production`
5. Push all changes to git
6. If autodeploy is configured, you're done. 
    If it's not, copy the contents of the _site dir to the live web server. 
    Be sure to delete any unwanted files from the live server

Continued Project Work:
0. navigate to the existing project folder on your machine
1. git sync any changes (you can use the vs code sidebar)
2. continue as in 'project work setup'

New Project Setup:
A starter Jekyll site can be created with 'jekyll new yoursitename', 
however this uses an external gem based theme that is less intuitive to work on and troubleshoot. 
For this reason I recommend starting from an existing site build, or from 'cagb-blank-jekyll'.
Most commonly used website specific variables should be set in config.yml
- enter all relevant information in config.yml
- swap the favicons and logo.png
- delete all old website files and pages
- update sass variables in minima.scss

Jekyll - Deploy to AWS Push local build to AWS S3 bucket. Created: August 22, 2019 Last Updated: August 22, 2019 LANGUAGE: Ruby

AWS_PROFILE=profile S3_BUCKET=bucket s3_website push
#First make sure gem 's3_website' is added to the gemfile then run bundle update
#Then add bucket info to _config.yaml 
#profile: <%= ENV['AWS_PROFILE'] %>
#s3_bucket: <%= ENV['S3_BUCKET'] %>

Jekyll Build Production Command to build jekyll site with production environment Created: August 22, 2019 Last Updated: August 22, 2019 LANGUAGE: Ruby

JEKYLL_ENV=production bundle exec jekyll build

Jekyll Build Production Command to build jekyll site with production environment Created: August 22, 2019 Last Updated: August 23, 2019 LANGUAGE: Ruby

JEKYLL_ENV=production bundle exec jekyll build

Wordpress Shortcode Two functions that will work in Wordpress' functions.php in the theme folder. Returns the path of the home_url() and the template_url Created: August 26, 2019 Last Updated: August 26, 2019 LANGUAGE: PHP

function url_shortcode() {return get_bloginfo('url');}
add_shortcode('url','url_shortcode');
function theme_shortcode() {return get_bloginfo('template_url');}
add_shortcode('theme','theme_shortcode');

ytimgswap function for WP Swaps a div with an iframe, given the youtube ID. Pre-loads image, either remote or local. Includes both SCSS and normal CSS variation. Usage: ytImgSwap('YTvideoID'); //grab the thumbnail from youtube ytImgSwap('YTvideoID', 'custom-class-name'); //grab the thumbnail from youtube, append custom class (for specifying sizes in CSS) ytImgSwap('YTvideoID', 'custom-class-name', 'custom-thumbnail-url'); //custom class, custom thumbnail url Created: August 28, 2019 Last Updated: May 05, 2021

function.php

function ytImgSwap($src, $class=NULL, $img=NULL) {
    if($class == NULL){ $class="ytswap-default"; }
    if($img == NULL){ $img = 'https://i.ytimg.com/vi/'. $src . '/0.jpg'; }
    echo '<div class="ytWrapper '.$class.'"><div class="ytSize"><div id="'.$src.'" class="youtube-swapper" style="background-image: url(\''. $img.'\');" ontouchstart="" data-src="//www.youtube-nocookie.com/embed/'.$src.'?autoplay=1&rel=0&showinfo=0&enablejsapi=1"><button type="button" class="playbtn"><span class="visually-hidden">Play Video</span></button></div></div></div>';
    }

scripts.js

  $(".youtube-swapper").each(function() {
    $(document).delegate('#' + this.id, 'click', function() {
      var iframe_url = "https://www.youtube-nocookie.com/embed/" + this.id + "?autoplay=1&showinfo=0autohide=1&rel=0";
      if ($(this).data('params')) iframe_url += '&' + $(this).data('params');
      // The height and width of the iFrame should be the same as parent
      var iframe = $('<iframe/>', {
        'frameborder': '0',
        'src': iframe_url,
      })
      $(this).replaceWith(iframe);
    });
  });

styles.scss

.ytWrapper {
	display: block;
	margin-top: 2em;
	text-align: center;
}
.youtube-swapper {
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
	margin: 0 auto;
  &:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	height: 30%;
	padding-bottom: 50px;
	width: 100%;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
  &:after {
	content: "";
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}
}
.ytSize {
	width: 95vw;
	height: 53.25vw;
	max-width: 560px;
	max-height: 315px;
	margin: 0 auto;
  > iframe {
	width: 100%;
	height: 100%;
}
}
.playbtn {
	width: 68px;
	height: 48px;
	position: absolute;
	cursor: pointer;
	transform: translate3d(-50%, -50%, 0);
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: transparent;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
	filter: grayscale(100%);
	transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
	border: none;
}
.playbtn:focus,
.playbtn:hover,
.ytSize:hover .playbtn {
	filter: none;
}
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

style.css

.ytWrapper {
	display: block;
	margin-top: 2em;
	text-align: center;
}

.youtube-swapper {
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
	margin: 0 auto;
}

.ytSize>iframe {
	width: 100%;
	height: 100%;
}

.ytSize {
	width: 95vw;
	height: 53.25vw;
	max-width: 560px;
	max-height: 315px;
	margin: 0 auto;
}

.youtube-swapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	height: 30%;
	padding-bottom: 50px;
	width: 100%;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.youtube-swapper:after {
	content: "";
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}

.playbtn {
	width: 68px;
	height: 48px;
	position: absolute;
	cursor: pointer;
	transform: translate3d(-50%, -50%, 0);
	top: 50%;
	left: 50%;
	z-index: 1;
	background-color: transparent;
	/* YT's actual play button svg */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
	filter: grayscale(100%);
	transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
	border: none;
}

.playbtn:focus,
.playbtn:hover,
.ytSize:hover .playbtn {
	filter: none;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

Wordpress post snippet length function Adjusts the default return post excerpt length in Wordpress Created: August 28, 2019 Last Updated: August 28, 2019 LANGUAGE: PHP

/**
 * Filter the except length to 20 words.
 *
 * @param int $length Excerpt length.
 * @return int (Maybe) modified excerpt length.
 */
function blog_excerpt( $length ) {
    return 30;
}
add_filter( 'excerpt_length', 'blog_excerpt', 999 );

WP_Query plus Pagination Queries Wordpress for posts, ordered by date descending. Created: August 30, 2019 Last Updated: March 26, 2021

blog.php

if ($paged < 1){
	$paged = 1;
	}
	if(isset($_POST['gotoPage'])){
	  $paged = $_POST['gotoPage'];
	  }	  

$args = array(
  'posts_per_page' => 14,
  'orderby' => 'date',
  'order' => 'DESC',
  'paged' => $paged,
		);
		$wp_query = new WP_Query( $args );
	  $found_posts = $wp_query->found_posts;
$max_pages = $wp_query->max_num_pages;
  
  
  if($max_pages > 1){
							include('includes/foot-pagination.php');
						  }

footer-pagination.php

   <?php
   //PAGE NAVIGATION IF PAGEINATION POSSIBLE
   ?>
   <div class="pageNavigation">

<?php
if(is_home()){
?>
<form action="" class="pageNavForm" method="POST" name="pageSelect" onchange="this.form.submit()">
            Page 
            <input type="text" placeholder="<?php echo $paged; ?>" name="paged" onchange="this.form.submit()"/>
            <?php echo ' of '.$max_pages; ?>
         </form>

<?php }
else {
$allPostAncestors = get_post_ancestors( $post->id );
$topPostAncestor = end($allPostAncestors);
echo $topPostAncestor; ?>
<form action="" class="pageNavForm" name="pageSelect" >
            Page 
            <input type="text" placeholder="<?php echo $paged; ?>" name="gotoPage" onchange="this.form.submit()"/>
            <?php echo ' of '.$max_pages; ?>
         </form>
<?php }
?>      	
      	
      

      <div class="pageNavArrows">
         <?php if ($paged > 1) { ?>
         <div class="navArrowLeft"><form action="" class="navArrowLeft" name="pageSelect" method="POST"><icon onclick="this.form.submit()" class="angle-left"><input type="submit"/></icon><input type="hidden" name="gotoPage" value="<?php echo ($paged - 1);?>"></form></div>
         <?php } ?>
         <?php if($paged < $max_pages) {?>
         <div class="navArrowRight"><form action="" class="navArrowLeft" name="pageSelect" method="POST"><icon onclick="this.form.submit()" class="angle-right"><input type="submit"/></icon><input type="hidden" name="gotoPage" value="<?php echo ($paged + 1);?>"></form></div>
         <?php } ?>
</div>
</div>

</form>

Wordpress ACF review repeater setup Instructions: - Install Advanced custom field pro - Save the acf-export.json to a file - Create a reviews page on Wordpress (/reviews) - Copy page-reviews.php template file, customize as needed. -- Make sure to grab the review images for the theme folder. - Set review page template, set ACF rule to run on page /reviews. - Insert reviews Created: September 04, 2019 Last Updated: September 04, 2019

acf-export.json

[
    {
        "key": "group_5aea131666461",
        "title": "Reviews",
        "fields": [
            {
                "key": "field_5aea1341dfebd",
                "label": "Reviews",
                "name": "reviews",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "collapsed": "field_5aea134fdfebe",
                "min": 0,
                "max": 0,
                "layout": "row",
                "button_label": "",
                "sub_fields": [
                    {
                        "key": "field_5aea134fdfebe",
                        "label": "Name",
                        "name": "name",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "maxlength": ""
                    },
                    {
                        "key": "field_5aea1374dfebf",
                        "label": "Date",
                        "name": "date",
                        "type": "date_picker",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "display_format": "F j, Y",
                        "return_format": "F j, Y",
                        "first_day": 1
                    },
                    {
                        "key": "field_5aea1399dfec0",
                        "label": "Body",
                        "name": "body",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "placeholder": "",
                        "maxlength": "",
                        "rows": 4,
                        "new_lines": ""
                    },
                    {
                        "key": "field_5aea13a5dfec1",
                        "label": "Excerpt",
                        "name": "excerpt",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "placeholder": "",
                        "maxlength": "",
                        "rows": 2,
                        "new_lines": ""
                    },
                    {
                        "key": "field_5aea1464dfec2",
                        "label": "Source",
                        "name": "source",
                        "type": "select",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "choices": {
                            "none": "none",
                            "Google": "Google",
                            "Yelp": "Yelp",
                            "Houzz": "Houzz",
                            "Facebook": "Facebook",
                            "Direct": "Direct"
                        },
                        "default_value": [],
                        "allow_null": 0,
                        "multiple": 0,
                        "ui": 0,
                        "ajax": 0,
                        "return_format": "value",
                        "placeholder": ""
                    },
                    {
                        "key": "field_5aecba03a0632",
                        "label": "Pic",
                        "name": "pic",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "preview_size": "thumbnail",
                        "library": "uploadedTo",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": ""
                    }
                ]
            }
        ],
        "location": [
            [
                {
                    "param": "page",
                    "operator": "==",
                    "value": "543"
                }
            ]
        ],
        "menu_order": 0,
        "position": "normal",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": 1,
        "description": ""
    }
]

page-reviews.php

<?php 
/* Template Name: Reviews Page */ 
?>
<?php get_header(); ?>
<?php
$reviewPageID = url_to_postid('reviews');
$reviews_fields = get_fields($reviewPageID); //reviews page
$reviews = $reviews_fields['reviews'];

$socials = array(
  'yelp' => 'https://www.yelp.com/biz/usa-electric-los-angeles-18',
  'google' => 'https://plus.google.com/115484285768445827841',
  'facebook' => 'https://www.facebook.com/usaelectricalservices',
  'houzz' => 'http://www.houzz.com/pro/usaelectric100/usa-electric',
  'nextdoor' => '//nextdoor.com'
);
function date_sort($a, $b) {
 // print_r($a);
  //print_r($b);
    return strtotime($b['date']) - strtotime($a['date']);
  }
  
?>
<div id="content">
	<div id="inner-content">
		<main>
			<section>

			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>" role="article">

                <?php the_content(); ?>
                <?php
                
          usort($reviews, "date_sort");
          ?>
                <div class="reviewsPageReviews">
                  <?php
          foreach($reviews as $review) {
            // var_dump($review);die;
            if (!empty($review['body']) && !empty($review['source'])) {
              echo '<div class="single-review">';
              if (!empty($review['pic'])) {
                echo '<div class="reviewPic" style="background-image: url('.$review['pic'].');"></div>';
              } else {
                echo '<div class="reviewPic reviewPicDefault"><i class="fas fa-user-circle fa-3x"></i></div>';            
              }
              if (isset($review['source'])) {
                echo '<a href="'.$socials[strtolower($review['source'])].'" class="reviewSource reviewSource--'.strtolower($review['source']).'"></a>';
              }
              echo '<span class="reviewName">'.$review['name'].'</span>';
              echo '<span class="reviewDateMobile">'.$review['date'].'</span>';
              echo '<span class="reviewStars"></span>';
              echo '<span class="reviewDate">'.$review['date'].'</span>';
              echo '<span class="reviewBody">'.$review['body'].'</span></div>';
            }

          }
          ?>
                  </div>
				</article>
            <?php endwhile; else : ?>
            <article id="post-not-found" class="hentry cf">
                <header class="article-header">
                    <h1>
                        <?php _e( 'Oops, Post Not Found!', 'bonestheme' ); ?>
                    </h1>
                </header>
                <section class="entry-content">
                    <p>
                        <?php _e( 'Uh Oh. Something is missing. Try double checking things.', 'bonestheme' ); ?>
                    </p>
                </section>
                <footer class="article-footer">
                    <p>
                        <?php _e( 'This is the error message in the page-custom.php template.', 'bonestheme' ); ?>
                    </p>
                </footer>
            </article>
            <?php endif; ?>

			</section>
		</main>
	</div>
</div>
<?php get_footer(); ?>

base.scss

// REVIEWS
.single-review {
    font-size: 16px;
    position: relative;
    text-align: left;
    color: #333;
    padding: 20px;
    @media (max-width: 500px) {
        padding: 10px;
    }
    vertical-align: middle;
    border: 1px solid #bbb;


    .reviewStars {
        width: 111px;
        height: 17px;
        margin-left: 59px;
        background-image: url(../../img/5-stars.png);
        display: block;
        float: none;
        background-size: contain;
        @media (max-width: 375px) {
            float: left;
        }
    }

    .single-review--date {
        font-weight: 400;
    }

    .reviewSource {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        float: right;
        margin-right: 10px;
        @media (max-width: 374px) {
            clear: left;
        }
        @media (max-width: 350px) {
            clear: both;
        }
    }
    .reviewDate {
        display: inline-block;
        @media (max-width: 374px) {
            display: none;
        }
    }
    .reviewDateMobile {
        display: none;
        @media (max-width: 374px) {
            display: block;
        }
    }
    .reviewBody {
        display: block;
		clear: left;
		margin: 10px auto;
    }
    .reviewName {
        font-weight: 700;
        font-size: 1.1em;
        padding-right: 10px;
    }
    .reviewPic {
        float: left;
        margin-right: 10px;
        width: 48px;
        height: 48px;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        background-position: center;
        -webkit-border-radius: 50%;
                border-radius: 50%;
    }
    .review-author {
        display: block;
        text-align: right;
        padding-right: 10px;
    }

    .reviewSource--google {
        background-image: url('../../img/google-logo.png');
        width: 30px;
        height: 30px;
    }

    .reviewSource--facebook {
        background-image: url('../../img/FB-f-Logo__blue_1024.png');
        width: 30px;
        height: 30px;
    }

    .reviewSource--yelp {
        background-image: url('../../img/Yelp_trademark_RGB.png');
        width: 60px;
        height: 30px;
    }
}
span.reviewStars {
    display: inline-block;
    margin: 5px 0;
}

ACF Wordpress Gallery Page gallery, taken from USA Electric build. Uses Slick Slider Created: September 04, 2019 Last Updated: January 18, 2020

page_gallery.php

<?php
/*
Template Name: Gallery
*/

get_header();

?>
<div class="content">
	<div class="inner-content" class="wrap cf" style="overflow: hidden;">
		<main class="main">
			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			<article id="post-<?php the_ID(); ?>" role="article">
				<section>
					<?php the_content(); ?>

				<div class="main-gallery">
					<?php include('gallery.php'); ?>
				</div>
				<span id="gallery_show_more">Show more</span><br><br>
				<script>
					photo_gallery_max_i = <?php echo $photo_i;?>;
				</script>
			</section>
			<footer class="article-footer cf">
			</footer>
			<?php comments_template(); ?>
		</article>
		<?php endwhile; endif; ?>
	</main>
</div>
</div>
<?php get_footer(); ?>

gallery.php

<?php
if (get_field('photo_gallery')) {
	$photo_gallery = array_reverse(get_field('photo_gallery'));
	$photo_i = 0;
	foreach ($photo_gallery as $gallery_row) {
		$photo_i++;
		$image = $gallery_row['gallery_image'];
		$thumb = $image['sizes']["medium-square"];
		$original_img = $image['sizes']['large'];
		?><div class="gallery-image slide<?php if ($photo_i > 10) echo ' gallery-hide-mobile';?>" data-full-size-img="<?php echo $image['url']; ?>" data-gallery-index="<?php echo $photo_i;?>"><img src="<?php echo $thumb; ?>" alt="<?php echo $image['alt']; ?>" class="gallery-image__thumbnail" /></div><?php
	}
}
?>

acf-export.json

[
    {
        "key": "group_5abe7ca998e79",
        "title": "Photo Gallery",
        "fields": [
            {
                "key": "field_5abe7cba7eeb7",
                "label": "Photo Gallery",
                "name": "photo_gallery",
                "type": "repeater",
                "instructions": "Add relevant photos for the page here!",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "collapsed": "field_5abe7cf87eeb8",
                "min": 0,
                "max": 0,
                "layout": "table",
                "button_label": "",
                "sub_fields": [
                    {
                        "key": "field_5abe7cf87eeb8",
                        "label": "Gallery Image",
                        "name": "gallery_image",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "array",
                        "preview_size": "medium-square",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": ""
                    }
                ]
            }
        ],
        "location": [
            [
                {
                    "param": "page_template",
                    "operator": "==",
                    "value": "default"
                }
            ],
            [
                {
                    "param": "page_template",
                    "operator": "==",
                    "value": "page_gallery.php"
                }
            ],
            [
                {
                    "param": "post",
                    "operator": "==",
                    "value": "413"
                }
            ]
        ],
        "menu_order": 0,
        "position": "normal",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": 1,
        "description": ""
    }
]

base.scss

.main-gallery {
    @media (max-width: 700px) {
        padding: 0;
        display: block;
        text-align: center;
    }
    padding: 10px 50px 50px;
    img {
        padding: 5px;
    }
    .slick-next,
    .slick-prev {
        height: 100px;
        width: 100px;
        &:before {
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
             -o-transform: translate(0, -50%);
                transform: translate(0, -50%);
            color: #666;
            font-family: sans-serif;
            font-size: 100px;
        }
    }
    .slick-next {
        right: -3%;
        &:before {
            content: '›';
        }
    }
    .slick-prev {
        left: -3%;
        &:before {
            content: '‹';
        }
    }
}
@media only screen and (max-width: 700px) {
    .gallery-image.gallery-hide-mobile {display: none;}
    .gallery-image {
        width: 50%; 
        display: inline-block; 
        vertical-align: top;
        margin-bottom: -5px;
    }
}
#gallery_show_more {
    line-height: 1;
    padding: 5px;
    border: 1px solid;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: grey;
    color: white;
     display: block;
    margin: 0 auto;
    width: 100px;
    text-align: center;
    @media only screen and (min-width: 701px) {
        display: none;
    }
}

.photo-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    cursor: zoom-out;
    .photo-gallery-modal-innerwrap {
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: space-evenly;
                justify-content: space-evenly;
        max-height: 90vh;
        width: 100%;
        position: relative;
        cursor: initial;
        text-align: center;
        background: black;
        img {
            max-width: 90vw;
            -webkit-user-select: none; /* webkit (safari, chrome) browsers */
            -moz-user-select: none; /* mozilla browsers */
            -khtml-user-select: none; /* webkit (konqueror) browsers */
            -ms-user-select: none; /* IE10+ */
        }
        img, i, svg {
            -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
            border-radius: 3px;
            display: inline-block;
            vertical-align: middle;
        }
        i, svg {
            color: #eee;
            width: 50px;
            margin: 0 -25px;
            box-shadow: none;
            z-index: 9;
        }
    }
    .photo-gallery-modal-close {
        position: absolute;
        top: 15px;
        right: 15px;
        height: 32px;
        width: 32px;
        z-index: 9999;
        color: #eee;
    }
}

.gallery-image {
    cursor: zoom-in;
    img {
        margin: auto;
        max-width: 100%;
    }
}

.main-gallery {
    display: flex; // overflow-x: scroll;
    max-width: 1030px;
    margin: 0 auto;
}

768up.scss

body.page-template-page_gallery {
	.inner-content {
		text-align: center;		
		max-width: 1600px;
	}
}
.main-gallery {
  display: block;
  overflow-x: none;
}

.gallery-image {
  display: inline-block;
}

scripts.js

//use within onLoad()
$("#gallery_show_more").click(function(e){
    e.preventDefault();
    $(".gallery-hide-mobile").slice(0,10).removeClass('gallery-hide-mobile');
    if ($(".gallery-hide-mobile").length < 1) $(this).hide();
  });
  
  //  gallery stuff
  // open modal
  $(".main-gallery").on('click','.gallery-image',function(e){
    var galleryIMG = $(this).data('full-size-img');
    var gallery_i = $(this).data('gallery-index');
    var galleryHTML = '<div class="photo-gallery-modal"><div class="photo-gallery-modal-innerwrap" data-gallery-index="'+gallery_i+'"><i class="fa fa-angle-left fa-3x"></i><img src="'+galleryIMG+'"><i class="fa fa-angle-right fa-3x"></i></div><span class="photo-gallery-modal-close"><i class="fas fa-times-circle fa-2x"></i></span></div>';
    $("body").append(galleryHTML);
    $('.photo-gallery-modal').on('contextmenu', 'img', function(e){ 
      return false; 
    });
  });
  $('.main-gallery').on('contextmenu', 'img', function(e){ 
    return false; 
  });
  // close when they click outside of gallery modal
  $("body").on('click', '.photo-gallery-modal', function(e){
    $(this).remove();
  });
  $("body").on('click', '.photo-gallery-modal-close', function(e){
    e.preventDefault();
    e.stopPropagation();
    $(".photo-gallery-modal").remove();
  });
  $("body").on('touchend', '.photo-gallery-modal-close .fa-times-circle', function(e){
    e.preventDefault();
    e.stopPropagation();
    $(".photo-gallery-modal").remove();    
  })
  // next/prev buttons
  $("body").on('click', '.photo-gallery-modal-innerwrap', function(e){
    e.preventDefault();
    e.stopPropagation();
    //check which half they're clicking on
    if (e.pageX > (window.innerWidth / 2)) {
      //if right half, show next img
      photo_gallery_modal_next();
    } else {
      //if left half, show prev img
      photo_gallery_modal_prev();
    }
  });
  // prevent actions when clicking on modal imgs
  // $("body").on('click', '.photo-gallery-modal-innerwrap img', function(e){
    // e.preventDefault();
    // e.stopPropagation();
  // });
  // prevent right click actions on modal imgs

  $("body").on('touchend', '.photo-gallery-modal .fa-angle-left', function(e) {
    photo_gallery_modal_prev();
  });

  $("body").on('touchend', '.photo-gallery-modal .fa-angle-right', function(e) {
    photo_gallery_modal_next();
  });

  function photo_gallery_modal_next() {
    gallery_wrap = $('.photo-gallery-modal-innerwrap');
    current_i = gallery_wrap.data('gallery-index');
    next_i = current_i + 1;
    if (next_i > photo_gallery_max_i) next_i = 1;
    next_img = $("[data-gallery-index="+next_i+"]").data('full-size-img');
    $(".photo-gallery-modal-innerwrap img").attr('src',next_img);
    gallery_wrap.data('gallery-index',next_i);
  }
  function photo_gallery_modal_prev() {
    gallery_wrap = $('.photo-gallery-modal-innerwrap');
    current_i = gallery_wrap.data('gallery-index');
    prev_i = current_i - 1;
    if (prev_i < 1) prev_i = photo_gallery_max_i;
    prev_img = $("[data-gallery-index="+prev_i+"]").data('full-size-img');;
    $(".photo-gallery-modal-innerwrap img").attr('src',prev_img);
    gallery_wrap.data('gallery-index',prev_i);
  }

  // keypress handling
  var KEYCODE_ESC = 27;
  var KEYCODE_LEFT = 37;
  var KEYCODE_RIGHT = 39;
  $(document).keyup(function(e){
    if (e.keyCode == KEYCODE_ESC)  {
      $warrantymodal.addClass('hidden');
      $('.photo-gallery-modal').remove();
    }
    if ($('.photo-gallery-modal').is(":visible")) {
      if (e.keyCode == KEYCODE_LEFT) photo_gallery_modal_prev();
      if (e.keyCode == KEYCODE_RIGHT) photo_gallery_modal_next();
    }
  });
  
  
  $maingal = $("body.page-template-page_gallery .main-gallery");
  maingal_settings = {
    slidesToScroll: 3,
    rows: 2,
    slidesToShow: 3,
    arrows: false,
    autoplay: true,
    pauseOnHover: false,
    autoplaySpeed: 5000,
    arrows: true,
    infinite: true,
    swipe: true,
    swipeToSlide: true,
    speed: 500,
    cssEase: 'ease',
    mobileFirst: false,
    responsive: [{
      breakpoint: 1050,
      settings: {
        rows: 2,
        centerMode: true,
        variableWidth: true
      }
    }]
  };

  function maingal_slick() {
    if ($(window).width() < 700) {
      if ($maingal.hasClass('slick-initialized'))
        $maingal.slick('unslick');
      return
    }
    if (!$maingal.hasClass('slick-initialized'))
      return $maingal.slick(maingal_settings);
  }
  maingal_slick();
  $(window).on('resize', maingal_slick);

functions.php

//in WP theme/functions.php
// Thumbnail sizes
add_image_size( 'medium-square', 300, 300, true );

WP Blog excerpt length adjustment to default post layout, and read more button Add to functions.php file before closing tag. This sets the default excerpt length for posts. Add a "...read more" link to the post at the end if truncated. Created: September 07, 2019 Last Updated: September 07, 2019 LANGUAGE: PHP

/**
 * Filter the except length to 25 words.
 *
 * @param int $length Excerpt length.
 * @return int (Maybe) modified excerpt length.
 */
function blog_excerpt( $length ) {
  return 25;
}
add_filter( 'excerpt_length', 'blog_excerpt', 999 );

/*
If you want, including "...read more" for truncated post excerpts
*/
function new_excerpt_more($more) {
  global $post;
return '<a class="learnMore" href="'. get_permalink($post->ID) . '"> Read more »</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

Wordpress - Get Post's Primary Category Use this function in theme functions.php. It will query the post ID given in the parameter and return the primary category. Created: September 07, 2019 Last Updated: September 07, 2019 LANGUAGE: PHP

function get_post_primary_category($post_id, $term='category', $return_all_categories=false){
  $return = array();

  if (class_exists('WPSEO_Primary_Term')){
      // Show Primary category by Yoast if it is enabled & set
      $wpseo_primary_term = new WPSEO_Primary_Term( $term, $post_id );
      $primary_term = get_term($wpseo_primary_term->get_primary_term());

      if (!is_wp_error($primary_term)){
          $return['primary_category'] = $primary_term;
      }
  }

  if (empty($return['primary_category']) || $return_all_categories){
      $categories_list = get_the_terms($post_id, $term);

      if (empty($return['primary_category']) && !empty($categories_list)){
          $return['primary_category'] = $categories_list[0];  //get the first category
      }
      if ($return_all_categories){
          $return['all_categories'] = array();

          if (!empty($categories_list)){
              foreach($categories_list as &$category){
                  $return['all_categories'][] = $category->term_id;
              }
          }
      }
  }

  return $return;
}

Get post breadcrumbs Print linked breadcrumbs build around using the Wordpress get_post_ancestors fx. Created: September 07, 2019 Last Updated: September 07, 2019 LANGUAGE: PHP

  function get_post_breadcrumb() {
    $postID = get_the_ID();
    $allPostAncestors = get_post_ancestors( $postID );
    $topPostAncestor = end($allPostAncestors);
    $print = '<div class="breadcrumbs">';
    /* Home Page First */
    $print = $print . '<a href="'.get_bloginfo('url').'">Home</a><span class="darrow">»</span>';
    if($allPostAncestors){
      foreach($allPostAncestors as $postAncestor){
        $print = $print . '<a href="'.get_the_permalink($postAncestor).'">'.get_the_title($postAncestor).'</a><span class="darrow">»</span></li>';
      }
    }
    else {

    }
    $print = $print . '<span class="currentpage">'.get_the_title($postID).'</span>';
    $print = $print . '</div>';
    echo $print;
}

Wordpress remove Hentry function Removes the annoying hentry class from the article element, which is there by default Created: September 10, 2019 Last Updated: November 28, 2019 LANGUAGE: PHP

<?php
/**
* Remove hentry from post_class
*/
function remove_hentry_class( $classes ) {
if ( is_page() ) {
    $classes = array_diff( $classes, array( 'hentry' ) );
}
    return $classes;
}
add_filter( 'post_class', 'remove_hentry_class' );
?>

jQuery SlideToggle Simply toggles a container's display status. Created: September 17, 2019 Last Updated: September 17, 2019 LANGUAGE: JavaScript

  $('.trigger-element).click(function(){
    $('.hidden-container').slideToggle();
  });

Lazy Loading Implement in themes scripts.js file (in the onload), copy the styles desired, then add "module" class to HTML elements you wish to lazy load Created: September 18, 2019 Last Updated: September 18, 2019

scripts.js

  /* module lazy loading */
  $.fn.visible = function (partial) {
    var $t = $(this),
      $w = $(window),
      viewTop = $w.scrollTop(),
      viewBottom = viewTop + $w.height(),
      _top = $t.offset().top,
      _bottom = _top + $t.height(),
      compareTop = partial === true ? _bottom : _top,
      compareBottom = partial === true ? _top : _bottom;
    return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
  };

  var win = $(window);
  var allMods = $(".module");
  // Already visible modules
  allMods.each(function (i, el) {
    var el = $(el);
    if (el.visible(true)) {
      el.addClass("already-visible");
    }
  });
  win.scroll(function (event) {
    allMods.each(function (i, el) {
      var el = $(el);
      if (el.visible(true)) {
        el.addClass("showing");
      }
    });
  });
  //show stuff on screen when the page loads
  allMods.each(function (i, el) {
    var el = $(el);
    if (el.visible(true)) {
      el.addClass("showing");
    }
  });

1030up.scss

.module,
.module.fromBottom,
.module.fromTop,
.module.fromLeft,
.module.fromRight {
    opacity: 0;
    transition-delay: .1s;
    transition: .5s;
}
.module.showing,
.module.showing.fromBottom,
.module.showing.fromTop,
.module.showing.fromLeft,
.module.showing.fromRight {
    opacity: 1;
    transform: translate(0, 0%);
}
.module {
    transform: translate(0, 15%);
}
.module.fromBottom {
    transform: translate(0, 15%);
}

.module.fromTop {
    transform: translate(0, -15%);
}

.module.fromLeft {
    transform: translate(-15%, 0);
}

.module.fromRight {
    transform: translate(15%, 0);
}

html

<div class="module">Lazy-Load Default (from bottom)</div>
<div class="module fromLeft">Lazy-Load Default (from bottom)</div>
<div class="module fromRight">Lazy-Load from right</div>
<div class="module fromTop">Lazy-Load from Top</div>
<div class="module fromBottom">Lazy-Load from Bottom</div>

Wordpress list child pages shortcode function Enter in your functions.php Created: October 09, 2019 Last Updated: October 09, 2019 LANGUAGE: PHP

function child_pages_shortcode() {
  $postID = get_the_ID();
 $returnstring = wp_list_pages( array(
    'title_li'    => '',
    'child_of'    => $postID,
    'echo'     => 0,
    'sort_column' => 'post_title',
    'sort_order' => 'asc'
) );
return $returnstring;
}
add_shortcode('child_pages_list','child_pages_shortcode');

Scrapy VM Commands Useful commands, setting up a virtula environment and scrapy-related processes. Created: November 08, 2019 Last Updated: November 08, 2019 LANGUAGE: Shell

#if needed, install pip
apt-install python3-pip
#if needed, install virtualenv
pip install virtualenv
#make a new virtual environment
virtualenv some_dir/
#activate new virtual env.
cd some_dir
source bin/activate
#install needed packages into new environment. The following are needed for scrapy:
sudo apt-get install python-dev python-pip libxml2-dev libxslt1-dev zlib1g-dev libffi-dev libssl-dev python3 python3-dev
#deactivate
deactivate

Bash reload startup Reloads bash src, useful if you set up an alias so you don't need to close the terminal. Created: November 08, 2019 Last Updated: November 08, 2019 LANGUAGE: Shell

source ~/.bashrc

Scrapy Shell Commands Commands to use in the scrapy shell Created: November 08, 2019 Last Updated: March 03, 2020 LANGUAGE: Shell

#initiate the scrapy shell, if in the root of a project - settings are inherited (such as vm)
scrapy shell 'https://whatismyip.com/' #use double-quotes on windows

#use xpath to query the HTML for the IP
>>> response.xpath('//*[@id="post-7"]/div[1]/div[1]/div/ul/li[1]').get()

#proxy, just follow this guide https://github.com/aivarsk/scrapy-proxies

#Example https://www.yelp.com/biz/usa-electric-los-angeles-18
#for each sibling element of the xpath selector
for review in response.xpath('//*[@id="wrap"]/div[3]/div/div[1]/div[2]/div/div/div[2]/div[1]/section[9]/div/section[2]/div[2]/div/ul/li'):
    body = review.css("span.lemon--span__373c0__3997G::text").get()
    print(dict(body=body))
#or retreive the JSON element
response.xpath('//*[@id="wrap"]/div[3]/script[1]').get()
#see the scrapy shell tutorial for more https://docs.scrapy.org/en/latest/intro/tutorial.html

#Create a job running for your scrape, that can be stopped with ctrl + d, and restarted with the same command
scrapy crawl spidername -o output-list.jl -s JOBDIR=crawls/jobstorage-1

Modernizr - for Wordpress themes Adds a mobile menu parent icon for submenu navigation Created: November 08, 2019 Last Updated: November 08, 2019 LANGUAGE: JavaScript

if (Modernizr.touch) {
  // console.log('touchscreen detected');
  $(".mobile-menu .menu-item-has-children").each(function(i){
    $parentlink = $(">a",this);
    $submenu = $('>.sub-menu',this);
    $parentlink.clone().text('View '+$parentlink.text()).prependTo($submenu);
  })
  $(".mobile-menu .menu-item-has-children>a").click(function(e){
    e.preventDefault();
    $parent = $(this).parent();
    if ($parent.hasClass('is-active')) {
      $parent.removeClass('is-active');
    } else {
      $parent.children('.is-active').removeClass('is-active');
      $parent.addClass('is-active');
    }
  })
}

Jekyll Dynamic content from JSON load Source: https://github.com/brockfanning/jekyll-get-json Run: bundle add jekyll-get-json (this should add jekyll-get-json into gemfile dependancies) Created: November 16, 2019 Last Updated: November 16, 2019 LANGUAGE: Ruby

# _config.yml add

plugins:
  - jekyll-get-json

jekyll_get_json:
  - data: foo
    json: 'https://raw.githubusercontent.com/adam-swanson/snippets/master/snippets.json'

#in content, show all
{{ site.data.foo }}
#more on calling the data https://jekyllrb.com/docs/datafiles/

#example of listing my snippets
{% for snip in site.data.foo %}
<div class="single-snippet">
<span class="snippetTitle">{{ snip.name }}</span>
<span class="snippetTags">{{ snip.tags }}</span>
<span class="snippetDescription">{{ snip.description }}</span>
<span class="snippetCreated">{{ snip.createdAt }}</span>
<span class="snippetUpdated">{{ snip.updateAt }}</span>
<span class="snippetLanguage">LANGUAGE: {{ snip.language }}</span>
<p class="snippetValue">
{% highlight {{ snip.language }} linenos %}
{{ snip.value }}
{% endhighlight %}
</p>
</div>
{% endfor %}

Git add remote project commands git commands Created: November 19, 2019 Last Updated: November 28, 2019 LANGUAGE: GitHub Flavored Markdown

git config user.name "my-user-name" #config for current directory
git config --global user.name "my-user-name" #config for global use
git config user.name #check set name
git config user.email "email@example.com" #config email for current directory

#add the remote origin
git remote add origin git@gitlab.com:repo-url.git

#add current directory to stage for push
git add .

git commit -m "comment about the changes"

git push -u origin master #finally, push to the repo master branch or different branch

Debian check help packages Command to list any help packages Created: December 10, 2019 Last Updated: December 10, 2019 LANGUAGE: Plain Text

dpkg -l | grep -v '^ii'

Google Sheets - Count columns containing int conditional spreadsheet fromula, count cells with value... Created: December 12, 2019 Last Updated: December 12, 2019 LANGUAGE: Plain Text

<Count any cell with a value of 1 (use this for finding number of rank 1's on a report)
=countif(cell_range, "=1")
County any cell with a value of less than 4 (use this for finding number of ke=ywords ranking in top 3)
=countif(cell_range, "<4")
County any cell with a value less than 11 (use for finding page 1's on a report)
=countif(cell_range, "<11")

JQuery Toggle - Card Flip / Click Listener When the card is flipped, toggle class '.is-flipped' for use with CSS transform Created: December 16, 2019 Last Updated: December 16, 2019

cardflip.js

<script>
	$('.card').click(function() {
      this.classList.toggle('is-flipped');
});
</script>

cardflip.html

<div class="card">
  <div class="card-front">Front</div>
  <div class="card-back">Back</div>
</div>

cardflip.css

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFF;
  text-align: center;
  backface-visibility: hidden;
}

.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}

.card.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}

Wordpress Remove Auto P Prevents Wordpress from automatically converting blank space between HTML elements (from WP editor) into

tags.</span> Created: December 18, 2019 Last Updated: December 18, 2019 LANGUAGE: PHP

function remove_p_on_some_pages() {
    if ( is_page(array('my-page-slug', 182)) ) {
        remove_filter( 'the_content', 'wpautop' );
        remove_filter( 'the_excerpt', 'wpautop' );
    }
}
add_action( 'wp_head', 'remove_p_on_some_pages' );

</article>

Git Project Setup Command Line Instructions Comm Git Setup Command line instructions You can also upload existing files from your computer using the instructions below. Note: using the 'git@' version of the repo requires proper SSH key setup with gitlab or github - the instructions below use the https version, which will work for non-ssh authenticated connections with a deploy key set up. Created: December 20, 2019 Last Updated: December 20, 2019 LANGUAGE: Shell

#Git global setup
git config --global user.name "Adam"
git config --global user.email "adam@contractor-advertising.com"

#Create a new repository
git clone https://gitlab.com/group/my-project.git
cd my-project
touch README.md
git add README.md
git commit -m "add README"
git push -u origin master

#Push an existing folder
cd existing_folder
git init
git remote add origin https://gitlab.com/group/my-project.git
git add .
git commit -m "Initial commit"
git push -u origin master

#Push an existing Git repository
cd existing_repo
git remote rename origin old-origin
git remote add origin https://gitlab.com/group/my-project.git
git push -u origin --all
git push -u origin --tags

JS font use query Run the function in chrome inspector console, the javascript tell you what fonts have been loaded neatly printed in the console. Created: December 27, 2019 Last Updated: December 27, 2019 LANGUAGE: JavaScript

var ret={};
jQuery('body *').each(function () {
    var str = jQuery(this).css('font-family');
    str = str  + ':' + jQuery(this).css('font-weight');
    str = str + ':' + jQuery(this).css('font-style');
    if (ret[str] ) {
      ret[str] = ret[str] + 1;
    } else {
      ret[str] = 1;
    }
});
console.log(ret);

JS font use query Run the function in chrome inspector console, the javascript tell you what fonts have been loaded neatly printed in the console. Created: December 27, 2019 Last Updated: December 27, 2019 LANGUAGE: JavaScript

var ret={};
jQuery('body *').each(function () {
    var str = jQuery(this).css('font-family');
    str = str  + ':' + jQuery(this).css('font-weight');
    str = str + ':' + jQuery(this).css('font-style');
    if (ret[str] ) {
      ret[str] = ret[str] + 1;
    } else {
      ret[str] = 1;
    }
});
console.log(ret);

Scrapy proxy Instructions for setting Scrapy up with proxies https://github.com/aivarsk/scrapy-proxies Created: January 10, 2020 Last Updated: January 10, 2020 LANGUAGE: Ruby

#Install the software, preferably in a virtualenv
pip install scrapy_proxies
#add this in your settings.py
# Retry many times since proxies often fail
RETRY_TIMES = 10
# Retry on most error codes since proxies fail for different reasons
RETRY_HTTP_CODES = [500, 503, 504, 400, 403, 404, 408]

DOWNLOADER_MIDDLEWARES = {
    'scrapy.downloadermiddlewares.retry.RetryMiddleware': 90,
    'scrapy_proxies.RandomProxy': 100,
    'scrapy.downloadermiddlewares.httpproxy.HttpProxyMiddleware': 110,
}

# Proxy list containing entries like
# http://host1:port
# http://username:password@host2:port
# http://host3:port
# ...
PROXY_LIST = '/path/to/proxy/list.txt'

# Proxy mode
# 0 = Every requests have different proxy
# 1 = Take only one proxy from the list and assign it to every requests
# 2 = Put a custom proxy to use in the settings
PROXY_MODE = 0

# If proxy mode is 2 uncomment this sentence :
#CUSTOM_PROXY = "http://host1:port"

Python Cloudflare Email protection decode When data, you may come across protect emails (Cloudflare). Decode the string so you can read it Sourced: https://usamaejaz.com/cloudflare-email-decoding/ Created: January 17, 2020 Last Updated: January 17, 2020 LANGUAGE: Python

#Decode Cloudflare email protection
encodedstring = '123456789'#example
r = int(encodedString[:2],16)
decodedstring = ''.join([chr(int(encodedString[i:i+2], 16) ^ r) for i in range(2, len(encodedString), 2)])

Bones Theme CSS file locations to change for minified + sourcmap paths Needed when switching to minified / sourcemap files Switch the paths found in the files below to be .min.css Created: January 25, 2020 Last Updated: January 25, 2020 LANGUAGE: PHP

// theme/library/bones.php
wp_register_style( 'bones-stylesheet', get_stylesheet_directory_uri() . '/library/css/style.css', array(), '', 'all' );
wp_register_style( 'bones-ie-only', get_stylesheet_directory_uri() . '/library/css/ie.css', array(), '' );
// /theme/functions.php
add_editor_style( get_stylesheet_directory_uri() . '/library/css/editor-style.css' );
// /theme/library/admin.php
wp_enqueue_style( 'bones_login_css', get_template_directory_uri() . '/library/css/login.css', false );
//admin.min.css -- ?

PHP function - if today is after $date Simple function which returns true only when the current day is after the date specified in the function call. Created: January 30, 2020 Last Updated: January 30, 2020 LANGUAGE: PHP

<?php
function isTodayAfter($dateString){
	//Set the desired timezone, so the change comes into effect at the same time the 23rd hour rolls over in the correct time zone
	date_default_timezone_set('America/Denver');
	$todayDate = date('Y-m-d');
	$nowSeconds = strtotime($todayDate);
	//add one day, so if today was the last day this would still return false - since it doesn't compare times, only dates
	$endtime = strtotime($dateString . ' +1 day');
	if($nowSeconds < $endtime){
		return FALSE;
	}
	else {
		return TRUE;
	}
}

//Call the function
if(isTodayAfter('2020-01-30') !== TRUE) { 
 //Do something 
}
?>

Recaptcha v3 Hide Badge CSS to hide the RECAPTCHAv3 badge Created: January 31, 2020 Last Updated: August 18, 2021 LANGUAGE: CSS

.grecaptcha-badge {
  visibility:hidden;
}

Filter non-integers Filters out any non-integers from a string in PHP. Example used is for linking to / printing a phone number/ Created: February 03, 2020 Last Updated: February 03, 2020 LANGUAGE: PHP

$phone = "(234) 567-8901";
$cleanPhone = preg_replace( '/[^0-9]/', '', $phone );
echo '<a href="tel+1'.$cleanPhone.'">'.$phone.'</a>';

Unix - change directory write permissions Examples of how to change the file permissions, ownership of a directory, and allow write permissions per user or group Created: February 07, 2020 Last Updated: February 07, 2020 LANGUAGE: Shell

#change owner of file
chown username filename
#change the owner of all files recursively in a directory
chown -R username /path/to/dir

#change the group (only) for a directory, recursively
chgrp -R groupname /directory

#change both username and group ownership of files recursively
chown -R username:groupname /path/to/dir

#give group write permissions recursively for a directory
chmod -R g+w /directory

#grant read + execute permissions for any user
chmod -R 775 /directory

#restrict file access to only root/file owner
chmod 644 file

Mac Clean Hidden Files Empties the file index trash that MacOS generates (._file) Created: February 26, 2020 Last Updated: February 26, 2020 LANGUAGE: Plain Text

dot_clean .

Scrapy Snippets Common use snippets for Scrapy Created: April 14, 2020 Last Updated: April 14, 2020 LANGUAGE: Python

#xpath selectors
response.xpath('//*/h2[contains(text(),"Local Results")]').get(default='not-found') #looks for an h2 containing the text "Local Results"
response.xpath('//div[@class="r"]/a/@href').get(default='not-found') #gets div.r href
#css selectors
response.css('a.author-link').getall() #get all links with class .author-link
address = sel.css('div:nth-child(2) > span.address::text').get() #gets second div element > span.address from custom Selector "sel"

#Selector pointer
#define what HTML to resetrict the seleector to, useful for loops as welll
mapbox = response.xpath('//*/h2[contains(text(),"Local Results")]').get(default='not-found')
#if statement
if mapbox is not 'not-found':
  #do something

mapPath = Selector(text=mapbox).xpath('//*/span[contains(text(),"More businesses")]/../../@href').get()
#Make sure to include the Selector import line 'from scrapy.selector import Selector'

mapPath.css('//span').getall() #get every span element withing selector range
mapLink = response.urljoin(mapPath) #creates a link using the OG base URL + join with the extract path
#follow the extracted link, yield from a custom function 'parseMapLink'
yield scrapy.Request(mapLink, callback=self.parseMapLink) #Calls to a fx defined as so def parseMapLink(self, response):

#get Xpath based on HTML attrib
response.xpath('//div[@aria-level]/../../..').getall() #gets elements with attribute 'aria-level'
response.xpath('//div[@aria-level="3"]').getall() #get only HTML attirbutes 'aria-level' that = 3

#strip any < tag > out of string. Make sure to use 'import re'
description = re.sub('<.*?>', '', description)

Bundle Exec Jekyll Serve Dev environment Used to load a clean bundle install of jekyll and serve on a development env, overwriting valudes of _confir.yml with vars in _config_development.yml Created: May 11, 2020 Last Updated: May 11, 2020 LANGUAGE: Ruby

bundle exec jekyll clean && bundle exec jekyll serve -lo --config=_config.yml,_config_development.yml

jQuery smooth scroll to id Smoothly scrolls the browser's viewport to the target ID element Created: May 18, 2020 Last Updated: May 18, 2020 LANGUAGE: JavaScript

// Smooth scroll to id
  $('a[href^="#"]').on('click',function (e) {
      e.preventDefault();

      var target = this.hash;
      var $target = $(target);

      $('html, body').stop().animate({
          'scrollTop': $target.offset().top
      }, 600, 'swing');
  });

CSS background slide transition Background color slide transition Created: May 23, 2020 Last Updated: May 23, 2020 LANGUAGE: CSS

#navlinks li {
  background: linear-gradient(to right, #111 50%, #444 50%);
  background-size: 200% 100%;
  background-position:right top;
  transition:all 1s ease;
}
#navlinks li:hover{
  background-position:left top;
}

CSS font color transition How to fade font colors using CSS Created: May 23, 2020 Last Updated: May 23, 2020 LANGUAGE: CSS

.item {
 color: #000;
}
.item:hover {
 color: #df0;
 transition: color .3s;
}

MacOS flush local DNS cache Clears local DNS cache. Use this after editing the host file Created: July 06, 2020 Last Updated: July 06, 2020 LANGUAGE: Plain Text

#make changes first using sudo nano /etc/hosts
sudo killall -HUP mDNSResponder

Wordpress get ancestor post slug Gets the top parent post slug of a wordpress post/page Created: September 02, 2020 Last Updated: September 02, 2020 LANGUAGE: PHP

<?php
//in WP loop
if ($post->post_parent)	{
    $ancestors=get_post_ancestors($post->ID);
    $parent = $ancestors[(sizeof($ancestors)-1)];
    $parent_post_data = get_post($parent);
    $top_parent_slug = $parent_post_data->post_name;
    echo $top_parent_slug;
    } 
else {
    $post_slug = $post->post_name;
    echo ' top-parent-'.$post_slug;    
}

PHP get string between strings Get a text between two specified strings Created: September 04, 2020 Last Updated: September 04, 2020 LANGUAGE: PHP

<?php

function get_string_between($string, $start, $end){
    $string = ' ' . $string;
    $ini = strpos($string, $start);
    if ($ini == 0) return '';
    $ini += strlen($start);
    $len = strpos($string, $end, $ini) - $ini;
    return substr($string, $ini, $len);
}

#Example usage
$fullstring = 'this is my [tag]dog[/tag]';
$parsed = get_string_between($fullstring, '[tag]', '[/tag]');

echo $parsed; // (result = dog)
?>

WP remove emoji and comments functions Wordpress functions to disable emoji and commens https://kinsta.com/knowledgebase/disable-emojis-wordpress/ https://gist.github.com/mattclements/eab5ef656b2f946c4bfb Created: September 05, 2020 Last Updated: September 05, 2020 LANGUAGE: PHP

/**
 * Disable the emoji's
 */
function disable_emojis() {
 remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
 remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
 remove_action( 'wp_print_styles', 'print_emoji_styles' );
 remove_action( 'admin_print_styles', 'print_emoji_styles' ); 
 remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
 remove_filter( 'comment_text_rss', 'wp_staticize_emoji' ); 
 remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
 add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
 add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );

/**
 * Filter function used to remove the tinymce emoji plugin.
 * 
 * @param array $plugins 
 * @return array Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
 if ( is_array( $plugins ) ) {
 return array_diff( $plugins, array( 'wpemoji' ) );
 } else {
 return array();
 }
}

/**
 * Remove emoji CDN hostname from DNS prefetching hints.
 *
 * @param array $urls URLs to print for resource hints.
 * @param string $relation_type The relation type the URLs are printed for.
 * @return array Difference betwen the two arrays.
 */
function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
 if ( 'dns-prefetch' == $relation_type ) {
 /** This filter is documented in wp-includes/formatting.php */
 $emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/' );

$urls = array_diff( $urls, array( $emoji_svg_url ) );
 }

return $urls;
}

//Remove Comments

add_action('admin_init', function () {
    // Redirect any user trying to access comments page
    global $pagenow;
    
    if ($pagenow === 'edit-comments.php') {
        wp_redirect(admin_url());
        exit;
    }

    // Remove comments metabox from dashboard
    remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');

    // Disable support for comments and trackbacks in post types
    foreach (get_post_types() as $post_type) {
        if (post_type_supports($post_type, 'comments')) {
            remove_post_type_support($post_type, 'comments');
            remove_post_type_support($post_type, 'trackbacks');
        }
    }
});

// Close comments on the front-end
add_filter('comments_open', '__return_false', 20, 2);
add_filter('pings_open', '__return_false', 20, 2);

// Hide existing comments
add_filter('comments_array', '__return_empty_array', 10, 2);

// Remove comments page in menu
add_action('admin_menu', function () {
    remove_menu_page('edit-comments.php');
});

// Remove comments links from admin bar
add_action('init', function () {
    if (is_admin_bar_showing()) {
        remove_action('admin_bar_menu', 'wp_admin_bar_comments_menu', 60);
    }
});

JS Phone number swap Use javascript to swap out a phone number in HTML - non reg-ex Created: December 09, 2020 Last Updated: December 09, 2020 LANGUAGE: JavaScript

$(document).ready(function(){
		function p(a,b,element){
			if(!element)element=document.body;
			var nodes=$(element).contents().each(function(){
					if(this.nodeType==Node.TEXT_NODE){
						var r=new RegExp(a,'gi');
						this.textContent=this.textContent.replace(r,b);
					} else { 
						p(a,b,this);
					}
			});
		}
    function hrefreplace(a,b,element){
    var refs = document.querySelector(a);
    if (refs) {
  refs.setAttribute('href', b)
}
    }
		p('123-456-7890','987-654-3210');
		p('\\(123\\)-456-7890','\(987\)-654-3210');
    p('\\(123\\) 456-7890','\(987\) 654-3210');
    p('1234567890','9876543210');
    hrefreplace('a[href="tel:(123) 456-7890"]','tel:(987) 654-3210')
    hrefreplace('a[href="tel:+1 (123) 456-7890"]','tel:+1 (987) 654-3210')
    hrefreplace('a[href="tel:+1234567890"]','tel:+19876543210')
    hrefreplace('a[href="tel:+1-123-456-7890"]','tel:+1-987-654-3210')
    hrefreplace('a[href="tel:123-456-7890"]','tel:987-654-3210')
});

Wordpress custom admin columns with custom fields Add custom admin columns for Wordpress post types Created: January 05, 2021 Last Updated: January 05, 2021 LANGUAGE: PHP

    //Add custom admin column
    function add_admin_column($column_title, $post_type, $cb){

        // Column Header
        add_filter( 'manage_' . $post_type . '_posts_columns', function($columns) use ($column_title) {
            $columns[ sanitize_title($column_title) ] = $column_title;
            return $columns;
        } );
    
        // Column Content
        add_action( 'manage_' . $post_type . '_posts_custom_column' , function( $column, $post_id ) use ($column_title, $cb) {
    
            if(sanitize_title($column_title) === $column){
                $cb($post_id);
            }
    
        }, 10, 2 );
    }

    add_admin_column(__('Review Date'), 'review', function($post_id){
        echo get_field('reviewdate', $post_id); 
    });

    add_admin_column(__('Rating'), 'review', function($post_id){
        echo get_field('rating', $post_id); 
    });

Git config ignore permissions and line endings Can be used to reduce false-positive "modified file" in VScode git Example https://stackoverflow.com/questions/2825428/why-should-i-use-core-autocrlf-true-in-git Created: February 02, 2021 Last Updated: February 02, 2021 LANGUAGE: Shell

#ignore Line endings
git config core.autocrlf false
#ignore file permissions
git config core.filemode false 

IE CSS Flex fix Internet Explorer doesn't handle justify-content properly. Uses -webkit prefixed CSS to override as a workaround. Created: February 17, 2021 Last Updated: February 17, 2021 LANGUAGE: CSS

/* centering several items within a flex container */
justify-content: space-around;
-webkit-justify-content: space-evenly; /* overrides justify-content on webkit broswers. make sure this is second */

/* or for centering one item */
justify-content: space-around;
-webkit-justify-content: center; /* overrides justify-content on webkit broswers. make sure this is second */

Give menu list items even width based on number of elements using CSS Evenly space menu items based on the number of items Created: February 27, 2021 Last Updated: February 27, 2021 LANGUAGE: SCSS

/* for standard CSS select '(selector path) li:' instead of '&:' */
&:first-child:nth-last-child(1) {
/* one item */
    width: 100%;
}
/* two items */
&:first-child:nth-last-child(2), &:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
/* three items */
&:first-child:nth-last-child(3), &:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
    width: calc(100% / 3);
}
&:first-child:nth-last-child(4), &:first-child:nth-last-child(4) ~ li {
    width: 25%;
}
&:first-child:nth-last-child(5), &:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
&:first-child:nth-last-child(6), &:first-child:nth-last-child(6) ~ li {
    width: 16.666%;
    width: calc(100% / 6);
}
&:first-child:nth-last-child(7), &:first-child:nth-last-child(7) ~ li {
    width: 14.285%;
    width: calc(100% / 7);
}
&:first-child:nth-last-child(8), &:first-child:nth-last-child(8) ~ li {
    width: 12.5%;
}
&:first-child:nth-last-child(9),
&:first-child:nth-last-child(9) ~ li {
    width: 11.11%;
    width: calc(100% / 9);
}
&:first-child:nth-last-child(10), &:first-child:nth-last-child(10) ~ li {
    width: 10%;
}

Contact form 7 ReCAPTCHA enqueu _refill fix for Wordpress Fixes an issue caused by using Contact form 7 with recaptcha and a HTML caching plugin. Snippet goes in functions.php More info here: https://www.paperstreet.com/blog/advanced-speed-improvements-load-deferred-recaptcha-for-contact-form-7/ Created: March 16, 2021 Last Updated: March 16, 2021 LANGUAGE: PHP

/**
 * Disables REFILL function in WPCF7 if Recaptcha is in use
 */

add_action('wp_enqueue_scripts', 'wpcf7_recaptcha_no_refill', 15, 0);
function wpcf7_recaptcha_no_refill() {
  $service = WPCF7_RECAPTCHA::get_instance();
	if ( ! $service->is_active() ) {
		return;
	}
  wp_add_inline_script('contact-form-7', 'wpcf7.cached = 0;', 'before' );
}

apply whitelist to fail2ban Whitelist an IP / hostname through fail2ban Created: March 26, 2021 Last Updated: March 26, 2021 LANGUAGE: Shell

# (optional) If you need to confirm that fail2ban is blocking requests, tail the log. -100 means it will go back to the last 100 lines. Use -n for using the tail to watch for changes to the file while you retry your request.
sudo tail -100 /var/log/fail2ban.log

# modify local jail. Note this file can possibly revert when updating the software
sudo nano /etc/fail2ban/jail.local

# Below [DEFAULT] add ignorip to your jail rules. You may use IPs, IP ranges, and even hostnames.
ignoreip = 127.0.0.1/8 hostname.yourwebsite.com

#restart fail2ban
service fail2ban restart

Wordpress City Navigation Dropdown Creates a city dropdown navigation along with an options page in wordpress using Advanced Custom Fields. Options allow to strip out the city name from submenu links, define a custom slug search to return results per city, specify the city pages, include and exclude certain pages. For the ACF setup, either include functions-acf-setup-optional.php into your functions.php file, or import acf-options-for-import.json with ACF plugin Created: September 16, 2021 Last Updated: September 16, 2021

functions.php

//Add the settings page
add_action('acf/init', 'my_acf_op_init'); //ensures ACF is loaded before function call
function my_acf_op_init() {
if( function_exists('acf_add_options_sub_page') ) {
       $parent = acf_add_options_page(array(
        'page_title'  => __('Service Areas Settings'),
        'menu_title'  => __('Service Areas'),
        'redirect'    => false,
    ));
}
}

function get_multiple_posts_by_title($title) {
    global $wpdb;
    $posts_ids = array();
    $wild = '%';
    $find = $title;
    $like = $wild . $wpdb->esc_like( $find ) . $wild; //Sanitizes input
    $posts = $wpdb->get_results( $wpdb->prepare( "SELECT ID FROM $wpdb->posts WHERE post_title LIKE %s", $like), OBJECT );
    foreach ($posts as $post) {
         $posts_ids[] = $post->ID;
    }

    return $posts_ids;
}

function areasDropdown($echo = NULL) {
    $allCities = get_field('cities', 'option');
    $removeName = get_field('remove_cityname_option', 'option');
    $cityABC = get_field('sort_cities_abc', 'option');
    if(have_rows('cities', 'option')){
        $navHTML = '<ul class="cityNavMenu citySidebarNav">'; //citySidebarNav used to apply stylings for less widths, can be removed if applying own styles
        while( have_rows('cities', 'option') ): the_row();
        $customizations = NULL;
        $cityname = get_sub_field('city_name');
        if(get_sub_field('city_customize')){
            $customizations = get_sub_field('custom_options');
        }
            $output = fetchCityPages($cityname, $customizations);

        //remove the city names from the link labels if option is checked
        if($removeName){
            $replaceName = $cityname;

            //Changes the removal target for manual slug name instead of the original city name
            if(($customizations !== NULL) && ($customizations['find_content'] == 'Manual Slug Search')){
                $replaceName = $customizations['manual_slug'];
            }
            $output = str_ireplace('">'.$replaceName.' ','">',$output); //strip city name from "city (service)" format
            $output = str_ireplace(' in '.$replaceName.'</a>','</a>',$output); //strip city name from "(service) in city" format
            $output = str_ireplace(' '.$replaceName.'</a>','</a>',$output); //strip city name from "(service) city" format 
        }
    //$output = str_replace('<ul>','<ul><li class="cityNavSubTitle">'.$cityname.'</li>',$output); //Uncomment to add city title to the submenu
    $output = str_replace('<ul>','<ul><li class="closeCityNav"><span class="fas fa-arrow-circle-left"></span> Close</li>',$output); //Adds a close submenu button
        $navHTML = $navHTML . $output;
  endwhile;
  $navHTML = $navHTML . '</ul>';
  if($echo == 'echo'){
    echo $navHTML;
  }
  else {
  return $navHTML;
  }
    }
    else {
        die;
    }
}
      

function fetchCityPages($cityname, $customizations = NULL){
    //If Choosing pages instead of auto find, return the defined pagelist from ACF instead of the wp_list_pages result
    if(($customizations !== NULL) && ($customizations['find_content'] == 'Choose Pages')){
        $pageList = '<li class="pagenav singleCity wSubmenu"><span class="cityTitle">'.$cityname.'</span><div class="cityNavSubmenuWrap" style="display: none;"><span class="cityMenuClose">Back</span><ul class="cityNavSubmenu">';    
        foreach($customizations['define_pages_menu'] as $postID){
            $pageList = $pageList . '<li class="singleCity"><a class="cityTitle" href="'.get_permalink($postID).'">'.get_the_title($postID).'</a></li>';
        }
        $pageList = $pageList . '</ul></div></li>';
    }
    //Else continue to set up auto or manual slug search
    else {
        $cityTitle = $cityname;
        //If search type is manual slug, swap out the city name here before WP queries the database
        if(($customizations !== NULL) && ($customizations['find_content'] == 'Manual Slug Search')){
            $cityname = $customizations['manual_slug'];
        }
    $cityPages = get_multiple_posts_by_title($cityname); //Returns results from wpdb query
    $foundPostIDs = implode(",",$cityPages); //Implode the array into a string (so it can be used to include pageIDs later)
    $includeIDs = $foundPostIDs; //Using a new variable here to keep the returned foundPostIDs from wpdb query accurate (includeIDs list possibly modified next)
    
    //If include pages defined in ACF, add it to the includeIDs string
    if(($customizations !== NULL) && ($customizations['include_pages'] !== '')){
    foreach($customizations['include_pages'] as $includePage){
        $includeIDs = $includeIDs . ',' . $includePage;
    }
    }

    //If exclude pages defined, remove those from the includeIDs list.
    $excludeIDs = ''; //Defines excludeIDs as blank to avoid undefined variable warnings if no excludes are defined.
    if(($customizations !== NULL) && ($customizations['exclude_pages'] !== '')){
        $includeIDsArr = explode( ',', $includeIDs); //Explode the IDs back into an array so we can use PHP array functions to weed out excluded IDs from the includeIDs list.
        foreach($customizations['exclude_pages'] as $excludePage){
            //If / else conditional is just here to make sure the array begins doesn't begin with a comma
            if($excludeIDs == ''){
                $excludeIDs = $excludePage;
            }
            else {
            $excludeIDs = $excludeIDs . ',' . $excludePage;
            }
            //If excludeID is found in the includeIDs list, remove the array item
            if (($key = array_search($excludePage, $includeIDsArr)) !== false) {
                unset($includeIDsArr[$key]);
            }
        }
        $includeIDs = implode(",",$includeIDsArr); //Implode the array back into a string to be used in the arguments for wp_list_pages()
        }

    if($includeIDs !== ''){
    $args=array(
        'title_li' => '<span class="cityTitle">'.$cityTitle.'</span>',
        'include' =>  $includeIDs,
        'echo' => 0,
        'exclude' => $excludeIDs,
      );
    $pageList = wp_list_pages($args);
    }
    else {
        //If no includeIDs present, print out the city name instead
        $pageList = '<li class="singleCity noSubmenu"><span class="cityTitle">'.$cityTitle.'</span></li>';
    }
}
    return $pageList;
    }

scripts.js

//place inside jQuery(document).ready(function($){ });
if (document.getElementsByClassName("cityNavMenu")[0]) {
    var citymenus = $(".cityNavMenu li.pagenav>.cityTitle").click(function(){
        citymenus.not($(this).parent()).removeClass('active')
        $(this).parent().toggleClass('active')
        citymenus.not($(this)).next('ul').slideUp()
        $(this).next().slideToggle()
        return false; //Prevent the browser jump to the link anchor
    });
}
if (document.getElementsByClassName("closeCityNav")[0]) {
    var citymenus = $(".cityNavMenu li.pagenav > ul > .closeCityNav").click(function(){
        $(this).parent().parent().toggleClass('active')
        $(this).parent().slideToggle()
        return false; //Prevent the browser jump to the link anchor
    });
}

style.scss

ul.cityNavMenu {
position: relative;
.cityTitle {
    display: block;
    text-align: left;
    cursor: pointer;
}
.singleCity .cityTitle {
cursor: initial;
}
.pagenav {
    ul {
        display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #e50c0f
color: #FFF;
z-index: 10;
margin: 0;
font-size: 17px;
overflow: auto;
li {
    box-shadow: rgba(0,0,0,0.05) 0px -2px 0px inset;
a {
color: #FFF;
line-height: 1.5;
padding: .1em;
display: block;
text-decoration: none;
}
}
}
&.noSubmenu {
.cityTitle {
cursor: initial;
}
}
}
li.closeCityNav {
    padding: .5em;
    background: rgba(0,0,0,0.15);
    width: 100%;
    cursor: pointer;
    .fa-arrow-circle-left {
    transition: .35s ease;
    }
    &:hover {
    .fa-arrow-circle-left {
transform: translate(-.25em, 0);
    }
}
}
&.citySidebarNav {
column-count: 2;
max-width: 350px;
margin: 0;
}
}

functions-acf-setup-optional.php

if( function_exists('acf_add_local_field_group') ):

acf_add_local_field_group(array(
	'key' => 'group_613ff4f4cb5a2',
	'title' => 'Service Areas Options',
	'fields' => array(
		array(
			'key' => 'field_613ff5163b01e',
			'label' => 'Cities',
			'name' => 'cities',
			'type' => 'repeater',
			'instructions' => '',
			'required' => 0,
			'conditional_logic' => 0,
			'wrapper' => array(
				'width' => '',
				'class' => '',
				'id' => '',
			),
			'collapsed' => '',
			'min' => 0,
			'max' => 0,
			'layout' => 'table',
			'button_label' => '',
			'sub_fields' => array(
				array(
					'key' => 'field_613ff56b3b020',
					'label' => 'City Name',
					'name' => 'city_name',
					'type' => 'text',
					'instructions' => '',
					'required' => 1,
					'conditional_logic' => 0,
					'wrapper' => array(
						'width' => '',
						'class' => '',
						'id' => '',
					),
					'default_value' => '',
					'placeholder' => '',
					'prepend' => '',
					'append' => '',
					'maxlength' => '',
				),
				array(
					'key' => 'field_613ff53b3b01f',
					'label' => 'Customize',
					'name' => 'city_customize',
					'type' => 'true_false',
					'instructions' => '',
					'required' => 0,
					'conditional_logic' => 0,
					'wrapper' => array(
						'width' => '5',
						'class' => '',
						'id' => '',
					),
					'message' => '',
					'default_value' => 0,
					'ui' => 0,
					'ui_on_text' => '',
					'ui_off_text' => '',
				),
				array(
					'key' => 'field_613ffe654f56e',
					'label' => 'Custom Options',
					'name' => 'custom_options',
					'type' => 'group',
					'instructions' => '',
					'required' => 0,
					'conditional_logic' => array(
						array(
							array(
								'field' => 'field_613ff53b3b01f',
								'operator' => '==',
								'value' => '1',
							),
						),
					),
					'wrapper' => array(
						'width' => '50',
						'class' => '',
						'id' => '',
					),
					'layout' => 'row',
					'sub_fields' => array(
						array(
							'key' => 'field_613ff71933f2f',
							'label' => 'Find Content',
							'name' => 'find_content',
							'type' => 'select',
							'instructions' => '',
							'required' => 0,
							'conditional_logic' => array(
								array(
									array(
										'field' => 'field_613ff53b3b01f',
										'operator' => '==',
										'value' => '1',
									),
								),
							),
							'wrapper' => array(
								'width' => '',
								'class' => '',
								'id' => '',
							),
							'choices' => array(
								'Automatic Slug Search' => 'Automatic Slug Search',
								'Manual Slug Search' => 'Manual Slug Search',
								'Choose Pages' => 'Choose Pages',
							),
							'default_value' => 'Automatic Slug Search',
							'allow_null' => 0,
							'multiple' => 0,
							'ui' => 0,
							'return_format' => 'value',
							'ajax' => 0,
							'placeholder' => '',
						),
						array(
							'key' => 'field_613ff7c833f30',
							'label' => 'Manual Slug',
							'name' => 'manual_slug',
							'type' => 'text',
							'instructions' => '',
							'required' => 1,
							'conditional_logic' => array(
								array(
									array(
										'field' => 'field_613ff71933f2f',
										'operator' => '==',
										'value' => 'Manual Slug Search',
									),
								),
							),
							'wrapper' => array(
								'width' => '',
								'class' => '',
								'id' => '',
							),
							'default_value' => '',
							'placeholder' => '',
							'prepend' => '',
							'append' => '',
							'maxlength' => '',
						),
						array(
							'key' => 'field_613ff7ec33f31',
							'label' => 'Define Custom Menu',
							'name' => 'define_pages_menu',
							'type' => 'post_object',
							'instructions' => 'Choose which pages should appear',
							'required' => 1,
							'conditional_logic' => array(
								array(
									array(
										'field' => 'field_613ff71933f2f',
										'operator' => '==',
										'value' => 'Choose Pages',
									),
								),
							),
							'wrapper' => array(
								'width' => '',
								'class' => '',
								'id' => '',
							),
							'post_type' => array(
								0 => 'page',
							),
							'taxonomy' => '',
							'allow_null' => 0,
							'multiple' => 1,
							'return_format' => 'id',
							'ui' => 1,
						),
						array(
							'key' => 'field_613ff98333f34',
							'label' => 'Exclude Pages',
							'name' => 'exclude_pages',
							'type' => 'post_object',
							'instructions' => '',
							'required' => 0,
							'conditional_logic' => array(
								array(
									array(
										'field' => 'field_613ff53b3b01f',
										'operator' => '==',
										'value' => '1',
									),
									array(
										'field' => 'field_613ff71933f2f',
										'operator' => '!=',
										'value' => 'Choose Pages',
									),
								),
							),
							'wrapper' => array(
								'width' => '',
								'class' => '',
								'id' => '',
							),
							'post_type' => array(
								0 => 'page',
							),
							'taxonomy' => '',
							'allow_null' => 0,
							'multiple' => 1,
							'return_format' => 'id',
							'ui' => 1,
						),
						array(
							'key' => 'field_613ff90d33f32',
							'label' => 'Include Pages',
							'name' => 'include_pages',
							'type' => 'post_object',
							'instructions' => '',
							'required' => 0,
							'conditional_logic' => array(
								array(
									array(
										'field' => 'field_613ff53b3b01f',
										'operator' => '==',
										'value' => '1',
									),
									array(
										'field' => 'field_613ff71933f2f',
										'operator' => '!=',
										'value' => 'Choose Pages',
									),
								),
							),
							'wrapper' => array(
								'width' => '',
								'class' => '',
								'id' => '',
							),
							'post_type' => array(
								0 => 'page',
							),
							'taxonomy' => '',
							'allow_null' => 0,
							'multiple' => 1,
							'return_format' => 'id',
							'ui' => 1,
						),
					),
				),
			),
		),
		array(
			'key' => 'field_613ff9d633f36',
			'label' => 'Remove city name from labels',
			'name' => 'remove_cityname_option',
			'type' => 'true_false',
			'instructions' => 'If enabled, the city name will be stripped from the submenu labels.',
			'required' => 0,
			'conditional_logic' => 0,
			'wrapper' => array(
				'width' => '',
				'class' => '',
				'id' => '',
			),
			'message' => '',
			'default_value' => 1,
			'ui' => 0,
			'ui_on_text' => '',
			'ui_off_text' => '',
		),
	),
	'location' => array(
		array(
			array(
				'param' => 'options_page',
				'operator' => '==',
				'value' => 'acf-options-service-areas',
			),
		),
	),
	'menu_order' => 0,
	'position' => 'normal',
	'style' => 'default',
	'label_placement' => 'top',
	'instruction_placement' => 'label',
	'hide_on_screen' => '',
	'active' => true,
	'description' => '',
));

endif;

acf-options-for-import.json

[
    {
        "key": "group_613ff4f4cb5a2",
        "title": "Service Areas Options",
        "fields": [
            {
                "key": "field_613ff5163b01e",
                "label": "Cities",
                "name": "cities",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "collapsed": "",
                "min": 0,
                "max": 0,
                "layout": "table",
                "button_label": "",
                "sub_fields": [
                    {
                        "key": "field_613ff56b3b020",
                        "label": "City Name",
                        "name": "city_name",
                        "type": "text",
                        "instructions": "",
                        "required": 1,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "maxlength": ""
                    },
                    {
                        "key": "field_613ff53b3b01f",
                        "label": "Customize",
                        "name": "city_customize",
                        "type": "true_false",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "5",
                            "class": "",
                            "id": ""
                        },
                        "message": "",
                        "default_value": 0,
                        "ui": 0,
                        "ui_on_text": "",
                        "ui_off_text": ""
                    },
                    {
                        "key": "field_613ffe654f56e",
                        "label": "Custom Options",
                        "name": "custom_options",
                        "type": "group",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": [
                            [
                                {
                                    "field": "field_613ff53b3b01f",
                                    "operator": "==",
                                    "value": "1"
                                }
                            ]
                        ],
                        "wrapper": {
                            "width": "50",
                            "class": "",
                            "id": ""
                        },
                        "layout": "row",
                        "sub_fields": [
                            {
                                "key": "field_613ff71933f2f",
                                "label": "Find Content",
                                "name": "find_content",
                                "type": "select",
                                "instructions": "",
                                "required": 0,
                                "conditional_logic": [
                                    [
                                        {
                                            "field": "field_613ff53b3b01f",
                                            "operator": "==",
                                            "value": "1"
                                        }
                                    ]
                                ],
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "choices": {
                                    "Automatic Slug Search": "Automatic Slug Search",
                                    "Manual Slug Search": "Manual Slug Search",
                                    "Choose Pages": "Choose Pages"
                                },
                                "default_value": "Automatic Slug Search",
                                "allow_null": 0,
                                "multiple": 0,
                                "ui": 0,
                                "return_format": "value",
                                "ajax": 0,
                                "placeholder": ""
                            },
                            {
                                "key": "field_613ff7c833f30",
                                "label": "Manual Slug",
                                "name": "manual_slug",
                                "type": "text",
                                "instructions": "",
                                "required": 1,
                                "conditional_logic": [
                                    [
                                        {
                                            "field": "field_613ff71933f2f",
                                            "operator": "==",
                                            "value": "Manual Slug Search"
                                        }
                                    ]
                                ],
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "default_value": "",
                                "placeholder": "",
                                "prepend": "",
                                "append": "",
                                "maxlength": ""
                            },
                            {
                                "key": "field_613ff7ec33f31",
                                "label": "Define Custom Menu",
                                "name": "define_pages_menu",
                                "type": "post_object",
                                "instructions": "Choose which pages should appear",
                                "required": 1,
                                "conditional_logic": [
                                    [
                                        {
                                            "field": "field_613ff71933f2f",
                                            "operator": "==",
                                            "value": "Choose Pages"
                                        }
                                    ]
                                ],
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "post_type": [
                                    "page"
                                ],
                                "taxonomy": "",
                                "allow_null": 0,
                                "multiple": 1,
                                "return_format": "id",
                                "ui": 1
                            },
                            {
                                "key": "field_613ff98333f34",
                                "label": "Exclude Pages",
                                "name": "exclude_pages",
                                "type": "post_object",
                                "instructions": "",
                                "required": 0,
                                "conditional_logic": [
                                    [
                                        {
                                            "field": "field_613ff53b3b01f",
                                            "operator": "==",
                                            "value": "1"
                                        },
                                        {
                                            "field": "field_613ff71933f2f",
                                            "operator": "!=",
                                            "value": "Choose Pages"
                                        }
                                    ]
                                ],
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "post_type": [
                                    "page"
                                ],
                                "taxonomy": "",
                                "allow_null": 0,
                                "multiple": 1,
                                "return_format": "id",
                                "ui": 1
                            },
                            {
                                "key": "field_613ff90d33f32",
                                "label": "Include Pages",
                                "name": "include_pages",
                                "type": "post_object",
                                "instructions": "",
                                "required": 0,
                                "conditional_logic": [
                                    [
                                        {
                                            "field": "field_613ff53b3b01f",
                                            "operator": "==",
                                            "value": "1"
                                        },
                                        {
                                            "field": "field_613ff71933f2f",
                                            "operator": "!=",
                                            "value": "Choose Pages"
                                        }
                                    ]
                                ],
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "post_type": [
                                    "page"
                                ],
                                "taxonomy": "",
                                "allow_null": 0,
                                "multiple": 1,
                                "return_format": "id",
                                "ui": 1
                            }
                        ]
                    }
                ]
            },
            {
                "key": "field_613ff9d633f36",
                "label": "Remove city name from labels",
                "name": "remove_cityname_option",
                "type": "true_false",
                "instructions": "If enabled, the city name will be stripped from the submenu labels.",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "message": "",
                "default_value": 1,
                "ui": 0,
                "ui_on_text": "",
                "ui_off_text": ""
            }
        ],
        "location": [
            [
                {
                    "param": "options_page",
                    "operator": "==",
                    "value": "acf-options-service-areas"
                }
            ]
        ],
        "menu_order": 0,
        "position": "normal",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": true,
        "description": ""
    }
]

</section>