Recipe Gallery

Xidipity Blog Post titled "Recipe Gallery" Image 010

 

lesson

 

Add a Xidipity Gallery to a post which displays the image, caption, and description.

 

Design Notes

Images of this gallery have a caption and a description and these data elements are presented as html text which accepts html formatting. These images are assigned to the “from-kitchen” category.

 

Template

 


GitHub Gist

general / gallery / category


 

Arguments

Order By

The column used to sort database results.

 

See dictionary for additional information.

 
Order

Designates the order of the ‘orderby’ argument.

 

See dictionary for additional information.

 

Class

Image hover classes. Choices include the following.

focalpoint

Bring additional sharpness to image.

 

grayscale

Gray to color.

 

rounded / rounded-lg

Add rounded edges to the image.

 

shadow

Frame image in a drop shadow.

 

zoom

Zoom in on image.

 

See dictionary for additional information.

 

Ratio

The is the aspect ratio of the image.

 

  1. custom (default)
  2. 1 x 1
  3. 4 x 3
  4. 6 x 4
  5. 7 x 5
  6. 16 x 10
  7. 16 x 9
  8. 21 x 9

 

See dictionary for additional information.

 

Using a custom aspect ratio has a direct impact on how the “zoom” image class works. The image will appear to grow to a larger size not constrained by its boundary. Using option 1-7, the image boundary is constrained and will not expand. 

 

Opt

Image data display options.

 

  1. do not display captions or descriptions (default)
  2. display captions
  3. display descriptions
  4. display captions and descriptions

 

Col

The number of columns to display.

 

  1. column
  2. column (default)
  3. column
  4. column

 

Cap

Caption options when displayed

 

  1. caption left
  2. caption center (default)
  3. caption right

 

Filter
  1. Search includes the specified categories. (default)
  2. Search excludes the specified categories.

 

Parameter

category

The media category to included as a search parameter and used as directed by the filter argument.

 

Installation

  1. Highlight  & copy template to clipboard
  2. Open sandbox editor & paste clipboard
  3. On line 9, note “order by” as “date
  4. On line 10,  note “order” as “asc” 
  5. On line 11, note “class” as “focalpoint rounded
  6. On line 12, note image aspect “ratio” as “0
  7. On line 13,  note “opt” as “3”  (display captions & descriptions)
  8. On line 14,  note “col” as “3”  (columns)
  9. On line 15, note “cap” as  “0” (align left)
  10. On line 16, note “filter” as “0(include categories)
  11. On line 17,  note “category” as “from-kitchen
  12. On line 21,  update arguments from lines 9 – 17
  13. Highlight updated template & copy to clipboard
  14. Place cursor where video will be embedded
  15. Click the embed ( save_alt ) button
  16. Paste the updated clipboard content into the text box
  17. Click the “OK” button

 

demonstration

 

Editor View


Gallery by Category

Template Options

  • orderby = ‘date’
  • order = ‘asc’
  • class = ‘focalpoint rounded’
  • opt = 3
  • col = 2
  • cap = 0
  • filter = 0

Category(s)

  • from-kitchen


 

Web View


Gallery by Category

Template Options

  • orderby = ‘date’
  • order = ‘asc’
  • class = ‘focalpoint rounded
  • opt = 3
  • col = 2
  • cap = 0
  • filter = 0

Category(s)

  • from-kitchen

Banana-Blueberry Buttermilk Bread

Recipe

The slight acidity of buttermilk tenderizes and moistens baked goods while allowing you to cut way back on butter or oils. Here, it also lends a slight tanginess to the winning combination of bananas and blueberries. To make muffins instead, see Muffin Variation.

 

 

Spinach & Egg Sweet Potato Toast

Recipe

Skip the gluten and get some vitamin C with this healthy sweet potato toast recipe. Topped with spinach, egg and a dash of hot sauce, it's a delicious alternative to eggs Benedict.

 

 

Avocado Margaritas

Recipe

Includes demonstration video.

Avocado in a margarita? You bet! It lends creaminess and beautiful color to this refreshing blended cocktail that's perfect for serving on taco night.

 

 

Greek Chicken with Roasted Spring Vegetables & Lemon Vinaigrette

Recipe

Includes demonstration video.

This Greek-inspired chicken and vegetable sheet-pan meal is bursting with flavor. The chicken is coated in a mayonnaise and bread crumb mixture, roasted alongside asparagus, cremini mushrooms and grape tomatoes and then served with a lemon-feta vinaigrette.