Difference between revisions of "Image Galleries - WordPress"

From Help Wiki
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{WPTemplate|
+
 
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 
Two ways to add image galleries to your WordPress site are currently available at blogs.evergreen.edu.
 
Two ways to add image galleries to your WordPress site are currently available at blogs.evergreen.edu.
|
+
</div>
 +
 
 
===For embedding cloud-based image gallery solutions===
 
===For embedding cloud-based image gallery solutions===
 
* '''[http://wordpress.org/extend/plugins/awesome-flickr-gallery-plugin/ Awesome Flickr Gallery]''' Quickly and easily incorporate your Flickr photos and galleries into your WordPress pages and posts.
 
* '''[http://wordpress.org/extend/plugins/awesome-flickr-gallery-plugin/ Awesome Flickr Gallery]''' Quickly and easily incorporate your Flickr photos and galleries into your WordPress pages and posts.
Line 18: Line 23:
 
# Now all of your WordPress image galleries will have a full-screen overlay
 
# Now all of your WordPress image galleries will have a full-screen overlay
 
===See the demo site===
 
===See the demo site===
Check out examples of each of the above gallery types at http://blogs.evergreen.edu/imagegallerydemo/
+
Check out examples of each of the above gallery types at the [http://blogs.evergreen.edu/imagegallerydemo/ demo site for Image Galleries]
|
+
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
 +
 
 +
 
 
{{WordPress AddingImagesAndMedia Sidebar}}
 
{{WordPress AddingImagesAndMedia Sidebar}}
  
  
 
----
 
----
 +
 
{{WordPress DesigningYourSite Sidebar}}
 
{{WordPress DesigningYourSite Sidebar}}
  
  
}}
+
----
 +
 
 +
 
 +
{{WordPress Help Sidebar}}
  
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[Category:Wordpress Tutorial]]
 
[[category:Wordpress]]
 
[[category:Wordpress]]

Revision as of 13:55, 2 October 2018

Two ways to add image galleries to your WordPress site are currently available at blogs.evergreen.edu.

For embedding cloud-based image gallery solutions

  • Awesome Flickr Gallery Quickly and easily incorporate your Flickr photos and galleries into your WordPress pages and posts.
  • Instagram Feed Embed a dynamic image gallery of your Instagram images or specific hash of images in a page or as a sidebar widget.

For local storage of your images

You can use the following gallery tools (remember you only have 100MB of storage space on your blogs.evergreen.edu site):

Built-in image gallery tool

  1. Create a page for your gallery (a post will work too) or Edit an existing one
  2. Click the Add Media button
  3. From the Insert Media window you can choose to Create a Gallery from the left-hand menu
  4. Select the images to be in your gallery (upload new images)
  5. Click Insert into page (or post)

See also: WordPress image gallery support page

Enhance the built-in gallery tool with the Tile Gallery plugin

  1. Go Plugins > Activate > Tiled Galleries Carousel Without Jetpack
  2. Now all of your WordPress image galleries will have a full-screen overlay

See the demo site

Check out examples of each of the above gallery types at the demo site for Image Galleries