Difference between revisions of "Image Galleries - WordPress"

From Help Wiki
m (For local storage of your images)
 
(19 intermediate revisions by 5 users not shown)
Line 1: Line 1:
__NOTOC__
+
 
<div class="row-fluid"><div class="span8 ">
+
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
[[Image:Blue-l.png|left|75px]] 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>
 
</div>
<div class="gradientshadow"></div>
 
===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)'':
 
* Use the built-in image gallery tool. See: [http://en.support.wordpress.com/images/gallery/ WordPress image gallery support page]
 
====Enhance the built-in gallery tool with the Slim Jetpack plugin====
 
*# Go '''Plugins > Activate Slim Jetpack'''
 
*# Go '''Settings > Slim Jetpack'''
 
*#Activate Carousel
 
*# Now all of your WordPress image galleries will have an full-screen overlay
 
  
 
===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.
 
+
* '''[[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===
 +
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====
 +
# 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====
 +
# Go '''Plugins > Activate > Tiled Galleries Carousel Without Jetpack'''
 +
# 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/imagegalleries/
+
Check out examples of each of the above gallery types at the [http://blogs.evergreen.edu/imagegallerydemo/ demo site for Image Galleries]
  
<!-- end span8 -->
+
<!-- end col-md-8 -->
 
</div>
 
</div>
<div class="span4 gradientbox">
+
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
 +
 
 +
 
 +
{{WordPress AddingImagesAndMedia Sidebar}}
 +
 
 +
 
 +
----
 +
 
 +
{{WordPress DesigningYourSite Sidebar}}
 +
 
 +
 
 +
----
 +
 
 +
 
 
{{WordPress Help Sidebar}}
 
{{WordPress Help Sidebar}}
  
<!-- end span4-->
+
<!-- end col-md-3-->
 
</div>
 
</div>
<!-- end row-fluid -->
+
<!-- end row-->
 
</div>
 
</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