Replacing CKEditor and KCFinder With FolioPress WYSIWYG
Rather than go through the process every time I set up a blog of configuring CKEditor and KCFinder, I've discovered Foliopress WYSIWYG works just as well and it's all prepackaged. No sense in doing things the hard way if I don't have to , right?
July 4, 2016
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. I've been using a combination of CKEditor with KCFinder for years, because the regular method of inserting images doesn't work for me. I just don't like having my images organized by month and date. If I'm going to have blog post categories, then I'd rather my images get similarly categorized.
But some folks, for whatever reason, aren't able to get the CKEditor/KCFinder setup running. For them, there is something else — FolioPress WYSIWYG. The editor is a little different, but playing with images is about the same.
One big difference I've noticed is that I can't use Foliopress WYSIWYG to create an excerpt. Excerpts are created by hand. I usually have images in my excerpts, so this won't work so well… If I don't feel like hand coding my excerpt, 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.
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 PluginPrevious