Difference between revisions of "Image Galleries - WordPress"

From Help Wiki
 
(13 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{WPTutorial|Two ways to add image galleries to your WordPress site are currently available at blogs.evergreen.edu.
+
 
|
+
<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.
 +
</div>
 +
 
 +
===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.
 +
* '''[[Instagram - WordPress|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===
 
===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)'':
 
You can use the following gallery tools ''(remember you only have 100MB of storage space on your blogs.evergreen.edu site)'':
* Use the built-in image gallery tool. See: [http://en.support.wordpress.com/images/gallery/ WordPress image gallery support page]
+
====Built-in image gallery tool====
 +
# Create a page for your gallery (a post will work too) or Edit an existing  one
 +
# Click the Add Media button
 +
# From the Insert Media window you can choose to Create a Gallery from the left-hand menu
 +
# Select the images to be in your gallery (upload new images)
 +
# Click Insert into page (or post)
 +
See also: [http://en.support.wordpress.com/images/gallery/ WordPress image gallery support page]
 
====Enhance the built-in gallery tool with the Tile Gallery plugin====
 
====Enhance the built-in gallery tool with the Tile Gallery plugin====
 
# Go '''Plugins > Activate > Tiled Galleries Carousel Without Jetpack'''
 
# Go '''Plugins > Activate > Tiled Galleries Carousel Without Jetpack'''
# Now all of your WordPress image galleries will have an full-screen overlay
+
# 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 [http://blogs.evergreen.edu/imagegallerydemo/ demo site for Image Galleries]
  
===For embedding cloud-based image gallery solutions===
+
<!-- end col-md-8 -->
* '''[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.
+
</div>
* '''[https://wordpress.org/plugins/simply-instagram/ Simply Instagram]''' Embed a dynamic image gallery of your Instagram images in a page or as a sidebar widget.
+
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
  
  
===See the demo site===
+
{{WordPress AddingImagesAndMedia Sidebar}}
Check out examples of each of the above gallery types at http://blogs.evergreen.edu/imagegallerydemo/
+
|
+
{{WordPress Media Sidebar}}
+
  
  
 
----
 
----
{{WordPress Help 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]]

Latest 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