I like to introduce myself as "Elaine Lin: MIT computer science major and blogger at FoodParsed." This spring semester at MIT, I've been doing research with the Haystack group at CSAIL to code a WordPress plug-in: Food Parser.
Food Parser allows you to easily add nutrition information to a WordPress post. You can copy/paste the unformatted nutritional information, and the plug-in will format it into a neat table - no coding required!
Food Parser - The Easy Nutrition Label Plug-in
|Amount Per Serving|
% Daily Value
Total Fat 0.8g
Saturated Fat 0.0g
Trans Fat 0.0g
Total Carbohydrates 57.8g
Dietary Fiber 8.5g
Vitamin A 2%
Vitamin C 45%
If you read a lot of food blogs, you'll notice the that recipe format is always pretty consistent. This is most bloggers use the same WordPress plug-in: Easy Recipe. However, there's no standardized way for adding nutritional information. If you try to copy/paste it directly, you get some ugly jarble:
Serving Size 300 g
Amount Per Serving
Calories from Fat
% Daily Value*
Nutrition Grade A
* Based on a 2000 calorie diet
- adding an image with nutritional information
- creating a separate page for nutritional information
- typing in the nutritional information at the bottom of an Easy Recipe
However, these options all have usability problems. Images are annoying to work with, a separate page is hard to find, and Easy Recipe doesn't give you the full table. Food Parser fixes these problems and creates a nicely formatted table. Here's the step by step demo of the plug-in.
Step by Step Photos
Start by calculating the nutrition information on an external source, such as Calorie Count. Copy what's in the text box.
Alternatively, you can get nutritional information from Google. In fact, you can use any source for nutritional information as long as it outputs text, not an image.
After you download and activate the plug-in, you'll see a pear icon in your WordPress editor.
Clicking the pear pops up a window. Paste the nutritional information into the textbox, and click OK.
The plug-in takes the nutrition information and formats everything into a pretty table. This is what it looks like in the editor.
Here's what the table looks like in the finished post.
The plug-in will soon be publicly available in the WordPress plug-in repository. If you want to test out the plug-in before it's released, you can manually install the plugin by uploading the foodparser.zip file.
Step by Step Manual Install
Here's the step by step for manual installation. Download the foodparser.zip file. If you're using Google Chrome, it should show up at the bottom. If not, save it to Desktop so you can easily find it later.
In WordPress, go to Plugins -> Add New, and click on Upload Plugin. Normally, you can search for a plugin in the WordPress plugin repository, but FoodParser has not been officially published yet.
Upload the zip file. If you're using Google Chrome, you can drag and drop the file from the bottom of the browser window. If not, you can click Choose File and find the foodparser.zip file on your computer.
After you click Install Now, you'll get this success screen. If you get an error, you may already have a version of FoodParser installed. Delete the existing version and try again.
If you have any questions or feedback, please email me at firstname.lastname@example.org.
For updates on the plug-in and on cheap and easy recipes, stay connected: