WordPress: How to create a local copy of a live site for development and testing

In this article, I will detail how to make a local “dev” copy of my live WordPress blog for the purpose of testing new styles, developing plugins and experimenting with new themes. My live WordPress blog is at http://bluegalaxy.info/codewalk. On my local Windows PC I have Bitnami WAMP stack installed, which includes an Apache2 server, … Continue reading WordPress: How to create a local copy of a live site for development and testing

WordPress: How to display excerpts instead of full posts on archive pages

In the WordPress dashboard under Settings –> Reading, there is an option that appears as if it would show summaries of each post on the main page, instead of full posts. Next to “For each article in a feed, show”, there are options for “Full text” and “Summary”.  This does not do what I thought … Continue reading WordPress: How to display excerpts instead of full posts on archive pages

WordPress: How to create an iframe refresh button

Let’s say you have an interactive canvas loaded in an iframe and you want to have the ability to “clear” the canvas without reloading the entire page. This example was created using p5.js and the html was loaded into an iframe. After drawing on this canvas, it can be cleared by clicking the “Clear Canvas” … Continue reading WordPress: How to create an iframe refresh button

WordPress: Inject custom CSS to create borders around iframes and images

CSS can be used to style an iframe to give it a border with a drop shadow. For example: #iframe_drop_shadow { -moz-box-shadow: 4px 4px 14px #000; -webkit-box-shadow: 4px 4px 14px #000; box-shadow: 4px 4px 14px #000; } Then, in the tag that creates the iframe, reference this CSS using the tag id=”iframe_drop_shadow”. For example: <iframe … Continue reading WordPress: Inject custom CSS to create borders around iframes and images

WordPress: How to create a Table of Contents page with Python

What I wanted to create was a dynamic Table of Contents page where I could have a listing of all of my published articles, organized by category, and sorted such that categories with the most posts appear first, and the posts under each category are listed from most recent at the top to oldest at … Continue reading WordPress: How to create a Table of Contents page with Python

WordPress: How to use an iframe to pull in outside content

Here are instructions for using an iframe with wordpress.org websites. 1.  Download the iframe Plugin from here. iframe 2.  Use a shortcode in a post like this: Note: I added a space after the left bracket [ and before the right bracket ] in order to not trigger the shortcode in the below code example. … Continue reading WordPress: How to use an iframe to pull in outside content

WordPress: How to make a custom Enlighter theme for code highlighting

According to this page: https://wordpress.org/support/topic/custom-background-color-5/ The regular Enlighter plugin themes are stored in this minified css file: /wp-content/plugins/enlighter/resources/EnlighterJS.min.css and the css files for the Enlighter plugin themes can be found here: /wp-content/plugins/enlighter/views/themes/ for example: /wp-content/plugins/enlighter/views/themes/mootwo.css However, to create a new custom Enlighter css theme and have it show up in the Enlighter plugin options, I … Continue reading WordPress: How to make a custom Enlighter theme for code highlighting