Code Snippets

Adding a Custom Widget to Any Page, Post or Template in WordPress

Websitehttps://premium.wpmudev.org/blog/widgetize-page-post-template-wordpress/

Step-by-step guide to add a new widget to your WordPress site

After Post Widget

Websitehttps://www.wpbeginner.com/plugins/how-to-add-custom-after-post-widgets-in-wordpress/

How to Add Custom After Post Widgets in WordPress

Chrome DevTools to Inspect and Edit

Websitehttps://developers.google.com/web/tools/chrome-devtools/inspect-styles/

Inspect and live-edit the HTML and CSS of a page using the Chrome DevTools Elements panel.

CSS Box Model

Websitehttps://medium.freecodecamp.org/css-box-model-explained-by-living-in-a-boring-suburban-neighborhood-9a9e692773c1

Understanding the CSS Box Model
Understanding width, height, padding, border, and margin of elements on a page

Customize MailChimp Embed Form

Websitehttps://uhurunetwork.com/customizing-mailchimp-form-design/

Steps to customize your MailChimp form

HTML Cheat Sheet

Websitehttps://blogbizboss.com/easy-html/

HTML formatting code to copy and paste in the Text tab of your WordPress editing screen

Make a Line with Fading Ends

Websitehttp://jsfiddle.net/ZTz7Q/

CSS code to fade the ends of a separator line

Make Any Image Into a Circle with CSS

Websitehttps://www.abeautifulsite.net/how-to-make-rounded-images-with-css

Simple CSS code that allows you change any image into a circle

Redirect HTTP to HTTPS

Websitehttps://blog.templatetoaster.com/redirect-http-to-https-seo-optimized/

Install SSL certificate and convert your site from HTTP to HTTPS

Redirects for .htaccess

Websitehttps://gist.github.com/ScottPhillips/1721489

Common .htaccess Redirects

Reset WordPress Password from PHPMyAdmin

Simplify Woocommerce Checkout

Websitehttps://www.skyverge.com/blog/how-to-simplify-free-woocommerce-checkout/

Remove unnecessary fields on the WooCommerce checkout page
This is especially helpful when offering free virtual products.

Visual Guide to CSS

Websitehttps://cssreference.io/

This site explains CSS with illustrated and animated examples.

w3schools.com

Websitehttps://www.w3schools.com/

Tutorials, references, and examples for using HTML, CSS, and more