Replacing CKEditor and KCFinder With FolioPress WYSIWYG

 

I can hard code html with the rest of them, but it’s a pain to have to remember where my images reside, what the exact filenames are, and then get them into a post.  While I’m generally a command line guy if at all possible, the process of getting images into posts is one where I’d like to be using a GUI tool. 

So what I need is a GUI tool that allows me to insert images, but also to create directories to keep said images organized.  I personally like a directory for each blog post category, and if you look at the source code on my site, you’ll probably find that if you’re reading a How To type of post, any images I use for that post will be in the images/howto directory. 

The default WordPress images tools don’t allow me a way (that I could figure out at least — I’m all ears if someone has the answer) to work with images the way I want to.  Until lately, I was using a combination of CKEditor with KCFinder, as the regular method of inserting images doesn’t work for me.  But the last time I set up a new blog for someone, I couldn’t get it working right off the bat.  There was also a security concern nagging in the back of my head, something KCFinder’s author warned me about that may or may not have been an issue; I can’t remember now what he said, and whether or not it was a bona fide problem.

Anyway, I started looking for something else, and ran across FolioPress WYSIWYG.  The editor is a little different, but playing with images is about the same. 

One big difference is that I can’t use this to create an excerpt.  Excerpts are created by hand.  I usually have images in my excerpts, so this won’t work so well…  My workaround is to type the excerpt in the main post area, then view source, then cut and paste it into the excerpt field as raw html.

A couple of things to remember, and your situation may vary… I set FolioPress WYSIWYG to look for an images directory in the root of my website.  On a lot of web servers, this would be /home/username/public_html/images/

But WordPress likes images to be in wp-content/uploads/images/, so if you also want the images to be in wp-content/uploads/images/, then you’ve got to make a link somehow.  I left the originals in wp-content/uploads/ and then created a symbolic link in my home directory.  On a Linux host with shell access, it’s a simple: 

ln -s ./wp-content/uploads/images ./images

command run from inside the public_html directory. I’m not sure how you’d do it with an ftp client; I’ve always gotten Linux hosting that allows shell access so I could just log in and do stuff like this.  FYI, Hostmonster is where my site is hosted at the moment, and they’re great. 

To see how I’m actually using Foliopress, have a gander at my walkthrough. As of 7/4/16, it’s pretty much just a reference. As I go along, I’ll probably flesh it out with things like all complete sentences… 

Check ‘er out here:  Using the WordPress Foliopress Plugin


Leave a Reply

Your email address will not be published. Required fields are marked *