Difference between revisions of "Image Galleries - WordPress"

From Help Wiki
m
 
(12 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">
−
===For local storage of your images===
+
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 +
How to add image galleries to your WordPress sites at [https://wordpress.evergreen.edu wordpress.evergreen.edu].
 +
</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====
 
# Create a page for your gallery (a post will work too) or Edit an existing  one
 
# Create a page for your gallery (a post will work too) or Edit an existing  one
 
# Click the Add Media button
 
# Click the Add Media button
−
# From the Insert Media window you can choose to Create a Gallery from the left hand menu
+
# 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)
 
# 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 an full-screen overlay
+
# Now all of your WordPress image galleries will have a full-screen overlay
  
−
===For embedding cloud-based image gallery solutions===
+
====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.
 
* '''[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.
−
* '''[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.
 
−
 
  
 
===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]
−
|
+
 
−
{{WordPress Media Sidebar}}
+
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
 +
 
 +
 
 +
{{WordPress AddingImagesAndMedia 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 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