Fixing OpenSSL on WordPress Windows PHP 5.6+

Background:

i ran into OpenSSL errors during the Disqus plugin setup.
there’s tons of hits suggesting various solutions, below is the very simple solution that worked for me…

Sample error messages:

SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed
Failed to enable crypto in ...

TL;DR:

  1. download latest cacert.pem
  2. place it in a pertinent folder (e.g. $\wp-includes\certificates)
  3. edit your php.ini > openssl.cafile={full path to cacert.pem}

Automatic Header Links

I envied this little eye candy on some other blogs and it was easy to throw together.
 
image

If you’re on WordPress, a plugin like Simple Custom CSS and JS comes in handy for stuff like this.

CSS

JS

Developer Blog Engine Requirements

Log

  • Currently on WordPress…
  • Got a little itch to upgrade to Ghost from recent Twitter buzz

Recording favored blog functionalities to consider towards switching engines

Feature WordPress Ghost
Self hosting just something to keep in mind… e.g. they specifically state not chasing nodeJS latest versions
Search Built-in works great No turnkey solution yet, GhostHunter, Ghost-Search
Code Highlighting Crayon is great drop in via css/js includes, e.g Prism
Social Auto Post SNAP is nice IFTT integration
Markdown (MD) Yes, but biggest disappointment1 smooth MD editing story was my biggest temptation of TryGhost
Speed a bit pokey self hosted supposed to be peppier
Database MySQL MySQL, PostGress or SQLite… which for example makes the compatibility footprint challenging for search
Comments you might want to fire up 3rd party comment engine like Disqus from the get go, to facilitate easy porting to another engine

  1. I’ve really had to fight to meet my expectations with MarkDown on WordPress… I still don’t have a RELIABLE live visual preview plugin (they’re all broken one way or another – PrettyPress, WP-Markdown, etc)… managed to get working crayon highlighting nested under MD bullets syntax by using [crayon] tag instead of ``` 

HTML5 Canvas based 3d Tag Cloud

This Goat1000.com guy has provided an amazingly comprehensive 3d library… the configuration options are endless.

Below needs to be edited for your particular blog engine’s syntax for looping over tags (Google Blogger sample).
Due to internal use of getElementById, it appears our canvas element must be targeted via an #Id selector in above jquery (i.e. can’t use a class selector)

If you don’t have server side control, just apply necessary elements via jQuery prior to calling .tagcanvas() shown above – WordPress TagCloud sample

External Content in Blogger Post

Highlights:

  • pull content from 3rd party source, using crossorigin.me (CORS proxy) to avoid “no ‘access-control-allow-origin’ header is present on the requested resource”
  • from what i can glean, Blogger does not offer any kind of server side include facility so we have to resort to client browser tricks and that means this content is NOT going to be crawled/googlable
  • this approach relies on jQuery (Core) so you’ll need to have that referenced as well – example here, but also make sure you point at the latest version

Usage:
drop this helper function in a global JS/HTML widget via the Blogger Layout editor…

Then use it like this in an individual blogpost: