Difference between revisions of "Image Galleries - WordPress"

From Help Wiki
 
(5 intermediate revisions by 2 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">
−
===For embedding cloud-based image gallery solutions===
+
<div class="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 class="lead">
−
* '''[[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.
+
How to add image galleries to your WordPress sites at [https://wordpress.evergreen.edu wordpress.evergreen.edu].
−
===For local storage of your images===
+
</div>
 +
 
 
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)'':
 
====Built-in image gallery tool====
 
====Built-in image gallery tool====
Line 13: Line 14:
 
# Select the images to be in your gallery (upload new images)
 
# Select the images to be in your gallery (upload new images)
 
# Click Insert into page (or post)
 
# Click Insert into page (or post)
 +
 
See also: [http://en.support.wordpress.com/images/gallery/ WordPress image gallery support page]
 
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 a full-screen overlay
 
# Now all of your WordPress image galleries will have a full-screen overlay
 +
 +
====To embed 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.
 +
 
===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]]

Latest revision as of 11:27, 27 January 2022

How to add image galleries to your WordPress sites at wordpress.evergreen.edu.

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

To embed cloud-based image gallery solutions

  • Awesome Flickr Gallery Quickly and easily incorporate your Flickr photos and galleries into your WordPress pages and posts.

See the demo site

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

Blue-l.png

WordPress Tutorial


Adding Images and Media


Designing Your Site



Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Image_Galleries_-_WordPress&oldid=43201"

The Evergreen State College