Version Description
- Added: Support forum link.
- Fixed: Instagram gallery blog style view.
- Fixed: Conflict with "Wordfence Security" plugin.
- Fixed: Images preload bug.
- Fixed: Widget slideshow.
- Changed: Possibility to set empty Images Directory.
Download this release
Release Info
Developer | webdorado |
Plugin | Photo Gallery by WD – Responsive Photo Gallery |
Version | 1.3.35 |
Comparing to | |
See all releases |
Code changes from version 1.3.34 to 1.3.35
- admin/views/BWGViewAlbums_bwg.php +15 -33
- admin/views/BWGViewGalleries_bwg.php +14 -33
- admin/views/BWGViewLicensing_bwg.php +0 -5
- admin/views/BWGViewOptions_bwg.php +5 -14
- admin/views/BWGViewTags_bwg.php +7 -16
- admin/views/BWGViewThemes_bwg.php +13 -39
- framework/BWGOptions.php +11 -5
- frontend/views/BWGViewGalleryBox.php +4 -1
- frontend/views/BWGViewSlideshow.php +89 -21
- images/logo.png +0 -0
- images/support.png +0 -0
- photo-gallery.php +140 -3
- readme.txt +443 -432
admin/views/BWGViewAlbums_bwg.php
CHANGED
@@ -33,32 +33,23 @@ class BWGViewAlbums_bwg {
|
|
33 |
$order_class = 'manage-column column-title sorted ' . $asc_or_desc;
|
34 |
$ids_string = '';
|
35 |
$per_page = $this->model->per_page();
|
36 |
-
|
37 |
$album_button_array = array(
|
38 |
'publish_all' => __('Publish', 'bwg_back'),
|
39 |
'unpublish_all' => __('Unpublish', 'bwg_back'),
|
40 |
'delete_all' => __('Delete', 'bwg_back')
|
41 |
);
|
42 |
?>
|
43 |
-
<
|
44 |
-
|
45 |
-
|
46 |
-
<
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
</
|
52 |
</div>
|
53 |
-
</div>
|
54 |
-
<form class="wrap bwg_form" id="albums_form" method="post" action="admin.php?page=albums_bwg" style="float: left; width:99%;">
|
55 |
-
<?php wp_nonce_field( 'albums_bwg', 'bwg_nonce' ); ?>
|
56 |
-
<span class="album-icon"></span>
|
57 |
-
<h2>
|
58 |
-
<?php _e("Albums", 'bwg_back'); ?>
|
59 |
-
<a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
|
60 |
-
spider_form_submit(event, 'albums_form')"><?php _e("Add new", 'bwg_back'); ?></a>
|
61 |
-
</h2>
|
62 |
<div id="draganddrop" class="wd_updated" style="display:none;"><strong><p><?php _e("Changes made in this table should be saved.", 'bwg_back'); ?></p></strong></div>
|
63 |
<?php WDWLibrary::search(__('Name','bwg_back'), $search_value, 'albums_form',''); ?>
|
64 |
<div class="tablenav top buttons_div buttons_div_left">
|
@@ -207,17 +198,6 @@ class BWGViewAlbums_bwg {
|
|
207 |
$page_title = (($id != 0) ? __('Edit album ',"bwg_back") . $row->name : __('Create new album',"bwg_back"));
|
208 |
$per_page = $this->model->per_page();
|
209 |
?>
|
210 |
-
<div style="clear: both; float: left; width: 99%;">
|
211 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
212 |
-
<?php _e("This section allows you to add/edit album.", 'bwg_back'); ?>
|
213 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/creating-editing-albums.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
214 |
-
</div>
|
215 |
-
<div style="float: right; text-align: right;">
|
216 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
217 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
218 |
-
</a>
|
219 |
-
</div>
|
220 |
-
</div>
|
221 |
<script>
|
222 |
function bwg_add_preview_image(files) {
|
223 |
document.getElementById("preview_image").value = files[0]['thumb_url'];
|
@@ -274,10 +254,12 @@ class BWGViewAlbums_bwg {
|
|
274 |
tb_remove();
|
275 |
}
|
276 |
</script>
|
277 |
-
<form class="wrap bwg_form" method="post" action="admin.php?page=albums_bwg" style="float: left; width:
|
278 |
<?php wp_nonce_field( 'albums_bwg', 'bwg_nonce' ); ?>
|
279 |
-
<
|
280 |
-
|
|
|
|
|
281 |
<div style="float:right;">
|
282 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" id='save_albums' type="submit" onclick="if(spider_check_required('name', 'Name')){return false;};spider_set_input_value('task', 'save')" value="<?php _e("Save", 'bwg_back'); ?>" />
|
283 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-apply" type="submit" onclick="if(spider_check_required('name', 'Name')){return false;};spider_set_input_value('task', 'apply')" value="<?php _e("Apply", 'bwg_back'); ?>" />
|
33 |
$order_class = 'manage-column column-title sorted ' . $asc_or_desc;
|
34 |
$ids_string = '';
|
35 |
$per_page = $this->model->per_page();
|
36 |
+
$pager = 0;
|
37 |
$album_button_array = array(
|
38 |
'publish_all' => __('Publish', 'bwg_back'),
|
39 |
'unpublish_all' => __('Unpublish', 'bwg_back'),
|
40 |
'delete_all' => __('Delete', 'bwg_back')
|
41 |
);
|
42 |
?>
|
43 |
+
<form class="wrap bwg_form" id="albums_form" method="post" action="admin.php?page=albums_bwg" style="float: left; width: 98%;">
|
44 |
+
<?php wp_nonce_field( 'albums_bwg', 'bwg_nonce' ); ?>
|
45 |
+
<div>
|
46 |
+
<span class="album-icon"></span>
|
47 |
+
<h2>
|
48 |
+
<?php _e("Albums", 'bwg_back'); ?>
|
49 |
+
<a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
|
50 |
+
spider_form_submit(event, 'albums_form')"><?php _e("Add new", 'bwg_back'); ?></a>
|
51 |
+
</h2>
|
52 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
53 |
<div id="draganddrop" class="wd_updated" style="display:none;"><strong><p><?php _e("Changes made in this table should be saved.", 'bwg_back'); ?></p></strong></div>
|
54 |
<?php WDWLibrary::search(__('Name','bwg_back'), $search_value, 'albums_form',''); ?>
|
55 |
<div class="tablenav top buttons_div buttons_div_left">
|
198 |
$page_title = (($id != 0) ? __('Edit album ',"bwg_back") . $row->name : __('Create new album',"bwg_back"));
|
199 |
$per_page = $this->model->per_page();
|
200 |
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
201 |
<script>
|
202 |
function bwg_add_preview_image(files) {
|
203 |
document.getElementById("preview_image").value = files[0]['thumb_url'];
|
254 |
tb_remove();
|
255 |
}
|
256 |
</script>
|
257 |
+
<form class="wrap bwg_form" method="post" action="admin.php?page=albums_bwg" style="float: left; width: 98%;">
|
258 |
<?php wp_nonce_field( 'albums_bwg', 'bwg_nonce' ); ?>
|
259 |
+
<div>
|
260 |
+
<span class="album-icon"></span>
|
261 |
+
<h2><?php echo $page_title; ?></h2>
|
262 |
+
</div>
|
263 |
<div style="float:right;">
|
264 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" id='save_albums' type="submit" onclick="if(spider_check_required('name', 'Name')){return false;};spider_set_input_value('task', 'save')" value="<?php _e("Save", 'bwg_back'); ?>" />
|
265 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-apply" type="submit" onclick="if(spider_check_required('name', 'Name')){return false;};spider_set_input_value('task', 'apply')" value="<?php _e("Apply", 'bwg_back'); ?>" />
|
admin/views/BWGViewGalleries_bwg.php
CHANGED
@@ -40,25 +40,16 @@ class BWGViewGalleries_bwg {
|
|
40 |
'delete_all' => __('Delete', 'bwg_back')
|
41 |
);
|
42 |
?>
|
43 |
-
<
|
44 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
45 |
-
<?php _e("This section allows you to create, edit and delete galleries.", 'bwg_back'); ?>
|
46 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/creating-editing-galleries.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
47 |
-
</div>
|
48 |
-
<div style="float: right; text-align: right;">
|
49 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
50 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
51 |
-
</a>
|
52 |
-
</div>
|
53 |
-
</div>
|
54 |
-
<form class="wrap bwg_form" id="galleries_form" method="post" action="admin.php?page=galleries_bwg" style="float: left; width: 99%;">
|
55 |
<?php wp_nonce_field( 'galleries_bwg', 'bwg_nonce' ); ?>
|
56 |
-
<
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
|
|
|
|
62 |
<div id="draganddrop" class="wd_updated" style="display:none;"><strong><p><?php _e("Changes made in this table should be saved.", 'bwg_back'); ?></p></strong></div>
|
63 |
<?php WDWLibrary::search(__('Name','bwg_back'), $search_value, 'galleries_form', '');?>
|
64 |
<div class="tablenav top buttons_div" >
|
@@ -223,18 +214,6 @@ class BWGViewGalleries_bwg {
|
|
223 |
$per_page = $this->model->per_page();
|
224 |
$images_count = $this->model->get_images_count($id);
|
225 |
?>
|
226 |
-
<div style="clear: both; float: left; width: 99%;">
|
227 |
-
<div id="message_div" class="wd_updated" style="display: none;"></div>
|
228 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
229 |
-
<?php _e("This section allows you to add/edit gallery.", 'bwg_back'); ?>
|
230 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/creating-editing-galleries.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
231 |
-
</div>
|
232 |
-
<div style="float: right; text-align: right;">
|
233 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
234 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
235 |
-
</a>
|
236 |
-
</div>
|
237 |
-
</div>
|
238 |
<script>
|
239 |
function spider_set_href(a, number, type) {
|
240 |
var image_url = document.getElementById("image_url_" + number).value;
|
@@ -535,10 +514,12 @@ class BWGViewGalleries_bwg {
|
|
535 |
}
|
536 |
</script>
|
537 |
<script language="javascript" type="text/javascript" src="<?php echo WD_BWG_URL . '/js/bwg_embed.js?ver='; ?><?php echo get_option("wd_bwg_version"); ?>"></script>
|
538 |
-
<form class="wrap bwg_form" method="post" id="galleries_form" action="admin.php?page=galleries_bwg" style="float: left; width:
|
539 |
<?php wp_nonce_field( 'galleries_bwg', 'bwg_nonce' ); ?>
|
540 |
-
<
|
541 |
-
|
|
|
|
|
542 |
<div style="float:right;">
|
543 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" id='save_gall' type="button" onclick="if (spider_check_required('name', 'Name')) {return false;};
|
544 |
spider_set_input_value('page_number', '1');
|
40 |
'delete_all' => __('Delete', 'bwg_back')
|
41 |
);
|
42 |
?>
|
43 |
+
<form class="wrap bwg_form" id="galleries_form" method="post" action="admin.php?page=galleries_bwg" style="float: left; width: 98%;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44 |
<?php wp_nonce_field( 'galleries_bwg', 'bwg_nonce' ); ?>
|
45 |
+
<div>
|
46 |
+
<span class="gallery-icon"></span>
|
47 |
+
<h2>
|
48 |
+
<?php _e("Galleries", 'bwg_back'); ?>
|
49 |
+
<a href="" id="galleries_id" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
|
50 |
+
spider_form_submit(event, 'galleries_form')"><?php _e("Add new", 'bwg_back'); ?></a>
|
51 |
+
</h2>
|
52 |
+
</div>
|
53 |
<div id="draganddrop" class="wd_updated" style="display:none;"><strong><p><?php _e("Changes made in this table should be saved.", 'bwg_back'); ?></p></strong></div>
|
54 |
<?php WDWLibrary::search(__('Name','bwg_back'), $search_value, 'galleries_form', '');?>
|
55 |
<div class="tablenav top buttons_div" >
|
214 |
$per_page = $this->model->per_page();
|
215 |
$images_count = $this->model->get_images_count($id);
|
216 |
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
217 |
<script>
|
218 |
function spider_set_href(a, number, type) {
|
219 |
var image_url = document.getElementById("image_url_" + number).value;
|
514 |
}
|
515 |
</script>
|
516 |
<script language="javascript" type="text/javascript" src="<?php echo WD_BWG_URL . '/js/bwg_embed.js?ver='; ?><?php echo get_option("wd_bwg_version"); ?>"></script>
|
517 |
+
<form class="wrap bwg_form" method="post" id="galleries_form" action="admin.php?page=galleries_bwg" style="float: left; width: 98%;">
|
518 |
<?php wp_nonce_field( 'galleries_bwg', 'bwg_nonce' ); ?>
|
519 |
+
<div>
|
520 |
+
<span class="gallery-icon"></span>
|
521 |
+
<h2><?php echo $page_title; ?></h2>
|
522 |
+
</div>
|
523 |
<div style="float:right;">
|
524 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" id='save_gall' type="button" onclick="if (spider_check_required('name', 'Name')) {return false;};
|
525 |
spider_set_input_value('page_number', '1');
|
admin/views/BWGViewLicensing_bwg.php
CHANGED
@@ -88,11 +88,6 @@ class BWGViewLicensing_bwg {
|
|
88 |
<span class="yes"></span>
|
89 |
</div>
|
90 |
</div>
|
91 |
-
<div style="float: right; text-align: right;">
|
92 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
93 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
94 |
-
</a>
|
95 |
-
</div>
|
96 |
<div style="float: left; clear: both;">
|
97 |
<p><?php _e("After purchasing the commercial version follow these steps:", 'bwg_back'); ?></p>
|
98 |
<ol>
|
88 |
<span class="yes"></span>
|
89 |
</div>
|
90 |
</div>
|
|
|
|
|
|
|
|
|
|
|
91 |
<div style="float: left; clear: both;">
|
92 |
<p><?php _e("After purchasing the commercial version follow these steps:", 'bwg_back'); ?></p>
|
93 |
<ol>
|
admin/views/BWGViewOptions_bwg.php
CHANGED
@@ -15,17 +15,6 @@ class BWGViewOptions_bwg {
|
|
15 |
}
|
16 |
global $WD_BWG_UPLOAD_DIR;
|
17 |
?>
|
18 |
-
<div style="clear: both; float: left; width: 99%;">
|
19 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
20 |
-
<?php _e("This section allows you to change settings for different views and general options.", 'bwg_back'); ?>
|
21 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/editing-options/global-options.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
22 |
-
</div>
|
23 |
-
<div style="float: right; text-align: right;">
|
24 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
25 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
26 |
-
</a>
|
27 |
-
</div>
|
28 |
-
</div>
|
29 |
<script>
|
30 |
function bwg_add_music(files) {
|
31 |
document.getElementById("slideshow_audio_url").value = files[0]['url'];
|
@@ -79,10 +68,12 @@ class BWGViewOptions_bwg {
|
|
79 |
'random' => 'Random',
|
80 |
);
|
81 |
?>
|
82 |
-
<form method="post" class="wrap bwg_form" action="admin.php?page=options_bwg" style="float: left; width:
|
83 |
<?php wp_nonce_field( 'options_bwg', 'bwg_nonce' ); ?>
|
84 |
-
<
|
85 |
-
|
|
|
|
|
86 |
<div style="display: inline-block; width: 100%;">
|
87 |
<div style="float: right;">
|
88 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" type="submit" onclick="if (spider_check_required('title', 'Title')) {return false;}; spider_set_input_value('task', 'save')" value="<?php _e('Save', 'bwg_back'); ?>" />
|
15 |
}
|
16 |
global $WD_BWG_UPLOAD_DIR;
|
17 |
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
18 |
<script>
|
19 |
function bwg_add_music(files) {
|
20 |
document.getElementById("slideshow_audio_url").value = files[0]['url'];
|
68 |
'random' => 'Random',
|
69 |
);
|
70 |
?>
|
71 |
+
<form method="post" class="wrap bwg_form" action="admin.php?page=options_bwg" style="float: left; width: 98%;">
|
72 |
<?php wp_nonce_field( 'options_bwg', 'bwg_nonce' ); ?>
|
73 |
+
<div>
|
74 |
+
<span class="option-icon"></span>
|
75 |
+
<h2 id="ed_options"><?php _e('Edit options', 'bwg_back'); ?></h2>
|
76 |
+
</div>
|
77 |
<div style="display: inline-block; width: 100%;">
|
78 |
<div style="float: right;">
|
79 |
<input class="wd-btn wd-btn-primary wd-btn-icon wd-btn-save" type="submit" onclick="if (spider_check_required('title', 'Title')) {return false;}; spider_set_input_value('task', 'save')" value="<?php _e('Save', 'bwg_back'); ?>" />
|
admin/views/BWGViewTags_bwg.php
CHANGED
@@ -31,29 +31,20 @@ class BWGViewTags_bwg {
|
|
31 |
$order_class = 'manage-column column-title sorted ' . $asc_or_desc;
|
32 |
$ids_string = '';
|
33 |
$per_page = $this->model->per_page();
|
34 |
-
|
35 |
$query_url = wp_nonce_url( admin_url('admin-ajax.php'), '', 'bwg_nonce' );
|
36 |
$query_url = add_query_arg(array('action' => ''), $query_url);
|
37 |
?>
|
38 |
<script>
|
39 |
var ajax_url = "<?php echo $query_url; ?>"
|
40 |
</script>
|
41 |
-
<div style="
|
42 |
-
|
43 |
-
<?php _e("This section allows you to create, edit and delete tags.", 'bwg_back'); ?>
|
44 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/creating-editing-tag.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
45 |
-
</div>
|
46 |
-
<div style="float: right; text-align: right;">
|
47 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
48 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
49 |
-
</a>
|
50 |
-
</div>
|
51 |
-
</div>
|
52 |
-
<div id="wordpress_message_1" style="width:99%;display:none;"><div id="wordpress_message_2" class="wd_updated"><p><strong><?php echo __('Item Succesfully Saved.', 'bwg_back'); ?></strong></p></div></div>
|
53 |
-
<form class="wrap bwg_form" id="tags_form" method="post" action="admin.php?page=tags_bwg" style="float:left; width: 99%;">
|
54 |
<?php wp_nonce_field( 'tags_bwg', 'bwg_nonce' ); ?>
|
55 |
-
<
|
56 |
-
|
|
|
|
|
57 |
<div class="buttons_div_right">
|
58 |
<span class="wd-btn wd-btn-primary-gray bwg_check_all non_selectable " onclick="spider_check_all_items()">
|
59 |
<input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
|
31 |
$order_class = 'manage-column column-title sorted ' . $asc_or_desc;
|
32 |
$ids_string = '';
|
33 |
$per_page = $this->model->per_page();
|
34 |
+
$pager = 0;
|
35 |
$query_url = wp_nonce_url( admin_url('admin-ajax.php'), '', 'bwg_nonce' );
|
36 |
$query_url = add_query_arg(array('action' => ''), $query_url);
|
37 |
?>
|
38 |
<script>
|
39 |
var ajax_url = "<?php echo $query_url; ?>"
|
40 |
</script>
|
41 |
+
<div id="wordpress_message_1" style="width:99%;display:none;"><div id="wordpress_message_2" class="wd_updated"><p><strong><?php echo __('Item Succesfully Saved.', 'bwg_back'); ?></strong></p></div></div>
|
42 |
+
<form class="wrap bwg_form" id="tags_form" method="post" action="admin.php?page=tags_bwg" style="float:left; width: 98%;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
43 |
<?php wp_nonce_field( 'tags_bwg', 'bwg_nonce' ); ?>
|
44 |
+
<div>
|
45 |
+
<span class="tag_icon"></span>
|
46 |
+
<h2><?php _e("Tags", 'bwg_back'); ?></h2>
|
47 |
+
</div>
|
48 |
<div class="buttons_div_right">
|
49 |
<span class="wd-btn wd-btn-primary-gray bwg_check_all non_selectable " onclick="spider_check_all_items()">
|
50 |
<input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
|
admin/views/BWGViewThemes_bwg.php
CHANGED
@@ -34,25 +34,6 @@ class BWGViewThemes_bwg {
|
|
34 |
$per_page = $this->model->per_page();
|
35 |
$pager = 0;
|
36 |
?>
|
37 |
-
<div style="clear: both; float: left; width: 99%;">
|
38 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
39 |
-
<?php _e("This section allows you to create, edit and delete themes.", 'bwg_back'); ?>
|
40 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/editing-themes/thumbnails.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
41 |
-
<?php
|
42 |
-
if (get_option("wd_bwg_theme_version")) {
|
43 |
-
?>
|
44 |
-
<br />
|
45 |
-
<?php _e("This feature is disabled for the non-commercial version.", 'bwg_back'); ?>
|
46 |
-
<?php
|
47 |
-
}
|
48 |
-
?>
|
49 |
-
</div>
|
50 |
-
<div style="float: right; text-align: right;">
|
51 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
52 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
53 |
-
</a>
|
54 |
-
</div>
|
55 |
-
</div>
|
56 |
<?php
|
57 |
if (get_option("wd_bwg_theme_version")) {
|
58 |
?>
|
@@ -74,14 +55,16 @@ class BWGViewThemes_bwg {
|
|
74 |
die();
|
75 |
}
|
76 |
?>
|
77 |
-
<form class="wrap bwg_form" id="themes_form" method="post" action="admin.php?page=themes_bwg" style="float: left; width:
|
78 |
<?php wp_nonce_field( 'themes_bwg', 'bwg_nonce' ); ?>
|
79 |
<span class="theme_icon"></span>
|
80 |
-
<
|
81 |
-
|
82 |
-
|
83 |
-
|
84 |
-
|
|
|
|
|
85 |
<div class="buttons_div">
|
86 |
<input class="button-secondary" type="submit" onclick="if (confirm('<?php echo addslashes(__('Do you want to delete selected items?', 'bwg_back')); ?>')) {
|
87 |
spider_set_input_value('task', 'delete_all');
|
@@ -249,21 +232,12 @@ class BWGViewThemes_bwg {
|
|
249 |
'square' => __('Square', 'bwg_back'),
|
250 |
);
|
251 |
?>
|
252 |
-
|
253 |
-
<div style="float:left; font-size: 14px; font-weight: bold;">
|
254 |
-
<?php _e("This section allows you to add/edit theme.", 'bwg_back'); ?>
|
255 |
-
<a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-gallery/editing-themes/thumbnails.html"><?php _e("Read More in User Manual", 'bwg_back'); ?></a>
|
256 |
-
</div>
|
257 |
-
<div style="float: right; text-align: right;">
|
258 |
-
<a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromPhotoGallery.php">
|
259 |
-
<img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_BWG_URL . '/images/logo.png'; ?>" />
|
260 |
-
</a>
|
261 |
-
</div>
|
262 |
-
</div>
|
263 |
-
<form class="wrap bwg_form" method="post" action="admin.php?page=themes_bwg" style="float: left; width: 99%;">
|
264 |
<?php wp_nonce_field( 'themes_bwg', 'bwg_nonce' ); ?>
|
265 |
-
<
|
266 |
-
|
|
|
|
|
267 |
<div style="float: right; margin: 0 5px 0 0;">
|
268 |
<input class="button-secondary" type="submit" onclick="if (spider_check_required('name', 'Name')) {return false;}; spider_set_input_value('task', 'save')" value="<?php _e("Save", 'bwg_back'); ?>"/>
|
269 |
<?php if ($id) { ?>
|
34 |
$per_page = $this->model->per_page();
|
35 |
$pager = 0;
|
36 |
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
37 |
<?php
|
38 |
if (get_option("wd_bwg_theme_version")) {
|
39 |
?>
|
55 |
die();
|
56 |
}
|
57 |
?>
|
58 |
+
<form class="wrap bwg_form" id="themes_form" method="post" action="admin.php?page=themes_bwg" style="float: left; width: 98%;">
|
59 |
<?php wp_nonce_field( 'themes_bwg', 'bwg_nonce' ); ?>
|
60 |
<span class="theme_icon"></span>
|
61 |
+
<div>
|
62 |
+
<h2>
|
63 |
+
<?php _e("Themes", 'bwg_back'); ?>
|
64 |
+
<a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
|
65 |
+
spider_form_submit(event, 'themes_form')"><?php _e("Add new", 'bwg_back'); ?></a>
|
66 |
+
</h2>
|
67 |
+
</div>
|
68 |
<div class="buttons_div">
|
69 |
<input class="button-secondary" type="submit" onclick="if (confirm('<?php echo addslashes(__('Do you want to delete selected items?', 'bwg_back')); ?>')) {
|
70 |
spider_set_input_value('task', 'delete_all');
|
232 |
'square' => __('Square', 'bwg_back'),
|
233 |
);
|
234 |
?>
|
235 |
+
<form class="wrap bwg_form" method="post" action="admin.php?page=themes_bwg" style="float: left; width: 98%;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
236 |
<?php wp_nonce_field( 'themes_bwg', 'bwg_nonce' ); ?>
|
237 |
+
<div>
|
238 |
+
<span class="theme_icon"></span>
|
239 |
+
<h2><?php echo $page_title; ?></h2>
|
240 |
+
</div>
|
241 |
<div style="float: right; margin: 0 5px 0 0;">
|
242 |
<input class="button-secondary" type="submit" onclick="if (spider_check_required('name', 'Name')) {return false;}; spider_set_input_value('task', 'save')" value="<?php _e("Save", 'bwg_back'); ?>"/>
|
243 |
<?php if ($id) { ?>
|
framework/BWGOptions.php
CHANGED
@@ -1,7 +1,9 @@
|
|
1 |
<?php
|
|
|
|
|
2 |
class WD_BWG_Options {
|
3 |
|
4 |
-
public $images_directory =
|
5 |
|
6 |
public $masonry = 'vertical';
|
7 |
public $mosaic = 'vertical';
|
@@ -168,22 +170,26 @@ class WD_BWG_Options {
|
|
168 |
}
|
169 |
}
|
170 |
}
|
171 |
-
if (
|
172 |
$upload_dir = wp_upload_dir();
|
173 |
if (!isset($this->old_images_directory) && !is_dir($upload_dir['basedir'] . '/photo-gallery') && !$reset) {
|
174 |
-
|
175 |
}
|
176 |
$this->images_directory = str_replace(ABSPATH, '', $upload_dir['basedir']);
|
177 |
}
|
178 |
$this->old_images_directory = $old_images_directory;
|
179 |
if (!$this->watermark_url) {
|
180 |
-
$watermark_url = WD_BWG_URL . '/images/watermark.png';
|
181 |
}
|
182 |
if (!$this->built_in_watermark_url) {
|
183 |
-
$built_in_watermark_url = WD_BWG_URL . '/images/watermark.png';
|
184 |
}
|
185 |
if ($this->permissions != 'moderate_comments' && $this->permissions != 'publish_posts' && $this->permissions != 'edit_posts') {
|
186 |
$this->permissions = 'manage_options';
|
187 |
}
|
188 |
}
|
|
|
|
|
|
|
|
|
189 |
}
|
1 |
<?php
|
2 |
+
defined('ABSPATH') || die('Access Denied');
|
3 |
+
|
4 |
class WD_BWG_Options {
|
5 |
|
6 |
+
public $images_directory = null;
|
7 |
|
8 |
public $masonry = 'vertical';
|
9 |
public $mosaic = 'vertical';
|
170 |
}
|
171 |
}
|
172 |
}
|
173 |
+
if ($this->images_directory === null) {
|
174 |
$upload_dir = wp_upload_dir();
|
175 |
if (!isset($this->old_images_directory) && !is_dir($upload_dir['basedir'] . '/photo-gallery') && !$reset) {
|
176 |
+
$this->make_directory($upload_dir['basedir']);
|
177 |
}
|
178 |
$this->images_directory = str_replace(ABSPATH, '', $upload_dir['basedir']);
|
179 |
}
|
180 |
$this->old_images_directory = $old_images_directory;
|
181 |
if (!$this->watermark_url) {
|
182 |
+
$this->watermark_url = WD_BWG_URL . '/images/watermark.png';
|
183 |
}
|
184 |
if (!$this->built_in_watermark_url) {
|
185 |
+
$this->built_in_watermark_url = WD_BWG_URL . '/images/watermark.png';
|
186 |
}
|
187 |
if ($this->permissions != 'moderate_comments' && $this->permissions != 'publish_posts' && $this->permissions != 'edit_posts') {
|
188 |
$this->permissions = 'manage_options';
|
189 |
}
|
190 |
}
|
191 |
+
|
192 |
+
private function make_directory($upload_dir) {
|
193 |
+
mkdir($upload_dir . '/photo-gallery', 0777);
|
194 |
+
}
|
195 |
}
|
frontend/views/BWGViewGalleryBox.php
CHANGED
@@ -1522,7 +1522,7 @@ class BWGViewGalleryBox {
|
|
1522 |
else {
|
1523 |
for (var i = 0; i < data.length; i++) {
|
1524 |
var is_embed = data[i]['filetype'].indexOf("EMBED_") > -1 ? true : false;
|
1525 |
-
if (typeof data[
|
1526 |
if (!is_embed) {
|
1527 |
jQuery("<img/>").attr("src", '<?php echo site_url() . '/' . $WD_BWG_UPLOAD_DIR; ?>' + jQuery('<span style="display: block;" />').html(data[i]["image_url"]).text());
|
1528 |
}
|
@@ -1768,6 +1768,9 @@ class BWGViewGalleryBox {
|
|
1768 |
<?php
|
1769 |
}
|
1770 |
?>
|
|
|
|
|
|
|
1771 |
if (typeof jQuery().swiperight !== 'undefined') {
|
1772 |
if (jQuery.isFunction(jQuery().swiperight)) {
|
1773 |
jQuery('#spider_popup_wrap').swiperight(function () {
|
1522 |
else {
|
1523 |
for (var i = 0; i < data.length; i++) {
|
1524 |
var is_embed = data[i]['filetype'].indexOf("EMBED_") > -1 ? true : false;
|
1525 |
+
if (typeof data[i] != "undefined") {
|
1526 |
if (!is_embed) {
|
1527 |
jQuery("<img/>").attr("src", '<?php echo site_url() . '/' . $WD_BWG_UPLOAD_DIR; ?>' + jQuery('<span style="display: block;" />').html(data[i]["image_url"]).text());
|
1528 |
}
|
1768 |
<?php
|
1769 |
}
|
1770 |
?>
|
1771 |
+
jQuery('#spider_popup_wrap').bind('touchmove', function (event) {
|
1772 |
+
event.preventDefault();
|
1773 |
+
});
|
1774 |
if (typeof jQuery().swiperight !== 'undefined') {
|
1775 |
if (jQuery.isFunction(jQuery().swiperight)) {
|
1776 |
jQuery('#spider_popup_wrap').swiperight(function () {
|
frontend/views/BWGViewSlideshow.php
CHANGED
@@ -52,25 +52,93 @@ class BWGViewSlideshow {
|
|
52 |
if (!isset($params['popup_hit_counter'])) {
|
53 |
$params['popup_hit_counter'] = 0;
|
54 |
}
|
55 |
-
$params['
|
56 |
-
|
57 |
-
|
58 |
-
$params['
|
59 |
-
|
60 |
-
|
61 |
-
$params['
|
62 |
-
|
63 |
-
|
64 |
-
$params['
|
65 |
-
|
66 |
-
|
67 |
-
$params['
|
68 |
-
|
69 |
-
|
70 |
-
$params['
|
71 |
-
|
72 |
-
|
73 |
-
$params['
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
$image_right_click = $wd_bwg_options->image_right_click;
|
75 |
if (!$from) {
|
76 |
$theme_id = (isset($params['theme_id']) ? esc_html($params['theme_id']) : 1);
|
@@ -483,7 +551,7 @@ class BWGViewSlideshow {
|
|
483 |
'image_width' => $params['popup_width'],
|
484 |
'image_height' => $params['popup_height'],
|
485 |
'image_effect' => $params['popup_effect'],
|
486 |
-
'wd_sor' => $
|
487 |
'wd_ord' => $order_by,
|
488 |
'enable_image_filmstrip' => $params['popup_enable_filmstrip'],
|
489 |
'image_filmstrip_height' => $params['popup_filmstrip_height'],
|
@@ -1053,7 +1121,7 @@ class BWGViewSlideshow {
|
|
1053 |
else {
|
1054 |
for (var i = 0; i < data_<?php echo $bwg; ?>.length; i++) {
|
1055 |
var is_embed = data_<?php echo $bwg; ?>[i]['filetype'].indexOf("EMBED_") > -1 ? true : false;
|
1056 |
-
if (typeof data_<?php echo $bwg; ?>[
|
1057 |
if (!is_embed) {
|
1058 |
jQuery("<img/>").attr("src", '<?php echo site_url() . '/' . $WD_BWG_UPLOAD_DIR; ?>' + jQuery('<span style="display: block;" />').html(data_<?php echo $bwg; ?>[i]["image_url"]).text());
|
1059 |
}
|
52 |
if (!isset($params['popup_hit_counter'])) {
|
53 |
$params['popup_hit_counter'] = 0;
|
54 |
}
|
55 |
+
if (!isset($params['popup_fullscreen'])) {
|
56 |
+
$params['popup_fullscreen'] = $wd_bwg_options->popup_fullscreen;
|
57 |
+
}
|
58 |
+
if (!isset($params['popup_enable_google'])) {
|
59 |
+
$params['popup_enable_google'] = $wd_bwg_options->popup_enable_google;
|
60 |
+
}
|
61 |
+
if(!isset($params['popup_enable_twitter'])) {
|
62 |
+
$params['popup_enable_twitter'] = $wd_bwg_options->popup_enable_twitter;
|
63 |
+
}
|
64 |
+
if (!isset($params['popup_enable_facebook'])) {
|
65 |
+
$params['popup_enable_facebook'] = $wd_bwg_options->popup_enable_facebook;
|
66 |
+
}
|
67 |
+
if (!isset($params['popup_interval'])) {
|
68 |
+
$params['popup_interval'] = $wd_bwg_options->popup_interval;
|
69 |
+
}
|
70 |
+
if (!isset($params['popup_enable_comment'])) {
|
71 |
+
$params['popup_enable_comment'] = $wd_bwg_options->popup_enable_comment;
|
72 |
+
}
|
73 |
+
if (!isset($params['popup_enable_filmstrip'])) {
|
74 |
+
$params['popup_enable_filmstrip'] = $wd_bwg_options->popup_enable_filmstrip;
|
75 |
+
}
|
76 |
+
if (!isset($params['popup_filmstrip_height'])) {
|
77 |
+
$params['popup_filmstrip_height'] = $wd_bwg_options->popup_filmstrip_height;
|
78 |
+
}
|
79 |
+
if (!isset($params['popup_enable_ctrl_btn'])) {
|
80 |
+
$params['popup_enable_ctrl_btn'] = $wd_bwg_options->popup_enable_ctrl_btn;
|
81 |
+
}
|
82 |
+
if (!isset($params['popup_enable_fullscreen'])) {
|
83 |
+
$params['popup_enable_fullscreen'] = $wd_bwg_options->popup_enable_fullscreen;
|
84 |
+
}
|
85 |
+
if (!isset($params['popup_enable_info'])) {
|
86 |
+
$params['popup_enable_info'] = $wd_bwg_options->popup_enable_info;
|
87 |
+
}
|
88 |
+
if (!isset($params['popup_info_always_show'])) {
|
89 |
+
$params['popup_info_always_show'] = $wd_bwg_options->popup_info_always_show;
|
90 |
+
}
|
91 |
+
if (!isset($params['popup_hit_counter'])) {
|
92 |
+
$params['popup_hit_counter'] = $wd_bwg_options->popup_hit_counter;
|
93 |
+
}
|
94 |
+
if (!isset($params['popup_enable_rate'])) {
|
95 |
+
$params['popup_enable_rate'] = $wd_bwg_options->popup_enable_rate;
|
96 |
+
}
|
97 |
+
if (!isset($params['popup_effect'])) {
|
98 |
+
$params['popup_effect'] = $wd_bwg_options->popup_type;
|
99 |
+
}
|
100 |
+
if (!isset($params['popup_width'])) {
|
101 |
+
$params['popup_width'] = $wd_bwg_options->popup_width;
|
102 |
+
}
|
103 |
+
if (!isset($params['popup_height'])) {
|
104 |
+
$params['popup_height'] = $wd_bwg_options->popup_height;
|
105 |
+
}
|
106 |
+
if (!isset($params['popup_autoplay'])) {
|
107 |
+
$params['popup_autoplay'] = $wd_bwg_options->popup_autoplay;
|
108 |
+
}
|
109 |
+
if (!isset($params['watermark_type'])) {
|
110 |
+
$params['watermark_type'] = $wd_bwg_options->watermark_type;
|
111 |
+
}
|
112 |
+
if (!isset($params['watermark_link'])) {
|
113 |
+
$params['watermark_link'] = urlencode($wd_bwg_options->watermark_link);
|
114 |
+
}
|
115 |
+
if (!isset($params['watermark_opacity'])) {
|
116 |
+
$params['watermark_opacity'] = $wd_bwg_options->watermark_opacity;
|
117 |
+
}
|
118 |
+
if (!isset($params['watermark_position'])) {
|
119 |
+
$params['watermark_position'] = $wd_bwg_options->watermark_position;
|
120 |
+
}
|
121 |
+
if (!isset($params['watermark_url'])) {
|
122 |
+
$params['watermark_url'] = urlencode($wd_bwg_options->watermark_url);
|
123 |
+
}
|
124 |
+
if (!isset($params['watermark_width'])) {
|
125 |
+
$params['watermark_width'] = $wd_bwg_options->watermark_width;
|
126 |
+
}
|
127 |
+
if (!isset($params['watermark_height'])) {
|
128 |
+
$params['watermark_height'] = $wd_bwg_options->watermark_height;
|
129 |
+
}
|
130 |
+
if (!isset($params['watermark_text'])) {
|
131 |
+
$params['watermark_text'] = urlencode($wd_bwg_options->watermark_text);
|
132 |
+
}
|
133 |
+
if (!isset($params['watermark_font_size'])) {
|
134 |
+
$params['watermark_font_size'] = $wd_bwg_options->watermark_font_size;
|
135 |
+
}
|
136 |
+
if (!isset($params['watermark_font'])) {
|
137 |
+
$params['watermark_font'] = $wd_bwg_options->watermark_font;
|
138 |
+
}
|
139 |
+
if (!isset($params['watermark_color'])) {
|
140 |
+
$params['watermark_color'] = $wd_bwg_options->watermark_color;
|
141 |
+
}
|
142 |
$image_right_click = $wd_bwg_options->image_right_click;
|
143 |
if (!$from) {
|
144 |
$theme_id = (isset($params['theme_id']) ? esc_html($params['theme_id']) : 1);
|
551 |
'image_width' => $params['popup_width'],
|
552 |
'image_height' => $params['popup_height'],
|
553 |
'image_effect' => $params['popup_effect'],
|
554 |
+
'wd_sor' => $sort_by,
|
555 |
'wd_ord' => $order_by,
|
556 |
'enable_image_filmstrip' => $params['popup_enable_filmstrip'],
|
557 |
'image_filmstrip_height' => $params['popup_filmstrip_height'],
|
1121 |
else {
|
1122 |
for (var i = 0; i < data_<?php echo $bwg; ?>.length; i++) {
|
1123 |
var is_embed = data_<?php echo $bwg; ?>[i]['filetype'].indexOf("EMBED_") > -1 ? true : false;
|
1124 |
+
if (typeof data_<?php echo $bwg; ?>[i] != "undefined") {
|
1125 |
if (!is_embed) {
|
1126 |
jQuery("<img/>").attr("src", '<?php echo site_url() . '/' . $WD_BWG_UPLOAD_DIR; ?>' + jQuery('<span style="display: block;" />').html(data_<?php echo $bwg; ?>[i]["image_url"]).text());
|
1127 |
}
|
images/logo.png
DELETED
Binary file
|
images/support.png
ADDED
Binary file
|
photo-gallery.php
CHANGED
@@ -4,7 +4,7 @@
|
|
4 |
* Plugin Name: Photo Gallery
|
5 |
* Plugin URI: https://web-dorado.com/products/wordpress-photo-gallery-plugin.html
|
6 |
* Description: This plugin is a fully responsive gallery plugin with advanced functionality. It allows having different image galleries for your posts and pages. You can create unlimited number of galleries, combine them into albums, and provide descriptions and tags.
|
7 |
-
* Version: 1.3.
|
8 |
* Author: WebDorado
|
9 |
* Author URI: https://web-dorado.com/
|
10 |
* License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
|
@@ -1617,7 +1617,7 @@ function bwg_activate() {
|
|
1617 |
));
|
1618 |
}
|
1619 |
$version = get_option('wd_bwg_version');
|
1620 |
-
$new_version = '1.3.
|
1621 |
if ($version && version_compare($version, $new_version, '<')) {
|
1622 |
require_once WD_BWG_DIR . "/update/bwg_update.php";
|
1623 |
bwg_update($version);
|
@@ -1669,7 +1669,7 @@ wp_oembed_add_provider( '#https://instagr(\.am|am\.com)/p/.*#i', 'https://api.in
|
|
1669 |
|
1670 |
function bwg_update_hook() {
|
1671 |
$version = get_option('wd_bwg_version');
|
1672 |
-
$new_version = '1.3.
|
1673 |
if ($version && version_compare($version, $new_version, '<')) {
|
1674 |
require_once WD_BWG_DIR . "/update/bwg_update.php";
|
1675 |
bwg_update($version);
|
@@ -2104,3 +2104,140 @@ function bwg_register_admin_scripts() {
|
|
2104 |
wp_localize_script('bwg_shortcode', 'bwg_objectGGF', WDWLibrary::get_google_fonts());
|
2105 |
}
|
2106 |
add_action('admin_enqueue_scripts', 'bwg_register_admin_scripts');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4 |
* Plugin Name: Photo Gallery
|
5 |
* Plugin URI: https://web-dorado.com/products/wordpress-photo-gallery-plugin.html
|
6 |
* Description: This plugin is a fully responsive gallery plugin with advanced functionality. It allows having different image galleries for your posts and pages. You can create unlimited number of galleries, combine them into albums, and provide descriptions and tags.
|
7 |
+
* Version: 1.3.35
|
8 |
* Author: WebDorado
|
9 |
* Author URI: https://web-dorado.com/
|
10 |
* License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
|
1617 |
));
|
1618 |
}
|
1619 |
$version = get_option('wd_bwg_version');
|
1620 |
+
$new_version = '1.3.35';
|
1621 |
if ($version && version_compare($version, $new_version, '<')) {
|
1622 |
require_once WD_BWG_DIR . "/update/bwg_update.php";
|
1623 |
bwg_update($version);
|
1669 |
|
1670 |
function bwg_update_hook() {
|
1671 |
$version = get_option('wd_bwg_version');
|
1672 |
+
$new_version = '1.3.35';
|
1673 |
if ($version && version_compare($version, $new_version, '<')) {
|
1674 |
require_once WD_BWG_DIR . "/update/bwg_update.php";
|
1675 |
bwg_update($version);
|
2104 |
wp_localize_script('bwg_shortcode', 'bwg_objectGGF', WDWLibrary::get_google_fonts());
|
2105 |
}
|
2106 |
add_action('admin_enqueue_scripts', 'bwg_register_admin_scripts');
|
2107 |
+
|
2108 |
+
function bwg_topic() {
|
2109 |
+
$page = isset($_GET['page']) ? $_GET['page'] : '';
|
2110 |
+
$user_guide_link = 'https://web-dorado.com/wordpress-gallery/';
|
2111 |
+
$support_forum_link = 'https://wordpress.org/support/plugin/photo-gallery';
|
2112 |
+
$pro_link = 'https://web-dorado.com/files/fromPhotoGallery.php';
|
2113 |
+
$support_icon = WD_BWG_URL . '/images/support.png';
|
2114 |
+
$prefix = 'bwg_back';
|
2115 |
+
$is_free = TRUE;
|
2116 |
+
switch ($page) {
|
2117 |
+
case 'galleries_bwg': {
|
2118 |
+
$help_text = 'create, edit and delete galleries';
|
2119 |
+
$user_guide_link .= 'creating-editing-galleries.html';
|
2120 |
+
break;
|
2121 |
+
}
|
2122 |
+
case 'albums_bwg': {
|
2123 |
+
$help_text = 'create, edit and delete albums';
|
2124 |
+
$user_guide_link .= 'creating-editing-albums.html';
|
2125 |
+
break;
|
2126 |
+
}
|
2127 |
+
case 'tags_bwg': {
|
2128 |
+
$help_text = 'create, edit and delete tags';
|
2129 |
+
$user_guide_link .= 'creating-editing-tag.html';
|
2130 |
+
break;
|
2131 |
+
}
|
2132 |
+
case 'options_bwg': {
|
2133 |
+
$help_text = 'change settings for different views and general options';
|
2134 |
+
$user_guide_link .= 'global-options.html';
|
2135 |
+
break;
|
2136 |
+
}
|
2137 |
+
case 'themes_bwg': {
|
2138 |
+
$help_text = 'create, edit and delete themes';
|
2139 |
+
$user_guide_link .= 'thumbnails.html';
|
2140 |
+
break;
|
2141 |
+
}
|
2142 |
+
case 'comments_bwg': {
|
2143 |
+
$help_text = 'manage the image comments';
|
2144 |
+
$user_guide_link .= 'comments-editing.html';
|
2145 |
+
break;
|
2146 |
+
}
|
2147 |
+
case 'rates_bwg': {
|
2148 |
+
$help_text = 'manage the image ratings';
|
2149 |
+
$user_guide_link .= 'ratings-editing.html';
|
2150 |
+
break;
|
2151 |
+
}
|
2152 |
+
case 'licensing_bwg': {
|
2153 |
+
$help_text = '';
|
2154 |
+
$user_guide_link .= 'creating-editing-galleries.html';
|
2155 |
+
break;
|
2156 |
+
}
|
2157 |
+
default: {
|
2158 |
+
return '';
|
2159 |
+
break;
|
2160 |
+
}
|
2161 |
+
}
|
2162 |
+
ob_start();
|
2163 |
+
?>
|
2164 |
+
<style>
|
2165 |
+
.wd_topic {
|
2166 |
+
background-color: #ffffff;
|
2167 |
+
box-sizing: border-box;
|
2168 |
+
clear: both;
|
2169 |
+
color: #6e7990;
|
2170 |
+
float: left;
|
2171 |
+
font-size: 14px;
|
2172 |
+
font-weight: bold;
|
2173 |
+
line-height: 30px;
|
2174 |
+
padding: 10px 15px;
|
2175 |
+
vertical-align: middle;
|
2176 |
+
width: 98%;
|
2177 |
+
}
|
2178 |
+
.wd_topic .wd_help_topic {
|
2179 |
+
float: left;
|
2180 |
+
}
|
2181 |
+
.wd_topic .wd_help_topic a {
|
2182 |
+
color: #0073aa;
|
2183 |
+
}
|
2184 |
+
.wd_topic .wd_help_topic a:hover {
|
2185 |
+
color: #00A0D2;
|
2186 |
+
}
|
2187 |
+
.wd_topic .wd_support {
|
2188 |
+
float: right;
|
2189 |
+
margin: 0 10px;
|
2190 |
+
}
|
2191 |
+
.wd_topic .wd_support img {
|
2192 |
+
vertical-align: middle;
|
2193 |
+
}
|
2194 |
+
.wd_topic .wd_support a {
|
2195 |
+
text-decoration: none;
|
2196 |
+
color: #6E7990;
|
2197 |
+
}
|
2198 |
+
.wd_topic .wd_pro {
|
2199 |
+
float: right;
|
2200 |
+
background-color: #45A6B7;
|
2201 |
+
padding: 0 10px;
|
2202 |
+
}
|
2203 |
+
.wd_topic .wd_pro a {
|
2204 |
+
border: none;
|
2205 |
+
box-shadow: none !important;
|
2206 |
+
color: #FFFFFF;
|
2207 |
+
text-decoration: none;
|
2208 |
+
}
|
2209 |
+
</style>
|
2210 |
+
<div class="wd_topic">
|
2211 |
+
<?php
|
2212 |
+
if ($help_text) {
|
2213 |
+
?>
|
2214 |
+
<span class="wd_help_topic">
|
2215 |
+
<?php echo sprintf(__('This section allows you to %s.', $prefix), $help_text); ?>
|
2216 |
+
<a target="_blank" href="<?php echo $user_guide_link; ?>">
|
2217 |
+
<?php _e('Read More in User Manual', $prefix); ?>
|
2218 |
+
</a>
|
2219 |
+
</span>
|
2220 |
+
<?php
|
2221 |
+
}
|
2222 |
+
if ($is_free) {
|
2223 |
+
$text = strtoupper(__('Upgrade to paid version', $prefix));
|
2224 |
+
?>
|
2225 |
+
<span class="wd_pro">
|
2226 |
+
<a target="_blank" href="<?php echo $pro_link; ?>">
|
2227 |
+
<span><?php echo $text; ?></span>
|
2228 |
+
</a>
|
2229 |
+
</span>
|
2230 |
+
<?php
|
2231 |
+
}
|
2232 |
+
?>
|
2233 |
+
<span class="wd_support">
|
2234 |
+
<a target="_blank" href="<?php echo $support_forum_link; ?>">
|
2235 |
+
<img src="<?php echo $support_icon; ?>" />
|
2236 |
+
<?php _e('Support Forum', $prefix); ?>
|
2237 |
+
</a>
|
2238 |
+
</span>
|
2239 |
+
</div>
|
2240 |
+
<?php
|
2241 |
+
echo ob_get_clean();
|
2242 |
+
}
|
2243 |
+
add_action('admin_notices', 'bwg_topic');
|
readme.txt
CHANGED
@@ -1,10 +1,10 @@
|
|
1 |
=== Photo Gallery by WD – Responsive Photo Gallery for WordPress ===
|
2 |
Contributors: webdorado,wdsupport
|
3 |
Donate link: https://web-dorado.com/products/wordpress-photo-gallery-plugin.html
|
4 |
-
Tags:
|
5 |
Requires at least: 3.4
|
6 |
Tested up to: 4.7
|
7 |
-
Stable tag: 1.3.
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
@@ -12,11 +12,11 @@ Photo Gallery is an advanced plugin with a list of tools and options for adding
|
|
12 |
|
13 |
== Description ==
|
14 |
|
|
|
|
|
15 |
Gallery is a fully responsive WordPress gallery plugin with advanced functionality.
|
16 |
-
Create 100% responsive FREE WordPress photo gallery in minutes. Easy to customize and various views.
|
17 |
|
18 |
-
https://www.youtube.com/watch?v=4Mxg0FsFZZE&index=5&list=PLnxWPiY5tLFUsFI67acGEPAqoDMZqss5F
|
19 |
-
|
20 |
[WordPress Photo Gallery](https://web-dorado.com/products/wordpress-photo-gallery-plugin.html)
|
21 |
[Photo Gallery Demo](http://wpdemo.web-dorado.com/gallery/)
|
22 |
[Photo Gallery Demo Admin](http://wpdemo.web-dorado.com/wp-admin/admin.php?page=galleries_bwg)
|
@@ -25,23 +25,27 @@ https://www.youtube.com/watch?v=4Mxg0FsFZZE&index=5&list=PLnxWPiY5tLFUsFI67acGEP
|
|
25 |
|
26 |
|
27 |
= Photo Gallery Add-ons: =
|
28 |
-
[Ecommerce Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/gallery-ecommerce.html)
|
29 |
-
[Facebook Integration Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/facebook.html)
|
30 |
-
[Export/Import Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/export-import.html)
|
|
|
|
|
31 |
|
|
|
32 |
|
33 |
-
|
34 |
|
35 |
-
|
36 |
-
|
37 |
|
|
|
38 |
|
39 |
-
The plugin allows displaying galleries/albums within the following views:
|
40 |
|
41 |
* Thumbnails gallery view
|
42 |
* Masonry gallery view for multi-size thumbnails (commercial version)
|
43 |
* Mosaic gallery view (commercial version)
|
44 |
-
* Slideshow
|
45 |
* Image Browser for single image display with a possibility of switching between images
|
46 |
* Compact Album view
|
47 |
* Masonry Album view (commercial version)
|
@@ -49,8 +53,8 @@ The plugin allows displaying galleries/albums within the following views:
|
|
49 |
* Blog Style gallery view (commercial version)
|
50 |
|
51 |
|
52 |
-
You can make the required customizations for the view in the shortcode in advance to adding in the posts/pages.
|
53 |
-
|
54 |
Included File Manager will help to rename, upload, remove, copy images and/or image directories within a few simple steps.
|
55 |
|
56 |
Photo Gallery product in addition to the main plugin includes 4 specific widgets:
|
@@ -175,6 +179,14 @@ To enable the feature of adding Media Library images, go to Photo Gallery > Opti
|
|
175 |
|
176 |
== Changelog ==
|
177 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
178 |
= 1.3.34 =
|
179 |
* Fixed: Security issue in filemanager.
|
180 |
|
@@ -871,21 +883,23 @@ This vulnerability was discovered by Fortinet's FortiGuard Labs.
|
|
871 |
= Step 1: Installing the Gallery =
|
872 |
1.1 Minimal requirements.
|
873 |
|
|
|
|
|
874 |
WordPress 3.4+
|
875 |
PHP 5.x
|
876 |
MySQL 5.x
|
877 |
-
|
878 |
1.2 Installation.
|
879 |
-
|
880 |
-
Log-in to your WordPress administrator panel.
|
881 |
-
Select Plugins page from toolbar menu, click Add New.
|
882 |
-
Search for
|
883 |
-
|
884 |
-
For Mac Users
|
885 |
-
Go to your Downloads folder and locate the folder with the
|
886 |
-
Click
|
887 |
-
Click
|
888 |
-
If any problem occurs with installation of
|
889 |
|
890 |
|
891 |
|
@@ -894,42 +908,42 @@ If any problem occurs with installation of Photo Gallery, please let us know us
|
|
894 |
2.2 Name. Specify the name of the gallery.
|
895 |
2.3 Slug. Specify the alias in your website for the gallery.
|
896 |
2.4 Description. Fill in the information you would like to share with the gallery. The description will be visible with some of the gallery views.
|
897 |
-
2.5 Author. This indicates the author of the gallery. It automatically includes the name of the logged in user, who has added the gallery.
|
898 |
2.6 Published. Choose whether to publish the gallery or to leave it for the further publication.
|
899 |
-
2.7 Preview image. Indicate the gallery image which will be used to preview the gallery. If you leave it blank, it will automatically pick the first gallery image among the uploaded files.
|
900 |
-
2.8 Images. You can add photos to the gallery by clicking Add Images button.
|
901 |
-
|
902 |
The Photo Gallery plugin is not using standard WordPress Media Manager, instead here you will be redirected to Photo Gallery File Manager. After uploading images you should mark them and press Add button.
|
903 |
Photo Gallery File Manager
|
904 |
2.8.1 Up. This button will allow you to move within the taxonomy of the folder to a higher level folder to upload image from there.
|
905 |
-
2.8.2 Make a directory. You can indicate the location of the directory to get images to be used in the gallery.
|
906 |
2.8.3 Rename item. You can rename the chosen gallery images without leaving the uploader.
|
907 |
2.8.4 Copy. You can copy images and directories to use in the galleries and albums.
|
908 |
2.8.5 Cut. You can cut images and directories.
|
909 |
2.8.6 Paste. You can paste copied/cut images and directories.
|
910 |
2.8.7 Remove items. You can remove any amount of items from the list, including gallery folder, images.
|
911 |
-
2.8.8 Upload files. You can upload images to your gallery from your PC and other devices using this feature. Multi-upload is also possible. To upload all images for the use in the gallery, you should first press Ctrl+A.
|
912 |
-
|
913 |
-
To add the images to your Gallery, you should press Add the selected images to gallery button.
|
914 |
-
Important! Before uploading an image, you should provide dimensions for the generated thumbnail at the top of the Media Upload window or leave it to default value set in the Thumbnail options (Options Menu). This way the thumbnail view of the Gallery will use the specified dimension of the gallery.
|
915 |
2.8.9 View options: View thumbnails. Displays uploaded gallery images in Thumbnail view.
|
916 |
-
View list. Displays uploaded gallery images in list view.
|
917 |
-
|
918 |
-
Now let`s explore the individual gallery image options. Refer to the buttons on the right side and below.
|
919 |
-
2.9 Set Watermark. You can apply the created watermark by checking the gallery image you want to add the watermark to and pressing the button. The watermark can be created in Options menu of the Gallery plugin.
|
920 |
-
2.10 Reset. You can reset the gallery images to the default by selecting multiple/all images and pressing this button. It will remove all kind of changes, including crop, rotate and watermark changes to individual images or the entire gallery as such.
|
921 |
-
2.11 Show order column. You can either Drag and Drop gallery images to change the positioning of the images in the gallery or prefer order column, where you can provide numbering for the images to be displayed in a gallery. This option is more useful when you have multiple pages of images and it is not convenient to use Drag/Drop.
|
922 |
-
2.12 Save images. Using this button you can save only the changes made with the images, the changes with the gallery as a whole should be saved with the upper Save button.
|
923 |
-
2.13 Publish. Check the images you want to publish in the gallery and press the button.
|
924 |
-
2.14 Unpublish. Check the images you want to temporary unpublish from the gallery and press the button.
|
925 |
-
2.15 Delete. Check the images you want to remove from the gallery or album and press the button.
|
926 |
-
2.16 Crop. You can crop the image for creating the Thumbnail for the large image. The thumbnail will be available with some of the gallery views.
|
927 |
-
2.17 Rotate. You can rotate the thumbnail image. The change will also affect the larger image displayed within the gallery.
|
928 |
-
2.18 Reset. If you want to return to the original image, undo crop and reset, you can use this button.
|
929 |
-
2.19 Alt/Title. Provide a title for each gallery image.
|
930 |
-
2.20 Description. You can additionally have a description for the gallery images to provide detailed information.
|
931 |
-
2.21 Tags. Each gallery image can have a number of tags from the list of created tags.
|
932 |
-
2.22 Published. Choose whether to publish or unpublish the uploaded images within the gallery.
|
933 |
|
934 |
|
935 |
|
@@ -937,8 +951,8 @@ Now let`s explore the individual gallery image options. Refer to the buttons on
|
|
937 |
3.1 On the left menu select Photo Gallery> Tags.
|
938 |
3.2 Name. Provide a title for the tag.
|
939 |
3.3 Slug. Specify the alias for the tag in your website.
|
940 |
-
3.4 Add Tag. Press this button to add the created tag into the list.
|
941 |
-
|
942 |
|
943 |
|
944 |
= Step 4: Creating/Editing Albums for the Photo Gallery. =
|
@@ -949,64 +963,64 @@ Now let`s explore the individual gallery image options. Refer to the buttons on
|
|
949 |
4.5 Author. The author of the album will be automatically set by the logged in user, who creates the album.
|
950 |
4.6 Published. Choose whether to publish the album or not.
|
951 |
4.7 Preview Image. Choose the preview image for the album. If you leave it blank it will automatically use the first image used in the album.
|
952 |
-
4.8 Albums and Galleries. Choose gallery, galleries or already created albums to be used in the album. Here you can add multiple galleries and albums. There is no such limitation.
|
953 |
4.9 Drag/Drop. After adding the albums you will be able to use drag/drop option to set the order for the albums to be displayed.
|
954 |
|
955 |
|
956 |
|
957 |
= Step 5: Editing Options for Photo Gallery. =
|
958 |
Here you can change default options for different views of Photo Gallery, as well as general options of the galleries and albums. You can simply navigate here choosing the corresponding tab.
|
959 |
-
5.1 Global Options of Photo Gallery.
|
960 |
5.1.1 Images directory. Provide an image directory location which will host the uploaded gallery images.
|
961 |
5.1.2 Gallery role. Choose whether only author can make changes in the gallery or not.
|
962 |
5.1.3 Album role. Choose whether only author can make changes in the albums or not.
|
963 |
5.1.4 Image role. Choose whether only author can make changes in the gallery images or not.
|
964 |
-
5.1.5 Show Search box. Choose whether to display a search box for the image search in galleries or not.
|
965 |
-
5.1.6 Search box width. Set the width for the search box displayed with the gallery.
|
966 |
5.1.7. Preload images. Choose whether to have a preload for specific number of gallery images first or have them all loaded and only then displayed in the slideshow of the gallery.
|
967 |
-
5.1.8. Count of images. Specify the number of gallery images which will be loaded before opening the slideshow. The rest of the images will be loaded during the processing of the slideshow.
|
968 |
-
|
969 |
5.2 Watermark. You can use this option to add different types of watermarks on your gallery images.
|
970 |
-
5.2.1 Watermark Type. Choose what kind of advertisement you want to use from provided 2 options (text, image) or not to use watermarks in your galleries and albums.
|
971 |
-
5.2.2 Text
|
972 |
-
Watermark text. Provide the text which will be displayed over the gallery/album images.
|
973 |
-
Watermark font size. Specify the font size of the watermark in percentage for the responsive look.
|
974 |
-
Watermark font style. Specify the font family for the watermark text. There will be two default font styles to select from, but you will be able to further add more styles by inserting the fonts into the
|
975 |
-
Watermark color. Select the watermark text font color.
|
976 |
-
Watermark opacity. Define the level of opacity for the watermark, providing its percentage.
|
977 |
-
Watermark position. Choose the positioning of the watermark from the available 9 options.
|
978 |
-
5.2.3 Image
|
979 |
-
Watermark URL. Provide the absolute URL of the image which will be used for the watermark.
|
980 |
-
Watermark image size. Define the size (in percentage for the responsive look) of the image used for the watermark.
|
981 |
-
Watermark position. Choose the positioning of the watermark from the available 9 options.
|
982 |
-
|
983 |
-
5.3. Advertisement. You can use this option to add advertisement over the gallery or album images.
|
984 |
-
5.3.1 Advertisement Type. Choose what kind of advertisement you want to use from the provided 2 options (text, image) or not to use ads in your galleries and albums.
|
985 |
-
5.3.2 Text
|
986 |
-
Advertisement text. Provide the text which will be displayed over the gallery/album images.
|
987 |
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement text.
|
988 |
-
Advertisement font size. Specify the font size of the advertisement text.
|
989 |
-
Advertisement font style. Specify the font family for the text used with the advertisement.
|
990 |
-
Advertisement color. Select the font color which will be used with the advertisements.
|
991 |
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
992 |
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
993 |
-
5.3.3 Image
|
994 |
Advertisement URL. Provide the absolute URL of the image which will be used for the advertisement.
|
995 |
-
Advertisement link. Provide the link, which will open in a new window, when the user clicks on the advertisement image.
|
996 |
-
Advertisement dimensions. Define the dimensions of the image used for the advertisement.
|
997 |
-
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage
|
998 |
-
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
999 |
|
1000 |
-
5.4 Lightbox
|
1001 |
-
5.4.1 Ligthbox dimensions. Define the width and height of the lightbox which will be displayed with some of the gallery and album views.
|
1002 |
-
5.4.2 Lightbox effect. Select the effect which will be applied to the slideshow of
|
1003 |
-
5.4.3 Interval. Provide the time interval between the display of slideshow images in seconds.
|
1004 |
-
5.4.4 Enable filmstrip. Choose whether to include the filmstrip of gallery or album images in the lightbox or not.
|
1005 |
-
5.4.5 Filmstrip height. Define the height of the filmstrip in pixels.
|
1006 |
5.4.6 Enable control buttons. Choose whether to display control buttons in the lightbox or not.
|
1007 |
-
5.4.7 Enable fullscreen. Choose whether to have a possibility of entering Fullscreen from the lightbox or not.
|
1008 |
-
5.4.8 Enable info. Choose whether to have possibility of displaying gallery image information (Title and description) in this view or not.
|
1009 |
-
5.4.9 Display info by default. Choose whether to display gallery image title by default when opening the lightbox or not. The image can be hidden hitting info button.
|
1010 |
5.4.10 Enable rating. Choose whether to display rating possibility for the gallery images or not.
|
1011 |
5.4.11 Enable comments. Choose whether to display comments with the gallery images or not.
|
1012 |
5.4.12 Enable Captcha for comments. Choose whether to have Captcha field for the possibility of adding comments as a human verification or not.
|
@@ -1014,10 +1028,10 @@ Advertisement position. Choose the positioning of the advertisement from the ava
|
|
1014 |
5.4.14 Enable image download. Choose whether to allow downloading the gallery images or not.
|
1015 |
5.4.15 Enable Facebook button. Choose whether to display Facebook share button with the gallery images or not.
|
1016 |
5.4.16 Enable Twitter button. Choose whether to display twit button with the gallery images or not.
|
1017 |
-
5.4.17 Enable Google+ button. Choose whether to display Google+ share button with the gallery images or not.
|
1018 |
-
5.4.18 Enable Pinterest button. Choose whether to display Pinterest
|
1019 |
5.4.19 Enable Tumblr button. Choose whether to display Tumblr share button with the gallery images or not.
|
1020 |
-
|
1021 |
5.5 Album Options
|
1022 |
5.5.1 Number of album columns. Provide the maximum number of columns to be displayed within a single album.
|
1023 |
5.5.2 Albums per page. Provide the maximum number of albums available in a single page.
|
@@ -1026,9 +1040,9 @@ Advertisement position. Choose the positioning of the advertisement from the ava
|
|
1026 |
5.5.5 Enable extended album description. Choose whether to have extended album view option or not.
|
1027 |
5.5.6 Album thumbnail dimensions. Define the width and height of the album thumbnails.
|
1028 |
5.5.7 Extended album height. Define the height of the album in extended album view.
|
1029 |
-
|
1030 |
-
5.6 Slideshow
|
1031 |
-
5.6.1 Slideshow effect. Select the slideshow effect to be applied to the galleries.
|
1032 |
5.6.2 Interval. Provide the time interval between the slideshow images in seconds.
|
1033 |
5.6.3 Slideshow dimensions. Define the width and height of the slideshow.
|
1034 |
5.6.4 Enable autoplay. Choose either to have the slideshow auto played or allow the users to change the images with a click.
|
@@ -1037,22 +1051,21 @@ Advertisement position. Choose the positioning of the advertisement from the ava
|
|
1037 |
5.6.7 Enable slideshow filmstrip. Choose whether to include the filmstrip of gallery images in the slideshow or not.
|
1038 |
5.6.8 Slideshow filmstrip height. Define the height for the filmstrip for the slideshow.
|
1039 |
5.6.9 Enable image title. Choose whether to display the titles for the slideshow images or not.
|
1040 |
-
5.6.10 Title position. Select the positioning for the image title from the provided options.
|
1041 |
-
5.6.11 Enable image description. Choose whether to have an image description or not.
|
1042 |
5.6.12 Description position. Select the positioning for the image description from the provided options.
|
1043 |
5.6.13 Enable slideshow music. Choose whether to have an audio track for the slideshow view or not.
|
1044 |
5.6.14 Music URL. Provide the URL of the track which will be played alongside the slideshow.
|
1045 |
-
|
1046 |
5.7 Thumbnail Options
|
1047 |
5.7.1 Number of image columns. Provide the maximum number of gallery image columns to be displayed with Thumbnails view.
|
1048 |
5.7.2 Images per page. Provide the maximum number of gallery images to be displayed in a single page.
|
1049 |
-
5.7.3 Show image title. Choose whether to always display the image title, have it displayed only when hovered or never display it.
|
1050 |
-
5.7.4 Generated thumbnail dimensions. Provide the dimensions of the thumbnail image which will be generated from the original image.
|
1051 |
-
5.7.5 Frontend thumbnail dimensions. Provide the dimensions of the image, which will be displayed in the front end as a thumbnail. This should be smaller than the generated
|
1052 |
-
5.7.6 Thumbnail dimensions. Specify the width and height of the gallery image thumbnails.
|
1053 |
-
5.7.7 Enable image pagination. Choose whether to have image pagination or not.
|
1054 |
-
|
1055 |
-
|
1056 |
5.8 Image Options
|
1057 |
5.7.1 Enable image title for Image Browser view. Choose whether to display gallery image titles for the Image Browser view or not.
|
1058 |
5.8.2 Enable image description for Image Browser view. Choose whether to have gallery image descriptions for the Image Browser view or not.
|
@@ -1064,235 +1077,235 @@ Advertisement position. Choose the positioning of the advertisement from the ava
|
|
1064 |
|
1065 |
|
1066 |
|
1067 |
-
|
1068 |
= Step 6: Creating/Editing Themes for different views of the Photo Gallery. =
|
1069 |
-
Use one of the default Photo Gallery themes or click
|
1070 |
6.1 Thumbnails.
|
1071 |
6.1.1 Name. Provide a name for the theme.
|
1072 |
-
6.1.2 Margin. Define the space around the thumbnail in pixels.
|
1073 |
-
6.1.3 Padding. Define the padding of the thumbnail.
|
1074 |
-
6.1.4 Border width. Outline the border width of the thumbnail.
|
1075 |
-
6.1.5 Border style. Choose the style to be applied to the border of the thumbnails.
|
1076 |
-
6.1.6 Border color. Select the border color for the thumbnails.
|
1077 |
-
6.1.7 Border radius. Define the border radius in CSS type values.
|
1078 |
-
6.1.8 Shadow. Change the shadow of the image using CSS type values.
|
1079 |
-
6.1.9 Thumbnail background color. Choose the background color for the thumbnails.
|
1080 |
-
6.1.10 Thumbnail transparency. Specify the level of the transparency you want to apply to the thumbnails.
|
1081 |
6.1.11 Full background color. Choose the background color for the overall thumbnail view box.
|
1082 |
6.1.12 Full background transparency. Specify the level of the transparency you want to apply to the overall thumbnail view box.
|
1083 |
-
6.1.13 Alignment. Select the alignment of the thumbnail box.
|
1084 |
-
6.1.14 Title position. Choose the position for the gallery title.
|
1085 |
-
6.1.15 Title font size. Define the font size for the gallery image title.
|
1086 |
6.1.16 Title font color. Choose the gallery image title font color.
|
1087 |
-
6.1.17 Title font family. Choose the font family for the gallery image title.
|
1088 |
-
6.1.18 Title font weight. Choose the font weight for the gallery image title.
|
1089 |
-
6.1.19 Title box shadow. Using CSS type values set the box shadow for the gallery image title.
|
1090 |
-
6.1.20 Title margin. Set the gallery image title margin using CSS type values.
|
1091 |
-
|
1092 |
6.2 Masonry
|
1093 |
6.2.1 Name. Provide a name for the theme.
|
1094 |
-
6.2.2 Padding. Define the padding of the individual gallery images.
|
1095 |
-
6.2.3 Border width. Define the border with for the individual gallery images.
|
1096 |
-
6.2.4 Border style. Select the style of the border from the provided options.
|
1097 |
-
6.2.5 Border color. Select the border color for the border.
|
1098 |
-
6.2.6 Border radius. Define the border radius for the individual gallery images using CSS type values.
|
1099 |
-
6.2.7 Transparency. Specify the level of transparency for the individual gallery images.
|
1100 |
-
6.2.8 Background color. Select a background color for the overall masonry box.
|
1101 |
-
6.2.9 Background transparency. Specify the background transparency level.
|
1102 |
-
6.2.10 Alignment. Choose the alignment of the masonry box in the page/post.
|
1103 |
6.2.11 Hover effect. Select the effect of the individual gallery images when hovered or chose to have none.
|
1104 |
-
6.2.12 Hover effect value. Specify the value of the chosen hover effect using CSS type values.
|
1105 |
6.2.13 Transition. Choose whether to have a transition with hover effects or not.
|
1106 |
-
|
1107 |
6.3 Slideshow
|
1108 |
6.3.1 Name. Provide a name for the theme.
|
1109 |
6.3.2 Background color. Set the background color for the slideshow view.
|
1110 |
-
6.3.3 Right, left buttons size. Determine the size for the Right and Left buttons.
|
1111 |
-
6.3.4 Play, pause buttons size. Determine the size for Play and Pause buttons.
|
1112 |
-
6.3.5 Buttons color. Pick the button color for the slideshow view.
|
1113 |
-
6.3.6 Buttons transparency. Specify the level of transparency for the buttons.
|
1114 |
-
6.3.7 Buttons hover color. Set the color for the buttons when hovered.
|
1115 |
-
6.3.8 Right, left buttons width. Define the width for the Right and Left buttons.
|
1116 |
-
6.3.9 Right, left buttons height. Define the height for the Right and Left buttons.
|
1117 |
-
6.3.10 Right, left buttons background color. Choose the background color for the Right and Left buttons.
|
1118 |
-
6.3.11 Right, left buttons border width. Set the border width for Right and Left buttons.
|
1119 |
-
6.3.12 Right, left buttons border style. Select the border style for Right and Left buttons.
|
1120 |
6.3.13 Right, left buttons border color. Pick the Right and Left button border color.
|
1121 |
-
6.3.14 Right, left buttons border radius. Define the Right and Left button border radius.
|
1122 |
-
6.3.15 Right, left buttons style. Choose a style to be applied to Right and Left buttons.
|
1123 |
6.3.16 Right, left buttons box shadow. Determine the shadow level for the Right and Left buttons.
|
1124 |
-
6.3.17 Filmstrip position. Specify the filmstrip position for the slideshow view.
|
1125 |
-
6.3.18 Filmstrip margin. Set the margin for the filmstrip using CSS type values.
|
1126 |
6.3.19 Filmstrip border width. Set the border width for the slideshow.
|
1127 |
6.3.20 Filmstrip border style. Specify the border style for the filmstrip.
|
1128 |
6.3.21 Filmstrip border color. Choose the border color for the filmstrip.
|
1129 |
6.3.22 Filmstrip border radius . Define the border radius for the filmstrip.
|
1130 |
-
6.3.23 Filmstrip active border width. Set the border width of the filmstrip item, which is currently displayed.
|
1131 |
-
6.3.24 Filmstrip active border color. Select the border color of the filmstrip item, which is currently displayed.
|
1132 |
6.3.25 Filmstrip deactive transparency. Specify the transparency level of the deactived filmstrip.
|
1133 |
6.3.26 Filmstrip right, left buttons background color. Choose the background color for the Right and Left buttons used with the filmstrip.
|
1134 |
6.3.27 Filmstrip right, left buttons color. Choose the button color for the Right and Left buttons used with the filmstrip.
|
1135 |
6.3.28 Filmstrip right, left buttons size. Determine the button size for the Right and Left buttons used with the filmstrip.
|
1136 |
6.3.29 Title background color. Set the background color for the slideshow image title.
|
1137 |
-
6.3.30 Title transparency. Set the level of transparency for the slideshow image title.
|
|
|
1138 |
6.3.32 Title padding. Set the slideshow image title padding using CSS type values.
|
1139 |
6.3.33 Title font size. Define the font size for the slideshow image title.
|
1140 |
6.3.34 Title color. Set the slideshow image title color.
|
1141 |
6.3.35 Title font family. Determine the font family for the slideshow image title.
|
1142 |
-
6.3.36 Description background color. Choose the background color for the slideshow image description.
|
1143 |
-
6.3.37 Description transparency. Select the level of transparency for the slideshow image description.
|
1144 |
-
6.3.38 Description border radius. Set the border radius for the slideshow image description.
|
1145 |
-
6.3.39 Description padding. Set the padding for the slideshow image description.
|
1146 |
6.3.40 Description font size. Define the font size for the slideshow image description.
|
1147 |
6.3.41 Description color. Choose the color for the slideshow image description.
|
1148 |
-
6.3.42 Description font family. Choose the font family for the slideshow image description.
|
1149 |
6.3.43 Slider bullet width. Set the slider bullet width for the slideshow.
|
1150 |
-
6.3.44 Slider bullet height. Set the slider bullet height for the slideshow.
|
1151 |
-
6.3.45 Slider bullet border radius. Set the border radius for the slider bullet using CSS type values.
|
1152 |
-
6.3.46 Slider bullet background color. Choose the background color for the slider bullet.
|
1153 |
-
6.3.47 Slider bullet margin. Set the slider bullet margin using CSS type values.
|
1154 |
-
6.3.48 Slider bullet active background color. Select the background color for the active slider bullet.
|
1155 |
-
6.3.49 Slider bullet active border width. Set the border width for the active slider bullet.
|
1156 |
6.3.50 Slider bullet active border color. Choose the border color for the active slider bullet.
|
1157 |
-
|
1158 |
-
6.4 Image Browser
|
1159 |
-
6.4.1 Name. Provide a name for the theme.
|
1160 |
-
6.4.2 Full padding. Using CSS type values set padding for the overall image browser box.
|
1161 |
-
6.4.3 Full background color. Select the overall background color for the image browser view.
|
1162 |
-
6.4.4 Full background transparency. Determine the level of background transparency for the overall image browser box.
|
1163 |
-
6.4.5 Full border radius. Define the border radius of the overall image browse box using CSS type values.
|
1164 |
-
6.4.6 Full border width. Set the overall border width in pixels.
|
1165 |
6.4.7 Full border style. Choose the overall border style.
|
1166 |
6.4.8 Full border color. Choose the overall border color.
|
1167 |
6.4.9 Alignment. Determine the alignment of the image browser box in the page/post.
|
1168 |
6.4.10 Margin. Set overall margins of the image browser box using CSS type values.
|
1169 |
6.4.11 Padding. Set overall padding for the image browser box using CSS type values.
|
1170 |
-
6.4.12 Border width. Define the border with for the images.
|
1171 |
-
6.4.13 Border style. Select the border style for the images.
|
1172 |
-
6.4.14 Border color. Choose the border color for the images.
|
1173 |
6.4.15 Border radius. Define the border radius for the images.
|
1174 |
-
6.4.16 Background color. Select the background color for the image browser box.
|
1175 |
6.4.17 Background transparency. Specify the transparency level of the overall background.
|
1176 |
6.4.18 Box shadow. Set the shadow values for the image browser box.
|
1177 |
-
6.4.19 Title alignment. Define the alignment for the gallery image titles.
|
1178 |
6.4.20 Font size. Set the font size for the text elements of the gallery images, e.g. title and description.
|
1179 |
6.4.21 Font color. Choose the font color for the text elements of the images, e.g. title and description.
|
1180 |
-
6.4.22 Font family. Choose the font family to be used for the image text elements, e.g. title and description.
|
1181 |
-
6.4.23 Description margin. Using CSS type values set
|
1182 |
6.4.24 Description padding. Using CSS type values set gallery image description padding.
|
1183 |
6.4.25 Description border width. Define the border width for the gallery image descriptions.
|
1184 |
-
6.4.26 Description border style. Select the border style for the gallery image description in image browser view.
|
1185 |
-
6.4.27 Description border color. Choose the border color for the gallery image description in image browser view.
|
1186 |
6.4.28 Description border radius. Define the border radius for the gallery image description in image browser view.
|
1187 |
6.4.29 Description background color. Select the background color for the galleryimage description in the image browser view.
|
1188 |
-
|
1189 |
6.5 Compact Album
|
1190 |
6.5.1 Name. Provide a name for the theme.
|
1191 |
-
6.5.2 Padding. Define the padding for the compact album preview image.
|
1192 |
6.5.3 Margin. Define the margin for the album preview image.
|
1193 |
6.5.4 Border width. Set the border width for the album preview image.
|
1194 |
-
6.5.5 Border style. Set the border style for the album preview image.
|
1195 |
6.5.6 Border color. Select the color for the border.
|
1196 |
-
6.5.7 Border radius. Using CSS type values define the border radius of the preview image.
|
1197 |
-
6.5.8 Shadow. Set a preview image shadow using CSS type values.
|
1198 |
6.5.9 Hover effect. Choose an effect to be applied to the preview image when hovered or avoid having one.
|
1199 |
-
6.5.10 Hover effect value. Set the CSS type value for the chosen hover effect.
|
1200 |
6.5.11 Thumbnail transition. Choose whether to have a transition for the thumbnail or not.
|
1201 |
-
6.5.12 Thumbnail background color. Select a background color the preview thumbnail image.
|
1202 |
-
6.5.13 Thumbnail transparency. Select the level of transparency for the preview thumbnail image.
|
1203 |
6.5.14 Full background color. Select a background color the overall compact album view.
|
1204 |
-
6.5.15 Full background transparency. Select the level of transparency for the background color the overall compact album view.
|
1205 |
6.5.16 Alignment. Define the alignment of the compact album in the page or post.
|
1206 |
-
6.5.17 Title font size. Define the font size for the album title.
|
1207 |
-
6.5.18 Title font color. Choose the album title font color.
|
1208 |
6.5.19 Title font family. Choose the font family for the album title.
|
1209 |
-
6.5.20 Title font weight. Choose the font weight for the album title.
|
1210 |
-
6.5.21 Title box shadow. Using CSS type values set the box shadow for the album title.
|
1211 |
6.5.22 Title margin. Set the compact album title margin using CSS type values.
|
1212 |
-
6.5.23 Font size. Define the font size for the additional texts (e.g. album is empty) and Back button label.
|
1213 |
-
6.5.24 Font color. Choose the font color for the additional texts (e.g. album is empty) and Back button label.
|
1214 |
-
6.5.25 Font family. Select the font family for the additional texts (e.g. album is empty) and Back button label.
|
1215 |
-
6.5.26 Font weight. Choose the font weight for the additional texts (e.g. album is empty) and Back button label.
|
1216 |
6.5.27 Back padding. Set padding for the Back button.
|
1217 |
-
|
1218 |
-
6.6 Extended Album
|
1219 |
6.6.1 Name. Provide a name for the theme.
|
1220 |
6.6.2 Thumbnail margin. Set the extended album thumbnail margin using CSS type values.
|
1221 |
6.6.3 Thumbnail padding. Set the extended album thumbnail padding using CSS type values.
|
1222 |
-
6.6.4 Thumbnail border width. Define the border width for the album preview image.
|
1223 |
6.6.5 Thumbnail border style. Define the border style for the album preview image.
|
1224 |
6.6.6 Thumbnail border color. Choose the border color for the album preview image.
|
1225 |
-
6.6.7 Thumbnail border radius. Define the border radius for the album thumbnail.
|
1226 |
6.6.8 Thumbnail box shadow. Specify the shadow for the preview thumbnail using CSS type values.
|
1227 |
-
6.6.9 Thumbnail transition. Choose whether to have a transition for the preview thumbnail or not.
|
1228 |
6.6.10 Thumbnail alignment. Specify the positioning of the album thumbnail in the page or post.
|
1229 |
-
6.6.11 Thumbnail transparent. Choose the transparency level for the thumbnail.
|
1230 |
-
6.6.12 Thumbnail hover effect. Choose the effect to be applied to the image when hovered or choose to have none.
|
1231 |
-
6.6.13 Hover effect value. Give CSS type values to the selected hover effect for the thumbnail image.
|
1232 |
-
6.6.14 Thumbnail background color. Select a background color for the thumbnail image.
|
1233 |
-
6.6.15 Thumbnails background color. Select a background color for the overall view.
|
1234 |
-
6.6.16 Thumbnail background transparency. Specify the level of transparency for the thumbnail.
|
1235 |
6.6.17 Thumbnail div padding. Set padding for the thumbnail container using CSS type values.
|
1236 |
-
6.6.18 Thumbnail div background color. Choose the background color for the thumbnail container.
|
1237 |
6.6.19 Thumbnail div border width. Set the border width for the thumbnail container.
|
1238 |
-
6.6.20 Thumbnail div border style. Select the border style for the thumbnail container.
|
1239 |
-
6.6.21 Thumbnail div border color. Select the border color for the thumbnail container.
|
1240 |
6.6.22 Thumbnail div border radius. Using CSS type values set the thumbnail container radius.
|
1241 |
-
6.6.23 Margin. Set the margin for the overall extended album box.
|
1242 |
6.6.24 Padding. Set padding for the overall extended album box.
|
1243 |
-
6.6.25 Background color. Select the background color for the overall extended album box.
|
1244 |
-
6.6.26 Background transparency. Select the level of transparency for the overall background.
|
1245 |
-
6.6.27 Border radius. Set the overall border radius using CSS type values.
|
1246 |
6.6.28 Separator width. Set the width for the image separators.
|
1247 |
-
6.6.29 Separator style. Select the style for the image separator lines.
|
1248 |
6.6.30 Separator color. Select the color for the image separators.
|
1249 |
-
6.6.31 Back padding. Set padding for the Back button.
|
1250 |
-
6.6.32 Back font size. Define the font size for the Back button.
|
1251 |
-
6.6.33 Back font color. Select the font color for the Back button.
|
1252 |
-
6.6.34 Back font family. Choose the font family for the Back button label.
|
1253 |
-
6.6.35 Back font weight. Select the font weight for the Back button label.
|
1254 |
-
6.6.36 Text div padding. Set padding for the text container (title and description).
|
1255 |
-
6.6.37 Text div border width. Define the width for the text container (title and description).
|
1256 |
-
6.6.38 Text border style. Select the border style for the text container (title and description).
|
1257 |
-
6.6.39 Text border color. Choose the border color for the text container (title and description).
|
1258 |
6.6.40 Text div border radius. Set the border radius for the text container (title and description) using CSS type values.
|
1259 |
6.6.41 Text background color. Select the background color for the text container (title and description).
|
1260 |
-
6.6.42 Title margin. Set the album title margin using CSS type values.
|
1261 |
-
6.6.43 Title padding. Set the album title padding using CSS type values.
|
1262 |
-
6.6.44 Title border width. Specify the album title border width.
|
1263 |
6.6.45 Title border style. Select the album title border style.
|
1264 |
6.6.46 Title border color. Choose the album title border color.
|
1265 |
-
6.6.47 Title font size. Set the size for the album title.
|
1266 |
-
6.6.48 Title font color. Choose the font color for the album title text.
|
1267 |
-
6.6.49 Title font family. Choose the font family for the album title text.
|
1268 |
-
6.6.50 Title font weight. Select the font weight for the album title.
|
1269 |
-
6.6.51 Description padding. Define the album description padding using CSS type values.
|
1270 |
-
6.6.52 Description border width. Set the album description border width.
|
1271 |
-
6.6.53 Description border style. Choose the album description border style.
|
1272 |
-
6.6.54 Description border color. Select the album description border color.
|
1273 |
-
6.6.55 Description font size. Set the size for the album description.
|
1274 |
6.6.56 Description font color. Choose the font color for the album description.
|
1275 |
-
6.6.57 Description font family. Choose the font family for the album description.
|
1276 |
-
6.6.58 Description font weight. Set the font weight for the album description text.
|
1277 |
-
6.6.59 Description more size. Define the size for the More button in the description.
|
1278 |
6.6.60 Description more color. Choose the color for the More button in the description.
|
1279 |
-
|
1280 |
6.7 Blog Style
|
1281 |
6.7.1 Name. Provide a name for the theme.
|
1282 |
6.7.2 Background color. Select the overall background color.
|
1283 |
6.7.3 Background transparency. Specify the level of transparency for the overall background.
|
1284 |
6.7.4 Alignment. Choose the overall alignment.
|
1285 |
-
6.7.5 Margin. Set the view margin using CSS type values.
|
1286 |
-
6.7.6 Padding. Set the view padding using CSS type values.
|
1287 |
-
6.7.7 Box shadow. Set the view box shadow using CSS type values.
|
1288 |
6.7.8 Font family. Choose the font family for the Blog Style view texts.
|
1289 |
6.7.9 Font size. Set the font size for the Blog Style view texts.
|
1290 |
6.7.10 Font color. Select the font color for the Blog Style view texts.
|
1291 |
-
6.7.11 Border width. Set the image border width in pixels.
|
1292 |
-
6.7.12 Border style. Select the image border style.
|
1293 |
-
6.7.13 Border color. Choose the image border color.
|
1294 |
-
6.7.14 Border radius. Set the image border radius using CSS type values.
|
1295 |
-
6.7.15 Buttons and title margin. Set the buttons (social media sharing and comments) and title margins using CSS type values.
|
1296 |
6.7.16 Buttons size. Set the buttons (social media sharing and comments) size in pixels.
|
1297 |
6.7.17 Buttons color. Select the buttons (social media sharing and comments) color.
|
1298 |
6.7.18 Buttons and title border width. Set the border width for the buttons (social media sharing and comments) and gallery image title.
|
@@ -1301,150 +1314,150 @@ Use one of the default Photo Gallery themes or click `Add new` button to create
|
|
1301 |
6.7.21 Buttons and title border radius. Set the border radius for the buttons (social media sharing and comments) and gallery image title.
|
1302 |
6.7.22 Buttons and title background color. Select the background color for the buttons (social media sharing and comments) and gallery image title.
|
1303 |
6.7.23 Buttons and title background transparency. Set the level of the background transparency for the buttons (social media sharing and comments) and gallery image title.
|
1304 |
-
6.7.24 Buttons or title alignment. Choose an alignment for either buttons or title. The second option will be adjusted automatically.
|
1305 |
-
|
1306 |
-
6.8 Lightbox
|
1307 |
-
6.8.1 Name. Provide a name for the theme.
|
1308 |
-
6.8.2 Overlay background color. Choose the background color for the gallery image background overlay.
|
1309 |
6.8.3 Overlay background transparency. Select the level of transparency for the background overlay.
|
1310 |
-
6.8.4 Lightbox background color. Select the overall background color for the lightbox.
|
1311 |
-
6.8.5 Control buttons height. Set the height for the control buttons in the lightbox.
|
1312 |
-
6.8.6 Control buttons margin (top). Set the top margin for the control buttons in the lightbox.
|
1313 |
-
6.8.7 Control buttons margin (left). Set the left margin for the control buttons in the lightbox.
|
1314 |
-
6.8.8 Control buttons position. Choose the position for the control buttons over the gallery images.
|
1315 |
-
6.8.9 Control buttons background color. Choose the background color for the control buttons of the gallery images.
|
1316 |
-
6.8.10 Control buttons container border radius. Set the border radius for the control buttons container.
|
1317 |
-
6.8.11 Control buttons container background transparency. Choose the transparency level for the control buttons container.
|
1318 |
-
6.8.12 Control buttons alignment. Set the positioning of the control buttons over the gallery images.
|
1319 |
-
6.8.13 Control buttons color. Choose the color to use for the control buttons.
|
1320 |
-
6.8.14 Control buttons transparency. Choose the level of transparency for the control buttons.
|
1321 |
-
6.8.15 Toggle button height. Set the height for the toggle button.
|
1322 |
-
6.8.16 Toggle button width. Set the width for the toggle button.
|
1323 |
-
6.8.17 Close button border radius. Define the border radius for the Right and Left buttons.
|
1324 |
-
6.8.18 Close button border width. Set the border width for the Close button.
|
1325 |
-
6.8.19 Close button border style. Choose the border style for the Close button.
|
1326 |
-
6.8.20 Close button border color. Select the border color for the Close button.
|
1327 |
-
6.8.21 Close button box shadow. Set the box shadow for the Close button.
|
1328 |
6.8.22 Close button background color. Select Close button background color.
|
1329 |
-
6.8.23 Close button transparency. Choose the level of transparency for the Close button.
|
1330 |
-
6.8.24 Close button width. Set the Close button width.
|
1331 |
-
6.8.25 Close button height. Set the Close button height.
|
1332 |
-
6.8.26 Close button top. Set the margin between the top border and the Close button.
|
1333 |
-
6.8.27 Close button right. Set the margin between the right border and the Close button.
|
1334 |
-
6.8.28 Close button size. Define the Close button size in pixels.
|
1335 |
6.8.29 Close button color. Choose a color for the Close button.
|
1336 |
-
6.8.30 Fullscreen close button color. Choose a color for the Fullscreen exit button.
|
1337 |
-
6.8.31 Share buttons color. Choose a color to be applied to all Social share buttons used with the view.
|
1338 |
6.8.32 Right, left buttons style. Choose the style for the Right and Left buttons.
|
1339 |
6.8.33 Right, left buttons background color. Select the background color for the Right and Left buttons.
|
1340 |
-
6.8.34 Right, left buttons transparency. Select the level of transparency for the Right and Left buttons.
|
1341 |
6.8.35 Right, left buttons box shadow. Set the Right and Left buttons box shadow using CSS type values.
|
1342 |
6.8.36 Right, left buttons height. Set the height for the Right and Left buttons.
|
1343 |
-
6.8.37 Right, left buttons width. Set the width for the Right and Left buttons.
|
1344 |
-
6.8.38 Right, left buttons size. Define the size for the Right and Left buttons.
|
1345 |
-
6.8.39 Right, left, close buttons hover color. Choose the Right, Left and Close buttons color when hovered.
|
1346 |
-
6.8.40 Right, left buttons color. Choose the Right and Left buttons color.
|
1347 |
-
6.8.41 Right, left buttons border radius. Set the border radius for the Right and Left buttons.
|
1348 |
-
6.8.42 Right, left buttons border width. Set the border width for the Right and Left buttons.
|
1349 |
-
6.8.43 Right, left buttons border style. Choose the border style for the Right and Left buttons.
|
1350 |
-
6.8.44 Right, left buttons border color. Choose the border color for the Right and Left buttons.
|
1351 |
-
6.8.45 Filmstrip position. Set the filmstrip position in the lightbox.
|
1352 |
-
6.8.46 Filmstrip thumbnail margin. Specify the margin for the filmstrip image using CSS type values.
|
1353 |
-
6.8.47 Filmstrip thumbnail border width. Set the border width for the lightbox filmstrip.
|
1354 |
-
6.8.48 Filmstrip thumbnail border style. Choose the border style for the lightbox filmstrip.
|
1355 |
-
6.8.49 Filmstrip thumbnail border color. Select the border color for the lightbox filmstrip.
|
1356 |
-
6.8.50 Filmstrip thumbnail border radius. Set the lightbox filmstrip border radius using CSS type values.
|
1357 |
-
6.8.51 Filmstrip thumbnail active border width. Set the border width for the lightbox filmstrip image which is currently displayed.
|
1358 |
-
6.8.52 Filmstrip thumbnail active border color. Choose the border style for the lightbox filmstrip image which is currently displayed.
|
1359 |
-
6.8.53 Filmstrip thumbnail deactive transparency. Choose the transparency level of the thumbnails except the currently displayed one.
|
1360 |
-
6.8.54 Filmstrip right, left buttons size. Define the button size for the Right and Left buttons of the filmstrip.
|
1361 |
-
6.8.55 Filmstrip right, left buttons color. Select the button color for the Right and Left buttons of the filmstrip.
|
1362 |
-
6.8.56 Filmstrip right, left button background color. Select the button background color for the Right and Left buttons of the filmstrip.
|
1363 |
-
6.8.57 Rating position. Set the position for the rating icons over the gallery images.
|
1364 |
-
6.8.58 Rating alignment. Set the alignment for the rating icon.
|
1365 |
-
6.8.59 Rating icon. Select the rating icon among six possible options.
|
1366 |
-
6.8.60 Rating color. Choose the color for the selected rating icon.
|
1367 |
-
6.8.61 Rating hover color. Choose the color for the selecting rating icon range when hovered.
|
1368 |
-
6.8.62 Rating size. Define the rating dimensions.
|
1369 |
-
6.8.63 Rating icon count. Set the amount of the rating symbols to be displayed.
|
1370 |
-
6.8.64 Rating padding. Set the padding for the rating.
|
1371 |
-
6.8.65 Hit counter position. Set the position for the hit counter.
|
1372 |
-
6.8.66 Hit counter alignment. Set the alignment for the hit counter.
|
1373 |
-
6.8.67 Hit counter background color. Choose the background color for the hit counter box.
|
1374 |
-
6.8.68 Hit counter background transparency. Define the level of the background transparency for the hit counter box.
|
1375 |
-
6.8.69 Hit counter border width. Set the border width for the hit counter box.
|
1376 |
-
6.8.70 Hit counter border style. Specify the border style for the hit counter box.
|
1377 |
-
6.8.71 Hit counter border color. Choose the border color for the hit counter box.
|
1378 |
-
6.8.72 Hit counter border radius. Set the border radius for the hit counter box.
|
1379 |
-
6.8.73 Hit counter padding. Set the padding for the hit counter box.
|
1380 |
-
6.8.74 Hit counter margin. Set the margin for the hit counter box.
|
1381 |
-
6.8.75 Hit counter font color. Select the font color within the hit counter box.
|
1382 |
6.8.76 Hit counter font family. Choose the font family for the hit counter box text.
|
1383 |
-
6.8.77 Hit counter font weight. Choose the font weight for the hit counter box text.
|
1384 |
-
6.8.78 Hit counter font size. Select the font size for the hit counter box text.
|
1385 |
-
6.8.79 Info position. Specify the position of the gallery image title and description.
|
1386 |
-
6.8.80 Info alignment. Select the alignment for the gallery image title and description.
|
1387 |
-
6.8.81 Info background color. Choose the background color for the gallery image information.
|
1388 |
6.8.82 Info background transparency. Set the level of transparency for the gallery image information background.
|
1389 |
-
6.8.83 Info border width. Set a border width for the gallery image information box.
|
1390 |
6.8.84 Info border style. Set the border style for the gallery image information box.
|
1391 |
-
6.8.85 Info border color. Set the border color for the gallery image information box.
|
1392 |
-
6.8.86 Info border radius. Set the border radius for the gallery image information box.
|
1393 |
-
6.8.87 Info padding. Set the padding for the image information box using CSS style values.
|
1394 |
-
6.8.88 Info margin. Set the margin for the image information box using CSS style values.
|
1395 |
-
6.8.89 Title font color. Choose the font color for the gallery image title.
|
1396 |
-
6.8.90 Title font family. Specify the font family for the gallery image title.
|
1397 |
-
6.8.91 Title font weight. Specify the font style for the gallery image title.
|
1398 |
-
6.8.92 Title font size. Set the font size for the gallery image title.
|
1399 |
-
6.8.93 Description font color. Choose the font color for the gallery image description.
|
1400 |
-
6.8.94 Description font family. Set the font family for the gallery image description.
|
1401 |
-
6.8.95 Description font weight. Set the font style for the gallery image description.
|
1402 |
-
6.8.96 Description font size. Define the font size for the gallery image description.
|
1403 |
-
6.8.97 Comments width. Define the width of the comment box for the gallery images in the lightbox.
|
1404 |
-
6.8.98 Comments position. Select the comment position for the gallery images.
|
1405 |
-
6.8.99 Comments background color. Select the background color for the comment box in the lightbox.
|
1406 |
-
6.8.100 Comments font size. Define the font size for the comments input field labels.
|
1407 |
6.8.101 Comments font color. Define the font color for the gallery image comments.
|
1408 |
-
6.8.102 Comments font family. Select the font family for the image comments.
|
1409 |
-
6.8.103 Comments author font size. Define the font size for the Author text in the image comment box.
|
1410 |
-
6.8.104 Comments date font size. Define the font size for the gallery image comment date.
|
1411 |
-
6.8.105 Comments body font size. Define the font size for the gallery image comments.
|
1412 |
-
6.8.106 Comment input border width. Define the border width for the comment box.
|
1413 |
-
6.8.107 Comment input border style. Select the style to be applied to the comment box border.
|
1414 |
-
6.8.108 Comment input border color. Choose the border color for the comment box border
|
1415 |
-
6.8.109 Comment input border radius. Set the border radius for the comment box input field.
|
1416 |
-
6.8.110 Comment input padding. Set padding for the comment box input area using CSS type values.
|
1417 |
-
6.8.111 Comment input background color. Choose the background color for the comment input field.
|
1418 |
-
6.8.112 Comment button background color. Choose a background color for the comment button.
|
1419 |
-
6.8.113 Comment button padding. Set the comment button padding using CSS type values.
|
1420 |
-
6.8.114 Comment button border width. Set the border width for the comment button.
|
1421 |
-
6.8.115 Comment button border style. Select the border style for the comment button.
|
1422 |
-
6.8.116 Comment button border color. Choose the border color for the comment button.
|
1423 |
-
6.8.117 Comment button border radius. Set the border radius for the comment button using CSS type values.
|
1424 |
-
6.8.118 Comment separator width. Set the width for the comment separators.
|
1425 |
-
6.8.119 Comment separator style. Choose the style for the comment separator lines.
|
1426 |
-
6.8.120 Comment separator color. Select the color for the comment separators.
|
1427 |
-
|
1428 |
6.9 Page Navigation.
|
1429 |
6.9.1 Name. Provide a name for the theme.
|
1430 |
-
6.9.2 Font size. Define the font size for the page navigation.
|
1431 |
6.9.3 Font color. Choose the font color for the page navigation.
|
1432 |
6.9.4 Font family. Select the font family for the page navigation.
|
1433 |
-
6.9.5 Font weight. Select the font weight from the provided options to apply to page navigation.
|
1434 |
6.9.6 Border width. Set the page navigation border width.
|
1435 |
-
6.9.7 Border style. Select the border style for the page navigation.
|
1436 |
-
6.9.8 Border color. Choose the page navigation border color.
|
1437 |
-
6.9.9 Border radius. Set the border radius for the page navigation using CSS type values.
|
1438 |
-
6.9.10 Margin. Set the margin for the page navigation using CSS type values.
|
1439 |
-
6.9.11 Padding. Set padding using CSS type values for the page navigation.
|
1440 |
-
6.9.12 Button background color. Choose the navigation button background color.
|
1441 |
6.9.13 Button background transparency. Specify the level of transparency for the navigation button background.
|
1442 |
-
6.9.14 Button transition. Choose whether to set a transition for the navigation button or not.
|
1443 |
6.9.15 Box shadow. Set the box shadow for the navigation.
|
1444 |
6.9.16 Position. Determine the position of the navigation buttons.
|
1445 |
6.9.17 Alignment. Define the alignment for the navigation buttons.
|
1446 |
6.9.18 Numbering. Choose whether to have numbers next to navigation buttons or not.
|
1447 |
-
6.9.19 Button text. Choose whether to have text or navigation arrow set for the page navigation.
|
1448 |
|
1449 |
|
1450 |
|
@@ -1454,35 +1467,34 @@ Use one of the default Photo Gallery themes or click `Add new` button to create
|
|
1454 |
7.3 Publish. Click to publish the gallery image comment.
|
1455 |
7.4 Unpublish. Click to unpublish the gallery image comment.
|
1456 |
7.5 Delete. Click to delete the gallery image comment.
|
1457 |
-
|
1458 |
-
|
1459 |
|
1460 |
= Step 8: Publishing the Created Photo Gallery. =
|
1461 |
-
To insert a gallery into a Page or a Post.
|
1462 |
Open the post/page you want to display the gallery. Press the button named Photo Gallery. A camera icon will be inserted into the page/post. Click on the gallery image and select the gallery/album display you want to use for that specific page/post.
|
1463 |
-
Each Photo Gallery shortcode uses three columns of parameters. The first column shows parameters specific for that Photo Gallery view only, the second one shows Lightbox (except Slideshow view) parameters, the third one is referred to the Advertisement.
|
1464 |
-
In addition you can add the galllery shortcode using Shortcode Generator of the Photo Gallery.
|
1465 |
8.1 General Parameters (First Column)
|
1466 |
8.1.1Thumbnails
|
1467 |
-
Theme. Select the theme to be applied to this Photo Gallery view.
|
1468 |
-
Gallery. Select the gallery.
|
1469 |
-
Sort by. Choose the option to use for the gallery image sequence.
|
1470 |
Max. number of image columns. Provide the number of image columns in a page.
|
1471 |
Images per page. Provide the maximum number of gallery images per page.
|
1472 |
Enable pagination. Choose whether to have pagination for the view or not.
|
1473 |
Image thumbnail dimensions. Define the thumbnail width and height in pixels.
|
1474 |
8.1.2 Masonry
|
1475 |
-
Theme. Select the theme to be applied to this Photo Gallery view.
|
1476 |
-
Gallery. Select the gallery.
|
1477 |
-
Sort by. Choose the option to use for image sequence.
|
1478 |
Max. number of image columns. Provide the number of image columns in a page.
|
1479 |
Images per page. Provide the maximum number of gallery images per page.
|
1480 |
Enable pagination. Choose whether to have pagination for the view or not.
|
1481 |
Image thumbnail width. Provide the thumbnail width for the images.
|
1482 |
8.1.3 Slideshow
|
1483 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1484 |
-
Gallery. Select the gallery.
|
1485 |
-
Sort by. Choose the option to use for the gallery image sequence.
|
1486 |
Slideshow Effect. Select the effect to be applied to the slideshow.
|
1487 |
Time interval. Specify the time interval between the images.
|
1488 |
Slideshow dimensions. Define the width and height of the slideshow.
|
@@ -1491,16 +1503,16 @@ Enable shuffle. Choose whether to have shuffle enabled for the slideshow view or
|
|
1491 |
Enable control buttons. Choose whether to display control buttons or not.
|
1492 |
Enable slideshow filmstrip. Choose whether to have a thumbnail filmstrip with slideshow view or not.
|
1493 |
Slideshow Filmstrip height. Specify the height for the filmstrip.
|
1494 |
-
8.1.4 Image Browser
|
1495 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1496 |
-
Gallery. Select the gallery.
|
1497 |
-
Sort by. Choose the option to use for image sequence.
|
1498 |
Image width. Set the width for the image.
|
1499 |
Enable image title. Choose whether to have an image title displayed within the view or not.
|
1500 |
Enable image description. Choose whether to have an image description displayed within the view or not.
|
1501 |
8.1.5 Compact Album.
|
1502 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1503 |
-
Album. Select the album.
|
1504 |
Max. number of album columns. Provide the maximum number of albums to be displayed in a single column.
|
1505 |
Albums per page. Provide the number of albums to be displayed in a single page.
|
1506 |
Album title. Choose whether to display a static album title or have it displayed only when hovered.
|
@@ -1511,24 +1523,24 @@ Image thumbnail dimensions. Set the image thumbnail width and height for the alb
|
|
1511 |
Enable pagination. Choose whether to have pagination for the compact album view or not.
|
1512 |
8.1.6 Extended Album
|
1513 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1514 |
-
Album. Select album.
|
1515 |
-
Albums per page. Provide the number of albums to be displayed in a single page.
|
1516 |
Album row height. Set the height for the album rows.
|
1517 |
Enable album description. Choose whether to display album description or not.
|
1518 |
Album thumbnail dimensions. Set the album preview thumbnail width and height.
|
1519 |
Max. number of image columns. Define the maximum number of image columns to be displayed in a single page.
|
1520 |
Images per page. Define the number of images to be displayed in a single page.
|
1521 |
Image thumbnail dimensions. Define the image thumbnail width and height for the album images.
|
1522 |
-
Enable pagination. Choose whether to have pagination for the extended albums or not.
|
1523 |
8.1.7 Blog Style
|
1524 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1525 |
-
Gallery. Select the gallery.
|
1526 |
-
Sort by. Choose the option to use for the image sequence.
|
1527 |
Image width. Set the image width for the Blog Style view.
|
1528 |
Enable image title. Choose whether to have image title displayed within this view or not.
|
1529 |
-
Images per page. Set the number of images to be displayed in a single page.
|
1530 |
-
Enable pagination. Choose whether to have pagination for the extended albums or not.
|
1531 |
-
|
1532 |
8.2 Lightbox Parameters (Second Column)
|
1533 |
Lightbox dimensions. Define the lightbox height and width in pixels.
|
1534 |
Lightbox effect. Select the lightbox effect from the provided options.
|
@@ -1541,43 +1553,41 @@ Enable comments. Choose whether to display comment box in the pop-up or not.
|
|
1541 |
Enable Facebook button. Choose whether to have Facebook social sharing button enabled in the pop-up or not.
|
1542 |
Enable Twitter button. Choose whether to have Twitter social sharing button enabled in the pop-up or not.
|
1543 |
Enable Google+ button. Choose whether to have Google+ social sharing button enabled in the pop-up or not.
|
1544 |
-
|
1545 |
-
(for Slideshow View only)
|
1546 |
Enable image title. Choose whether to display gallery image titles during the slideshow or not.
|
1547 |
-
Title position. Set the position of the title using the available options.
|
1548 |
-
Enable image description. Choose whether to display gallery image description during the slideshow or not.
|
1549 |
Description position. Set the position of the description using the available options.
|
1550 |
Enable slideshow music. Choose whether to have background audio track during the slideshow or not.
|
1551 |
Music URL. Provide the URL of the audio track to play during the slideshow.
|
1552 |
-
|
1553 |
8.3 Advertisement (Third Column)
|
1554 |
Advertisement type. Select the type of advertisement you want to use (text, image) or choose not to use ads in your galleries and albums.
|
1555 |
8.3.1 Text
|
1556 |
-
Advertisement text. Provide the text which will be displayed over the gallery/album images.
|
1557 |
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement text.
|
1558 |
Advertisement font size. Specify the font size of the advertisement text.
|
1559 |
Advertisement font style. Specify the font family for the text used with the advertisement.
|
1560 |
Advertisement color. Select the text color which will be used with the advertisements.
|
1561 |
-
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
1562 |
-
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
1563 |
-
8.3.2 Image
|
1564 |
-
Advertisement URL. Provide the absolute URL of the image which will be used for the advertisement.
|
1565 |
-
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement image.
|
1566 |
-
Advertisement dimensions. Define the dimensions of the image used for the advertisement.
|
1567 |
-
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
1568 |
-
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
1569 |
-
|
1570 |
-
|
1571 |
|
1572 |
= Step 9: Publishing Photo Gallery widgets. =
|
1573 |
Go to Appearance>Widgets. Here select the widget option you want to add to a custom location. Afterwards drag and drop the selected widget into the custom location, fill in the options and press Save button.
|
1574 |
9.1 Tag Cloud. This widget is included as a hosted widget for the WordPress standard Tag Cloud. It will display the tags added to the albums and images. After the click, the images using the tags will be displayed in Thumbnails view.
|
1575 |
9.1.1 Title. Provide a title for the tag cloud.
|
1576 |
9.1.2 Taxonomy. Select Photo Gallery from the provided options.
|
1577 |
-
|
1578 |
-
Go to Appearance>Widgets. Here select the gallery widget option you want to add to a custom location. Afterwards drag and drop the selected gallery widget into the custom location, fill in the options and press Save button.
|
1579 |
-
|
1580 |
-
9.2 Photo Gallery Tags Cloud. This dynamic widget allows having rotating tags or gallery images. After clicking on the tag a separate page will be opened displaying the gallery images corresponding to the tag. In case of the gallery images, the images will display with a pop-up.
|
1581 |
9.2.1 Title. Provide a title for the dynamic tag cloud.
|
1582 |
9.2.2 Choosing Text type:
|
1583 |
Number. Provide the number of tags you want to display. If you leave it to 0 all gallery tags will be displayed.
|
@@ -1589,34 +1599,35 @@ Theme. Choose the theme, which will be applied to the gallery or album correspon
|
|
1589 |
9.2.3 Choosing Image type:
|
1590 |
Show tag names. Choose whether to display tag names or not.
|
1591 |
Number. Provide the number of gallery images you want to display. If you leave it to 0 all gallery images will be displayed.
|
1592 |
-
Dimensions. Specify the width and height for the dynamic image cloud.
|
1593 |
Background color. Choose the background color for the image cloud.
|
1594 |
Text color. Choose the tag text color.
|
1595 |
Theme. Choose the theme, which will be applied to the gallery/album corresponding to the image/tag.
|
1596 |
-
|
1597 |
9.3 Photo Gallery Slideshow.
|
1598 |
9.3.1 Title. Provide a title for the gallery slideshow.
|
1599 |
9.3.2 Select Gallery. Specify the gallery you want to use for the slideshow.
|
1600 |
9.3.3 Dimensions. Specify the width and height for the gallery slideshow.
|
1601 |
-
9.3.4 Slideshow effect. Select the effect to apply to the slideshow.
|
1602 |
9.3.5 Time interval. Define the time interval between the change of gallery images in seconds.
|
1603 |
9.3.6 Enable shuffle. Choose whether to have shuffle for the slideshow images or not.
|
1604 |
9.3.7 Theme. Choose the theme to be applied to the gallery image slideshow.
|
1605 |
-
|
1606 |
9.4 Photo Gallery Widget. You can add album and gallery images into a custom location as a gallery widget. After click the users will be redirected into compact album view, if it is an album. If it is a gallery included in the album it will open up in Thumbnails view. The gallery images will be displayed in a lightbox.
|
1607 |
9.4.1 Title. Provide a title for the gallery widget.
|
1608 |
9.4.2 Choose whether to display an album or gallery.
|
1609 |
9.4.3 Select Gallery/Select Album. Select the gallery or album to be displayed with the widget.
|
1610 |
-
9.4.4 Choose whether to display random or the last few images of the gallery or album.
|
1611 |
9.4.5 Number. Provide the number of gallery images to be displayed with the widget.
|
1612 |
9.4.6 Dimensions. Specify the width and height of the gallery widget.
|
1613 |
-
9.4.7 Theme. Choose the theme, which will be applied to the gallery or album.
|
1614 |
|
1615 |
|
1616 |
|
1617 |
= Step 10: Generating shortcode for the Photo Gallery. =
|
1618 |
|
1619 |
-
To use the created galleries and albums for the custom location, you can generate custom gallery shortcodes and edit the exisiting gallery shortcodes.
|
1620 |
-
|
1621 |
-
10.1 Generate. Clicking this button you will be able to create a special gallery shortcode based on your option choices. The created shortcode will appear in the box below. It can be copied/cut and pasted into a post/page for gallery/album display.
|
1622 |
-
10.2 Import.Pasting the gallery shortcode in the box below and pressing the button, you will be able to edit and make changes in the gallery shortcode.The final shortcode can be copied/cut and pasted into a post/page for the gallery or album display.
|
|
1 |
=== Photo Gallery by WD – Responsive Photo Gallery for WordPress ===
|
2 |
Contributors: webdorado,wdsupport
|
3 |
Donate link: https://web-dorado.com/products/wordpress-photo-gallery-plugin.html
|
4 |
+
Tags: gallery, photo, photo gallery, image gallery, responsive gallery, video gallery,galleries, wordpress gallery plugin, images gallery, album, photo albums, simple gallery, best gallery plugin, free photo gallery, wp gallery, wordpress gallery, website gallery, gallery shortcode, best gallery, picture, pictures, gallery slider, photo album, photogallery, widget gallery, image, images, photos, gallery lightbox, photoset, wordpress photo gallery plugin, wp gallery plugins, responsive wordpress photo gallery, media, image album, filterable gallery, banner rotator, fullscreen gallery, add album, add gallery, add pictures, fotoalbum, foto, gallery decription, multiple pictures, photoalbum, upload images, upload photos, view images, view pictures, admin,comments, gallery image, image lightbox, image rotate, image slideshow, image slider, jquery, jquery gallery, slide show, slideshow, thumbnail, thumbnail view, thumbnails, thumbs, responsive, watermarking, watermarks,fullscreen slider, lightbox, photography, sidebar, slide, youtube, vimeo, videos, instagram, facebook, mosaic gallery, facebook integration, instagram feed, widget, youtube gallery, gallery slideshow, ecommerce, gallery widget, grid gallery, masonry gallery, portfolio gallery, post gallery, thumbnail gallery, watermark
|
5 |
Requires at least: 3.4
|
6 |
Tested up to: 4.7
|
7 |
+
Stable tag: 1.3.35
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
12 |
|
13 |
== Description ==
|
14 |
|
15 |
+
https://www.youtube.com/watch?v=4Mxg0FsFZZE&index=5&list=PLnxWPiY5tLFUsFI67acGEPAqoDMZqss5F
|
16 |
+
|
17 |
Gallery is a fully responsive WordPress gallery plugin with advanced functionality.
|
18 |
+
Create 100% responsive FREE WordPress photo gallery in minutes. Easy to customize and various views.
|
19 |
|
|
|
|
|
20 |
[WordPress Photo Gallery](https://web-dorado.com/products/wordpress-photo-gallery-plugin.html)
|
21 |
[Photo Gallery Demo](http://wpdemo.web-dorado.com/gallery/)
|
22 |
[Photo Gallery Demo Admin](http://wpdemo.web-dorado.com/wp-admin/admin.php?page=galleries_bwg)
|
25 |
|
26 |
|
27 |
= Photo Gallery Add-ons: =
|
28 |
+
[Ecommerce Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/gallery-ecommerce.html)- - Display your digital content and sell it directly from your website.
|
29 |
+
[Facebook Integration Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/facebook.html) - Display Facebook photos and videos within Photo Gallery Pro without additional efforts.
|
30 |
+
[Export/Import Add-on](https://web-dorado.com/products/wordpress-photo-gallery-plugin/add-ons/export-import.html) Export/import galleries, albums and all related data from one WordPress site to another.
|
31 |
+
|
32 |
+
Photo Gallery is an advanced plugin with a list of tools and options for adding and editing images for different views. This is a fully responsive gallery plugin. The product includes plugin for adding image galleries and albums to posts and pages, as well as multiple widgets. You can add images, providing detailed descriptions and tags, organize the galleries into different photo albums.
|
33 |
|
34 |
+
The responsive photo gallery allows to upload unlimited number of pictures and create as many photo albums as you need. Want to include videos? The plugin comes with audio and video support, that will enable you to create a YouTube gallery or a Vimeo video gallery quick and easy.
|
35 |
|
36 |
+
The free gallery plugin is one of the most feature rich plugins out there. With number of gallery views, including Gallery carousel, Instagram Gallery, Thumbnail gallery, Facebook Gallery and others, the image photo gallery plugin is a top gallery plugin choice.
|
37 |
|
38 |
+
Change the way you display images with gallery lightbox functionality. The image lightbox galleries are fully responsive and will display the large version of the image in lightbox with thumbnails of the rest of the images in the form of image carousel. Lightbox gallery also supports fullscreen gallery mode.
|
39 |
+
From now on Photo Gallery E-commerce add-on enables users to sell digital images and prints. You can create your online store straightaway and manage the store with advanced and functional options. This feature is perfect especially for those who want to showcase their image portfolio and make money selling them.
|
40 |
|
41 |
+
Create unlimited price list and connect them with galleries and images. Specify the resolutions for digital downloads. Sell your images with Stripe or PayPal payment systems with ability to email buyers and give immediate access to downloaded content.
|
42 |
|
43 |
+
The plugin allows displaying page and post galleries/albums within the following views:
|
44 |
|
45 |
* Thumbnails gallery view
|
46 |
* Masonry gallery view for multi-size thumbnails (commercial version)
|
47 |
* Mosaic gallery view (commercial version)
|
48 |
+
* Slideshow (comes with Slideshow effects)
|
49 |
* Image Browser for single image display with a possibility of switching between images
|
50 |
* Compact Album view
|
51 |
* Masonry Album view (commercial version)
|
53 |
* Blog Style gallery view (commercial version)
|
54 |
|
55 |
|
56 |
+
You can make the required customizations for the view in the shortcode in advance to adding in the posts/pages.
|
57 |
+
|
58 |
Included File Manager will help to rename, upload, remove, copy images and/or image directories within a few simple steps.
|
59 |
|
60 |
Photo Gallery product in addition to the main plugin includes 4 specific widgets:
|
179 |
|
180 |
== Changelog ==
|
181 |
|
182 |
+
= 1.3.35 =
|
183 |
+
* Added: Support forum link.
|
184 |
+
* Fixed: Instagram gallery blog style view.
|
185 |
+
* Fixed: Conflict with "Wordfence Security" plugin.
|
186 |
+
* Fixed: Images preload bug.
|
187 |
+
* Fixed: Widget slideshow.
|
188 |
+
* Changed: Possibility to set empty Images Directory.
|
189 |
+
|
190 |
= 1.3.34 =
|
191 |
* Fixed: Security issue in filemanager.
|
192 |
|
883 |
= Step 1: Installing the Gallery =
|
884 |
1.1 Minimal requirements.
|
885 |
|
886 |
+
WordPress 3.4+1.1 Minimal requirements.
|
887 |
+
|
888 |
WordPress 3.4+
|
889 |
PHP 5.x
|
890 |
MySQL 5.x
|
891 |
+
|
892 |
1.2 Installation.
|
893 |
+
|
894 |
+
Log-in to your WordPress administrator panel.
|
895 |
+
Select Plugins page from toolbar menu, click Add New.
|
896 |
+
Search for Photo Gallery in the right-top search bar if you want to download the Free version or click Upload Plugin button > “Choose file” (“Browse”) and select the Photo Gallery zip file if you are installing the Professional version of Photo Gallery.
|
897 |
+
|
898 |
+
For Mac Users
|
899 |
+
Go to your Downloads folder and locate the folder with the Photo Gallery. Right-click on the folder and select Compress. This will create a .zip file which can be installed as described below:
|
900 |
+
Click “Upload & Install” button.
|
901 |
+
Click “Activate Plugin” button for activating the plugin.
|
902 |
+
If any problem occurs with installation of Photo Gallery, please let us know using ["Contact Us"](https://web-dorado.com/support/contact-us.html) form.
|
903 |
|
904 |
|
905 |
|
908 |
2.2 Name. Specify the name of the gallery.
|
909 |
2.3 Slug. Specify the alias in your website for the gallery.
|
910 |
2.4 Description. Fill in the information you would like to share with the gallery. The description will be visible with some of the gallery views.
|
911 |
+
2.5 Author. This indicates the author of the gallery. It automatically includes the name of the logged in user, who has added the gallery.
|
912 |
2.6 Published. Choose whether to publish the gallery or to leave it for the further publication.
|
913 |
+
2.7 Preview image. Indicate the gallery image which will be used to preview the gallery. If you leave it blank, it will automatically pick the first gallery image among the uploaded files.
|
914 |
+
2.8 Images. You can add photos to the gallery by clicking Add Images button.
|
915 |
+
|
916 |
The Photo Gallery plugin is not using standard WordPress Media Manager, instead here you will be redirected to Photo Gallery File Manager. After uploading images you should mark them and press Add button.
|
917 |
Photo Gallery File Manager
|
918 |
2.8.1 Up. This button will allow you to move within the taxonomy of the folder to a higher level folder to upload image from there.
|
919 |
+
2.8.2 Make a directory. You can indicate the location of the directory to get images to be used in the gallery.
|
920 |
2.8.3 Rename item. You can rename the chosen gallery images without leaving the uploader.
|
921 |
2.8.4 Copy. You can copy images and directories to use in the galleries and albums.
|
922 |
2.8.5 Cut. You can cut images and directories.
|
923 |
2.8.6 Paste. You can paste copied/cut images and directories.
|
924 |
2.8.7 Remove items. You can remove any amount of items from the list, including gallery folder, images.
|
925 |
+
2.8.8 Upload files. You can upload images to your gallery from your PC and other devices using this feature. Multi-upload is also possible. To upload all images for the use in the gallery, you should first press Ctrl+A.
|
926 |
+
|
927 |
+
To add the images to your Gallery, you should press Add the selected images to gallery button.
|
928 |
+
Important! Before uploading an image, you should provide dimensions for the generated thumbnail at the top of the Media Upload window or leave it to default value set in the Thumbnail options (Options Menu). This way the thumbnail view of the Gallery will use the specified dimension of the gallery.
|
929 |
2.8.9 View options: View thumbnails. Displays uploaded gallery images in Thumbnail view.
|
930 |
+
View list. Displays uploaded gallery images in list view .
|
931 |
+
|
932 |
+
Now let`s explore the individual gallery image options. Refer to the buttons on the right side and below.
|
933 |
+
2.9 Set Watermark. You can apply the created watermark by checking the gallery image you want to add the watermark to and pressing the button. The watermark can be created in Options menu of the Gallery plugin. You can also add the watermark to all gallery images first selecting all gallery images and then pressing Set watermark button.
|
934 |
+
2.10 Reset. You can reset the gallery images to the default by selecting multiple/all images and pressing this button. It will remove all kind of changes, including crop, rotate and watermark changes to individual images or the entire gallery as such.
|
935 |
+
2.11 Show order column. You can either Drag and Drop gallery images to change the positioning of the images in the gallery or prefer order column, where you can provide numbering for the images to be displayed in a gallery. This option is more useful when you have multiple pages of images and it is not convenient to use Drag/Drop.
|
936 |
+
2.12 Save images. Using this button you can save only the changes made with the images, the changes with the gallery as a whole should be saved with the upper Save button.
|
937 |
+
2.13 Publish. Check the images you want to publish in the gallery and press the button.
|
938 |
+
2.14 Unpublish. Check the images you want to temporary unpublish from the gallery and press the button.
|
939 |
+
2.15 Delete. Check the images you want to remove from the gallery or album and press the button.
|
940 |
+
2.16 Crop. You can crop the image for creating the Thumbnail for the large image. The thumbnail will be available with some of the gallery views.
|
941 |
+
2.17 Rotate. You can rotate the thumbnail image. The change will also affect the larger image displayed within the gallery.
|
942 |
+
2.18 Reset. If you want to return to the original image, undo crop and reset, you can use this button.
|
943 |
+
2.19 Alt/Title. Provide a title for each gallery image.
|
944 |
+
2.20 Description. You can additionally have a description for the gallery images to provide detailed information.
|
945 |
+
2.21 Tags. Each gallery image can have a number of tags from the list of created tags.
|
946 |
+
2.22 Published. Choose whether to publish or unpublish the uploaded images within the gallery.
|
947 |
|
948 |
|
949 |
|
951 |
3.1 On the left menu select Photo Gallery> Tags.
|
952 |
3.2 Name. Provide a title for the tag.
|
953 |
3.3 Slug. Specify the alias for the tag in your website.
|
954 |
+
3.4 Add Tag. Press this button to add the created tag into the list.
|
955 |
+
|
956 |
|
957 |
|
958 |
= Step 4: Creating/Editing Albums for the Photo Gallery. =
|
963 |
4.5 Author. The author of the album will be automatically set by the logged in user, who creates the album.
|
964 |
4.6 Published. Choose whether to publish the album or not.
|
965 |
4.7 Preview Image. Choose the preview image for the album. If you leave it blank it will automatically use the first image used in the album.
|
966 |
+
4.8 Albums and Galleries. Choose gallery, galleries or already created albums to be used in the album. Here you can add multiple galleries and albums. There is no such limitation.
|
967 |
4.9 Drag/Drop. After adding the albums you will be able to use drag/drop option to set the order for the albums to be displayed.
|
968 |
|
969 |
|
970 |
|
971 |
= Step 5: Editing Options for Photo Gallery. =
|
972 |
Here you can change default options for different views of Photo Gallery, as well as general options of the galleries and albums. You can simply navigate here choosing the corresponding tab.
|
973 |
+
5.1 Global Options of Photo Gallery.
|
974 |
5.1.1 Images directory. Provide an image directory location which will host the uploaded gallery images.
|
975 |
5.1.2 Gallery role. Choose whether only author can make changes in the gallery or not.
|
976 |
5.1.3 Album role. Choose whether only author can make changes in the albums or not.
|
977 |
5.1.4 Image role. Choose whether only author can make changes in the gallery images or not.
|
978 |
+
5.1.5 Show Search box. Choose whether to display a search box for the image search in galleries or not.
|
979 |
+
5.1.6 Search box width. Set the width for the search box displayed with the gallery.
|
980 |
5.1.7. Preload images. Choose whether to have a preload for specific number of gallery images first or have them all loaded and only then displayed in the slideshow of the gallery.
|
981 |
+
5.1.8. Count of images. Specify the number of gallery images which will be loaded before opening the slideshow. The rest of the images will be loaded during the processing of the slideshow.
|
982 |
+
|
983 |
5.2 Watermark. You can use this option to add different types of watermarks on your gallery images.
|
984 |
+
5.2.1 Watermark Type. Choose what kind of advertisement you want to use from provided 2 options (text, image) or not to use watermarks in your galleries and albums.
|
985 |
+
5.2.2 Text
|
986 |
+
Watermark text. Provide the text which will be displayed over the gallery/album images.
|
987 |
+
Watermark font size. Specify the font size of the watermark in percentage for the responsive look.
|
988 |
+
Watermark font style. Specify the font family for the watermark text. There will be two default font styles to select from, but you will be able to further add more styles by inserting the fonts into the fonts folder in the Plugin folder.
|
989 |
+
Watermark color. Select the watermark text font color.
|
990 |
+
Watermark opacity. Define the level of opacity for the watermark, providing its percentage.
|
991 |
+
Watermark position. Choose the positioning of the watermark from the available 9 options.
|
992 |
+
5.2.3 Image
|
993 |
+
Watermark URL. Provide the absolute URL of the image which will be used for the watermark.
|
994 |
+
Watermark image size. Define the size (in percentage for the responsive look) of the image used for the watermark.
|
995 |
+
Watermark position. Choose the positioning of the watermark from the available 9 options.
|
996 |
+
|
997 |
+
5.3. Advertisement. You can use this option to add advertisement over the gallery or album images.
|
998 |
+
5.3.1 Advertisement Type. Choose what kind of advertisement you want to use from the provided 2 options (text, image) or not to use ads in your galleries and albums.
|
999 |
+
5.3.2 Text
|
1000 |
+
Advertisement text. Provide the text which will be displayed over the gallery/album images.
|
1001 |
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement text.
|
1002 |
+
Advertisement font size. Specify the font size of the advertisement text.
|
1003 |
+
Advertisement font style. Specify the font family for the text used with the advertisement.
|
1004 |
+
Advertisement color. Select the font color which will be used with the advertisements.
|
1005 |
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
1006 |
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
1007 |
+
5.3.3 Image
|
1008 |
Advertisement URL. Provide the absolute URL of the image which will be used for the advertisement.
|
1009 |
+
Advertisement link. Provide the link, which will open in a new window, when the user clicks on the advertisement image.
|
1010 |
+
Advertisement dimensions. Define the dimensions of the image used for the advertisement.
|
1011 |
+
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage
|
1012 |
+
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
1013 |
|
1014 |
+
5.4 Lightbox
|
1015 |
+
5.4.1 Ligthbox dimensions. Define the width and height of the responsive lightbox which will be displayed with some of the gallery and album views.
|
1016 |
+
5.4.2 Lightbox effect. Select the effect which will be applied to the slideshow of gallery images in the lightbox.
|
1017 |
+
5.4.3 Interval. Provide the time interval between the display of slideshow images in seconds.
|
1018 |
+
5.4.4 Enable filmstrip. Choose whether to include the filmstrip of gallery or album images in the lightbox or not.
|
1019 |
+
5.4.5 Filmstrip height. Define the height of the filmstrip in pixels.
|
1020 |
5.4.6 Enable control buttons. Choose whether to display control buttons in the lightbox or not.
|
1021 |
+
5.4.7 Enable fullscreen. Choose whether to have a possibility of entering Fullscreen from the lightbox or not.
|
1022 |
+
5.4.8 Enable info. Choose whether to have possibility of displaying gallery image information (Title and description) in this view or not.
|
1023 |
+
5.4.9 Display info by default. Choose whether to display gallery image title by default when opening the lightbox or not. The image can be hidden hitting info button.
|
1024 |
5.4.10 Enable rating. Choose whether to display rating possibility for the gallery images or not.
|
1025 |
5.4.11 Enable comments. Choose whether to display comments with the gallery images or not.
|
1026 |
5.4.12 Enable Captcha for comments. Choose whether to have Captcha field for the possibility of adding comments as a human verification or not.
|
1028 |
5.4.14 Enable image download. Choose whether to allow downloading the gallery images or not.
|
1029 |
5.4.15 Enable Facebook button. Choose whether to display Facebook share button with the gallery images or not.
|
1030 |
5.4.16 Enable Twitter button. Choose whether to display twit button with the gallery images or not.
|
1031 |
+
5.4.17 Enable Google+ button. Choose whether to display Google+ share button with the gallery images or not.
|
1032 |
+
5.4.18 Enable Pinterest button. Choose whether to display Pinterest pin button with the gallery images or not.
|
1033 |
5.4.19 Enable Tumblr button. Choose whether to display Tumblr share button with the gallery images or not.
|
1034 |
+
|
1035 |
5.5 Album Options
|
1036 |
5.5.1 Number of album columns. Provide the maximum number of columns to be displayed within a single album.
|
1037 |
5.5.2 Albums per page. Provide the maximum number of albums available in a single page.
|
1040 |
5.5.5 Enable extended album description. Choose whether to have extended album view option or not.
|
1041 |
5.5.6 Album thumbnail dimensions. Define the width and height of the album thumbnails.
|
1042 |
5.5.7 Extended album height. Define the height of the album in extended album view.
|
1043 |
+
|
1044 |
+
5.6 Slideshow
|
1045 |
+
5.6.1 Slideshow effect. Select the slideshow effect to be applied to the galleries.
|
1046 |
5.6.2 Interval. Provide the time interval between the slideshow images in seconds.
|
1047 |
5.6.3 Slideshow dimensions. Define the width and height of the slideshow.
|
1048 |
5.6.4 Enable autoplay. Choose either to have the slideshow auto played or allow the users to change the images with a click.
|
1051 |
5.6.7 Enable slideshow filmstrip. Choose whether to include the filmstrip of gallery images in the slideshow or not.
|
1052 |
5.6.8 Slideshow filmstrip height. Define the height for the filmstrip for the slideshow.
|
1053 |
5.6.9 Enable image title. Choose whether to display the titles for the slideshow images or not.
|
1054 |
+
5.6.10 Title position. Select the positioning for the image title from the provided options.
|
1055 |
+
5.6.11 Enable image description. Choose whether to have an image description or not.
|
1056 |
5.6.12 Description position. Select the positioning for the image description from the provided options.
|
1057 |
5.6.13 Enable slideshow music. Choose whether to have an audio track for the slideshow view or not.
|
1058 |
5.6.14 Music URL. Provide the URL of the track which will be played alongside the slideshow.
|
1059 |
+
|
1060 |
5.7 Thumbnail Options
|
1061 |
5.7.1 Number of image columns. Provide the maximum number of gallery image columns to be displayed with Thumbnails view.
|
1062 |
5.7.2 Images per page. Provide the maximum number of gallery images to be displayed in a single page.
|
1063 |
+
5.7.3 Show image title. Choose whether to always display the image title, have it displayed only when hovered or never display it.
|
1064 |
+
5.7.4 Generated thumbnail dimensions. Provide the dimensions of the thumbnail image which will be generated from the original image.
|
1065 |
+
5.7.5 Frontend thumbnail dimensions. Provide the dimensions of the image, which will be displayed in the front end as a thumbnail. This should be smaller than the generated thumbnail to keep the quality of the image.
|
1066 |
+
5.7.6 Thumbnail dimensions. Specify the width and height of the gallery image thumbnails.
|
1067 |
+
5.7.7 Enable image pagination. Choose whether to have image pagination or not.
|
1068 |
+
|
|
|
1069 |
5.8 Image Options
|
1070 |
5.7.1 Enable image title for Image Browser view. Choose whether to display gallery image titles for the Image Browser view or not.
|
1071 |
5.8.2 Enable image description for Image Browser view. Choose whether to have gallery image descriptions for the Image Browser view or not.
|
1077 |
|
1078 |
|
1079 |
|
|
|
1080 |
= Step 6: Creating/Editing Themes for different views of the Photo Gallery. =
|
1081 |
+
Use one of the default Photo Gallery themes or click Add new button to create a new theme.
|
1082 |
6.1 Thumbnails.
|
1083 |
6.1.1 Name. Provide a name for the theme.
|
1084 |
+
6.1.2 Margin. Define the space around the thumbnail in pixels.
|
1085 |
+
6.1.3 Padding. Define the padding of the thumbnail.
|
1086 |
+
6.1.4 Border width. Outline the border width of the thumbnail.
|
1087 |
+
6.1.5 Border style. Choose the style to be applied to the border of the thumbnails.
|
1088 |
+
6.1.6 Border color. Select the border color for the thumbnails.
|
1089 |
+
6.1.7 Border radius. Define the border radius in CSS type values.
|
1090 |
+
6.1.8 Shadow. Change the shadow of the image using CSS type values.
|
1091 |
+
6.1.9 Thumbnail background color. Choose the background color for the thumbnails.
|
1092 |
+
6.1.10 Thumbnail transparency. Specify the level of the transparency you want to apply to the thumbnails.
|
1093 |
6.1.11 Full background color. Choose the background color for the overall thumbnail view box.
|
1094 |
6.1.12 Full background transparency. Specify the level of the transparency you want to apply to the overall thumbnail view box.
|
1095 |
+
6.1.13 Alignment. Select the alignment of the thumbnail box.
|
1096 |
+
6.1.14 Title position. Choose the position for the gallery title.
|
1097 |
+
6.1.15 Title font size. Define the font size for the gallery image title.
|
1098 |
6.1.16 Title font color. Choose the gallery image title font color.
|
1099 |
+
6.1.17 Title font family. Choose the font family for the gallery image title.
|
1100 |
+
6.1.18 Title font weight. Choose the font weight for the gallery image title.
|
1101 |
+
6.1.19 Title box shadow. Using CSS type values set the box shadow for the gallery image title.
|
1102 |
+
6.1.20 Title margin. Set the gallery image title margin using CSS type values.
|
1103 |
+
|
1104 |
6.2 Masonry
|
1105 |
6.2.1 Name. Provide a name for the theme.
|
1106 |
+
6.2.2 Padding. Define the padding of the individual gallery images.
|
1107 |
+
6.2.3 Border width. Define the border with for the individual gallery images.
|
1108 |
+
6.2.4 Border style. Select the style of the border from the provided options.
|
1109 |
+
6.2.5 Border color. Select the border color for the border.
|
1110 |
+
6.2.6 Border radius. Define the border radius for the individual gallery images using CSS type values.
|
1111 |
+
6.2.7 Transparency. Specify the level of transparency for the individual gallery images.
|
1112 |
+
6.2.8 Background color. Select a background color for the overall masonry box.
|
1113 |
+
6.2.9 Background transparency. Specify the background transparency level.
|
1114 |
+
6.2.10 Alignment. Choose the alignment of the masonry box in the page/post.
|
1115 |
6.2.11 Hover effect. Select the effect of the individual gallery images when hovered or chose to have none.
|
1116 |
+
6.2.12 Hover effect value. Specify the value of the chosen hover effect using CSS type values.
|
1117 |
6.2.13 Transition. Choose whether to have a transition with hover effects or not.
|
1118 |
+
|
1119 |
6.3 Slideshow
|
1120 |
6.3.1 Name. Provide a name for the theme.
|
1121 |
6.3.2 Background color. Set the background color for the slideshow view.
|
1122 |
+
6.3.3 Right, left buttons size. Determine the size for the Right and Left buttons.
|
1123 |
+
6.3.4 Play, pause buttons size. Determine the size for Play and Pause buttons.
|
1124 |
+
6.3.5 Buttons color. Pick the button color for the slideshow view.
|
1125 |
+
6.3.6 Buttons transparency. Specify the level of transparency for the buttons.
|
1126 |
+
6.3.7 Buttons hover color. Set the color for the buttons when hovered.
|
1127 |
+
6.3.8 Right, left buttons width. Define the width for the Right and Left buttons.
|
1128 |
+
6.3.9 Right, left buttons height. Define the height for the Right and Left buttons.
|
1129 |
+
6.3.10 Right, left buttons background color. Choose the background color for the Right and Left buttons.
|
1130 |
+
6.3.11 Right, left buttons border width. Set the border width for Right and Left buttons.
|
1131 |
+
6.3.12 Right, left buttons border style. Select the border style for Right and Left buttons.
|
1132 |
6.3.13 Right, left buttons border color. Pick the Right and Left button border color.
|
1133 |
+
6.3.14 Right, left buttons border radius. Define the Right and Left button border radius.
|
1134 |
+
6.3.15 Right, left buttons style. Choose a style to be applied to Right and Left buttons.
|
1135 |
6.3.16 Right, left buttons box shadow. Determine the shadow level for the Right and Left buttons.
|
1136 |
+
6.3.17 Filmstrip position. Specify the filmstrip position for the slideshow view.
|
1137 |
+
6.3.18 Filmstrip margin. Set the margin for the filmstrip using CSS type values.
|
1138 |
6.3.19 Filmstrip border width. Set the border width for the slideshow.
|
1139 |
6.3.20 Filmstrip border style. Specify the border style for the filmstrip.
|
1140 |
6.3.21 Filmstrip border color. Choose the border color for the filmstrip.
|
1141 |
6.3.22 Filmstrip border radius . Define the border radius for the filmstrip.
|
1142 |
+
6.3.23 Filmstrip active border width. Set the border width of the filmstrip item, which is currently displayed.
|
1143 |
+
6.3.24 Filmstrip active border color. Select the border color of the filmstrip item, which is currently displayed.
|
1144 |
6.3.25 Filmstrip deactive transparency. Specify the transparency level of the deactived filmstrip.
|
1145 |
6.3.26 Filmstrip right, left buttons background color. Choose the background color for the Right and Left buttons used with the filmstrip.
|
1146 |
6.3.27 Filmstrip right, left buttons color. Choose the button color for the Right and Left buttons used with the filmstrip.
|
1147 |
6.3.28 Filmstrip right, left buttons size. Determine the button size for the Right and Left buttons used with the filmstrip.
|
1148 |
6.3.29 Title background color. Set the background color for the slideshow image title.
|
1149 |
+
6.3.30 Title transparency. Set the level of transparency for the slideshow image title.
|
1150 |
+
6.3.31 Title border radius. Define the border radius for the slideshow image title.
|
1151 |
6.3.32 Title padding. Set the slideshow image title padding using CSS type values.
|
1152 |
6.3.33 Title font size. Define the font size for the slideshow image title.
|
1153 |
6.3.34 Title color. Set the slideshow image title color.
|
1154 |
6.3.35 Title font family. Determine the font family for the slideshow image title.
|
1155 |
+
6.3.36 Description background color. Choose the background color for the slideshow image description.
|
1156 |
+
6.3.37 Description transparency. Select the level of transparency for the slideshow image description.
|
1157 |
+
6.3.38 Description border radius. Set the border radius for the slideshow image description.
|
1158 |
+
6.3.39 Description padding. Set the padding for the slideshow image description.
|
1159 |
6.3.40 Description font size. Define the font size for the slideshow image description.
|
1160 |
6.3.41 Description color. Choose the color for the slideshow image description.
|
1161 |
+
6.3.42 Description font family. Choose the font family for the slideshow image description.
|
1162 |
6.3.43 Slider bullet width. Set the slider bullet width for the slideshow.
|
1163 |
+
6.3.44 Slider bullet height. Set the slider bullet height for the slideshow.
|
1164 |
+
6.3.45 Slider bullet border radius. Set the border radius for the slider bullet using CSS type values.
|
1165 |
+
6.3.46 Slider bullet background color. Choose the background color for the slider bullet.
|
1166 |
+
6.3.47 Slider bullet margin. Set the slider bullet margin using CSS type values.
|
1167 |
+
6.3.48 Slider bullet active background color. Select the background color for the active slider bullet.
|
1168 |
+
6.3.49 Slider bullet active border width. Set the border width for the active slider bullet.
|
1169 |
6.3.50 Slider bullet active border color. Choose the border color for the active slider bullet.
|
1170 |
+
|
1171 |
+
6.4 Image Browser
|
1172 |
+
6.4.1 Name. Provide a name for the theme.
|
1173 |
+
6.4.2 Full padding. Using CSS type values set padding for the overall image browser box.
|
1174 |
+
6.4.3 Full background color. Select the overall background color for the image browser view.
|
1175 |
+
6.4.4 Full background transparency. Determine the level of background transparency for the overall image browser box.
|
1176 |
+
6.4.5 Full border radius. Define the border radius of the overall image browse box using CSS type values.
|
1177 |
+
6.4.6 Full border width. Set the overall border width in pixels.
|
1178 |
6.4.7 Full border style. Choose the overall border style.
|
1179 |
6.4.8 Full border color. Choose the overall border color.
|
1180 |
6.4.9 Alignment. Determine the alignment of the image browser box in the page/post.
|
1181 |
6.4.10 Margin. Set overall margins of the image browser box using CSS type values.
|
1182 |
6.4.11 Padding. Set overall padding for the image browser box using CSS type values.
|
1183 |
+
6.4.12 Border width. Define the border with for the images.
|
1184 |
+
6.4.13 Border style. Select the border style for the images.
|
1185 |
+
6.4.14 Border color. Choose the border color for the images.
|
1186 |
6.4.15 Border radius. Define the border radius for the images.
|
1187 |
+
6.4.16 Background color. Select the background color for the image browser box.
|
1188 |
6.4.17 Background transparency. Specify the transparency level of the overall background.
|
1189 |
6.4.18 Box shadow. Set the shadow values for the image browser box.
|
1190 |
+
6.4.19 Title alignment. Define the alignment for the gallery image titles.
|
1191 |
6.4.20 Font size. Set the font size for the text elements of the gallery images, e.g. title and description.
|
1192 |
6.4.21 Font color. Choose the font color for the text elements of the images, e.g. title and description.
|
1193 |
+
6.4.22 Font family. Choose the font family to be used for the image text elements, e.g. title and description.
|
1194 |
+
6.4.23 Description margin. Using CSS type values set gallery image description padding.
|
1195 |
6.4.24 Description padding. Using CSS type values set gallery image description padding.
|
1196 |
6.4.25 Description border width. Define the border width for the gallery image descriptions.
|
1197 |
+
6.4.26 Description border style. Select the border style for the gallery image description in image browser view.
|
1198 |
+
6.4.27 Description border color. Choose the border color for the gallery image description in image browser view.
|
1199 |
6.4.28 Description border radius. Define the border radius for the gallery image description in image browser view.
|
1200 |
6.4.29 Description background color. Select the background color for the galleryimage description in the image browser view.
|
1201 |
+
|
1202 |
6.5 Compact Album
|
1203 |
6.5.1 Name. Provide a name for the theme.
|
1204 |
+
6.5.2 Padding. Define the padding for the compact album preview image.
|
1205 |
6.5.3 Margin. Define the margin for the album preview image.
|
1206 |
6.5.4 Border width. Set the border width for the album preview image.
|
1207 |
+
6.5.5 Border style. Set the border style for the album preview image.
|
1208 |
6.5.6 Border color. Select the color for the border.
|
1209 |
+
6.5.7 Border radius. Using CSS type values define the border radius of the preview image.
|
1210 |
+
6.5.8 Shadow. Set a preview image shadow using CSS type values.
|
1211 |
6.5.9 Hover effect. Choose an effect to be applied to the preview image when hovered or avoid having one.
|
1212 |
+
6.5.10 Hover effect value. Set the CSS type value for the chosen hover effect.
|
1213 |
6.5.11 Thumbnail transition. Choose whether to have a transition for the thumbnail or not.
|
1214 |
+
6.5.12 Thumbnail background color. Select a background color the preview thumbnail image.
|
1215 |
+
6.5.13 Thumbnail transparency. Select the level of transparency for the preview thumbnail image.
|
1216 |
6.5.14 Full background color. Select a background color the overall compact album view.
|
1217 |
+
6.5.15 Full background transparency. Select the level of transparency for the background color the overall compact album view.
|
1218 |
6.5.16 Alignment. Define the alignment of the compact album in the page or post.
|
1219 |
+
6.5.17 Title font size. Define the font size for the album title.
|
1220 |
+
6.5.18 Title font color. Choose the album title font color.
|
1221 |
6.5.19 Title font family. Choose the font family for the album title.
|
1222 |
+
6.5.20 Title font weight. Choose the font weight for the album title.
|
1223 |
+
6.5.21 Title box shadow. Using CSS type values set the box shadow for the album title.
|
1224 |
6.5.22 Title margin. Set the compact album title margin using CSS type values.
|
1225 |
+
6.5.23 Font size. Define the font size for the additional texts (e.g. album is empty) and Back button label.
|
1226 |
+
6.5.24 Font color. Choose the font color for the additional texts (e.g. album is empty) and Back button label.
|
1227 |
+
6.5.25 Font family. Select the font family for the additional texts (e.g. album is empty) and Back button label.
|
1228 |
+
6.5.26 Font weight. Choose the font weight for the additional texts (e.g. album is empty) and Back button label.
|
1229 |
6.5.27 Back padding. Set padding for the Back button.
|
1230 |
+
|
1231 |
+
6.6 Extended Album
|
1232 |
6.6.1 Name. Provide a name for the theme.
|
1233 |
6.6.2 Thumbnail margin. Set the extended album thumbnail margin using CSS type values.
|
1234 |
6.6.3 Thumbnail padding. Set the extended album thumbnail padding using CSS type values.
|
1235 |
+
6.6.4 Thumbnail border width. Define the border width for the album preview image.
|
1236 |
6.6.5 Thumbnail border style. Define the border style for the album preview image.
|
1237 |
6.6.6 Thumbnail border color. Choose the border color for the album preview image.
|
1238 |
+
6.6.7 Thumbnail border radius. Define the border radius for the album thumbnail.
|
1239 |
6.6.8 Thumbnail box shadow. Specify the shadow for the preview thumbnail using CSS type values.
|
1240 |
+
6.6.9 Thumbnail transition. Choose whether to have a transition for the preview thumbnail or not.
|
1241 |
6.6.10 Thumbnail alignment. Specify the positioning of the album thumbnail in the page or post.
|
1242 |
+
6.6.11 Thumbnail transparent. Choose the transparency level for the thumbnail.
|
1243 |
+
6.6.12 Thumbnail hover effect. Choose the effect to be applied to the image when hovered or choose to have none.
|
1244 |
+
6.6.13 Hover effect value. Give CSS type values to the selected hover effect for the thumbnail image.
|
1245 |
+
6.6.14 Thumbnail background color. Select a background color for the thumbnail image.
|
1246 |
+
6.6.15 Thumbnails background color. Select a background color for the overall view.
|
1247 |
+
6.6.16 Thumbnail background transparency. Specify the level of transparency for the thumbnail.
|
1248 |
6.6.17 Thumbnail div padding. Set padding for the thumbnail container using CSS type values.
|
1249 |
+
6.6.18 Thumbnail div background color. Choose the background color for the thumbnail container.
|
1250 |
6.6.19 Thumbnail div border width. Set the border width for the thumbnail container.
|
1251 |
+
6.6.20 Thumbnail div border style. Select the border style for the thumbnail container.
|
1252 |
+
6.6.21 Thumbnail div border color. Select the border color for the thumbnail container.
|
1253 |
6.6.22 Thumbnail div border radius. Using CSS type values set the thumbnail container radius.
|
1254 |
+
6.6.23 Margin. Set the margin for the overall extended album box.
|
1255 |
6.6.24 Padding. Set padding for the overall extended album box.
|
1256 |
+
6.6.25 Background color. Select the background color for the overall extended album box.
|
1257 |
+
6.6.26 Background transparency. Select the level of transparency for the overall background.
|
1258 |
+
6.6.27 Border radius. Set the overall border radius using CSS type values.
|
1259 |
6.6.28 Separator width. Set the width for the image separators.
|
1260 |
+
6.6.29 Separator style. Select the style for the image separator lines.
|
1261 |
6.6.30 Separator color. Select the color for the image separators.
|
1262 |
+
6.6.31 Back padding. Set padding for the Back button.
|
1263 |
+
6.6.32 Back font size. Define the font size for the Back button.
|
1264 |
+
6.6.33 Back font color. Select the font color for the Back button.
|
1265 |
+
6.6.34 Back font family. Choose the font family for the Back button label.
|
1266 |
+
6.6.35 Back font weight. Select the font weight for the Back button label.
|
1267 |
+
6.6.36 Text div padding. Set padding for the text container (title and description).
|
1268 |
+
6.6.37 Text div border width. Define the width for the text container (title and description).
|
1269 |
+
6.6.38 Text border style. Select the border style for the text container (title and description).
|
1270 |
+
6.6.39 Text border color. Choose the border color for the text container (title and description).
|
1271 |
6.6.40 Text div border radius. Set the border radius for the text container (title and description) using CSS type values.
|
1272 |
6.6.41 Text background color. Select the background color for the text container (title and description).
|
1273 |
+
6.6.42 Title margin. Set the album title margin using CSS type values.
|
1274 |
+
6.6.43 Title padding. Set the album title padding using CSS type values.
|
1275 |
+
6.6.44 Title border width. Specify the album title border width.
|
1276 |
6.6.45 Title border style. Select the album title border style.
|
1277 |
6.6.46 Title border color. Choose the album title border color.
|
1278 |
+
6.6.47 Title font size. Set the size for the album title.
|
1279 |
+
6.6.48 Title font color. Choose the font color for the album title text.
|
1280 |
+
6.6.49 Title font family. Choose the font family for the album title text.
|
1281 |
+
6.6.50 Title font weight. Select the font weight for the album title.
|
1282 |
+
6.6.51 Description padding. Define the album description padding using CSS type values.
|
1283 |
+
6.6.52 Description border width. Set the album description border width.
|
1284 |
+
6.6.53 Description border style. Choose the album description border style.
|
1285 |
+
6.6.54 Description border color. Select the album description border color.
|
1286 |
+
6.6.55 Description font size. Set the size for the album description.
|
1287 |
6.6.56 Description font color. Choose the font color for the album description.
|
1288 |
+
6.6.57 Description font family. Choose the font family for the album description.
|
1289 |
+
6.6.58 Description font weight. Set the font weight for the album description text.
|
1290 |
+
6.6.59 Description more size. Define the size for the More button in the description.
|
1291 |
6.6.60 Description more color. Choose the color for the More button in the description.
|
1292 |
+
|
1293 |
6.7 Blog Style
|
1294 |
6.7.1 Name. Provide a name for the theme.
|
1295 |
6.7.2 Background color. Select the overall background color.
|
1296 |
6.7.3 Background transparency. Specify the level of transparency for the overall background.
|
1297 |
6.7.4 Alignment. Choose the overall alignment.
|
1298 |
+
6.7.5 Margin. Set the view margin using CSS type values.
|
1299 |
+
6.7.6 Padding. Set the view padding using CSS type values.
|
1300 |
+
6.7.7 Box shadow. Set the view box shadow using CSS type values.
|
1301 |
6.7.8 Font family. Choose the font family for the Blog Style view texts.
|
1302 |
6.7.9 Font size. Set the font size for the Blog Style view texts.
|
1303 |
6.7.10 Font color. Select the font color for the Blog Style view texts.
|
1304 |
+
6.7.11 Border width. Set the image border width in pixels.
|
1305 |
+
6.7.12 Border style. Select the image border style.
|
1306 |
+
6.7.13 Border color. Choose the image border color.
|
1307 |
+
6.7.14 Border radius. Set the image border radius using CSS type values.
|
1308 |
+
6.7.15 Buttons and title margin. Set the buttons (social media sharing and comments) and title margins using CSS type values.
|
1309 |
6.7.16 Buttons size. Set the buttons (social media sharing and comments) size in pixels.
|
1310 |
6.7.17 Buttons color. Select the buttons (social media sharing and comments) color.
|
1311 |
6.7.18 Buttons and title border width. Set the border width for the buttons (social media sharing and comments) and gallery image title.
|
1314 |
6.7.21 Buttons and title border radius. Set the border radius for the buttons (social media sharing and comments) and gallery image title.
|
1315 |
6.7.22 Buttons and title background color. Select the background color for the buttons (social media sharing and comments) and gallery image title.
|
1316 |
6.7.23 Buttons and title background transparency. Set the level of the background transparency for the buttons (social media sharing and comments) and gallery image title.
|
1317 |
+
6.7.24 Buttons or title alignment. Choose an alignment for either buttons or title. The second option will be adjusted automatically.
|
1318 |
+
|
1319 |
+
6.8 Lightbox
|
1320 |
+
6.8.1 Name. Provide a name for the theme.
|
1321 |
+
6.8.2 Overlay background color. Choose the background color for the gallery image background overlay.
|
1322 |
6.8.3 Overlay background transparency. Select the level of transparency for the background overlay.
|
1323 |
+
6.8.4 Lightbox background color. Select the overall background color for the lightbox.
|
1324 |
+
6.8.5 Control buttons height. Set the height for the control buttons in the lightbox.
|
1325 |
+
6.8.6 Control buttons margin (top). Set the top margin for the control buttons in the lightbox.
|
1326 |
+
6.8.7 Control buttons margin (left). Set the left margin for the control buttons in the lightbox.
|
1327 |
+
6.8.8 Control buttons position. Choose the position for the control buttons over the gallery images.
|
1328 |
+
6.8.9 Control buttons background color. Choose the background color for the control buttons of the gallery images.
|
1329 |
+
6.8.10 Control buttons container border radius. Set the border radius for the control buttons container.
|
1330 |
+
6.8.11 Control buttons container background transparency. Choose the transparency level for the control buttons container.
|
1331 |
+
6.8.12 Control buttons alignment. Set the positioning of the control buttons over the gallery images.
|
1332 |
+
6.8.13 Control buttons color. Choose the color to use for the control buttons.
|
1333 |
+
6.8.14 Control buttons transparency. Choose the level of transparency for the control buttons.
|
1334 |
+
6.8.15 Toggle button height. Set the height for the toggle button.
|
1335 |
+
6.8.16 Toggle button width. Set the width for the toggle button.
|
1336 |
+
6.8.17 Close button border radius. Define the border radius for the Right and Left buttons.
|
1337 |
+
6.8.18 Close button border width. Set the border width for the Close button.
|
1338 |
+
6.8.19 Close button border style. Choose the border style for the Close button.
|
1339 |
+
6.8.20 Close button border color. Select the border color for the Close button.
|
1340 |
+
6.8.21 Close button box shadow. Set the box shadow for the Close button.
|
1341 |
6.8.22 Close button background color. Select Close button background color.
|
1342 |
+
6.8.23 Close button transparency. Choose the level of transparency for the Close button.
|
1343 |
+
6.8.24 Close button width. Set the Close button width.
|
1344 |
+
6.8.25 Close button height. Set the Close button height.
|
1345 |
+
6.8.26 Close button top. Set the margin between the top border and the Close button.
|
1346 |
+
6.8.27 Close button right. Set the margin between the right border and the Close button.
|
1347 |
+
6.8.28 Close button size. Define the Close button size in pixels.
|
1348 |
6.8.29 Close button color. Choose a color for the Close button.
|
1349 |
+
6.8.30 Fullscreen close button color. Choose a color for the Fullscreen exit button.
|
1350 |
+
6.8.31 Share buttons color. Choose a color to be applied to all Social share buttons used with the view.
|
1351 |
6.8.32 Right, left buttons style. Choose the style for the Right and Left buttons.
|
1352 |
6.8.33 Right, left buttons background color. Select the background color for the Right and Left buttons.
|
1353 |
+
6.8.34 Right, left buttons transparency. Select the level of transparency for the Right and Left buttons.
|
1354 |
6.8.35 Right, left buttons box shadow. Set the Right and Left buttons box shadow using CSS type values.
|
1355 |
6.8.36 Right, left buttons height. Set the height for the Right and Left buttons.
|
1356 |
+
6.8.37 Right, left buttons width. Set the width for the Right and Left buttons.
|
1357 |
+
6.8.38 Right, left buttons size. Define the size for the Right and Left buttons.
|
1358 |
+
6.8.39 Right, left, close buttons hover color. Choose the Right, Left and Close buttons color when hovered.
|
1359 |
+
6.8.40 Right, left buttons color. Choose the Right and Left buttons color.
|
1360 |
+
6.8.41 Right, left buttons border radius. Set the border radius for the Right and Left buttons.
|
1361 |
+
6.8.42 Right, left buttons border width. Set the border width for the Right and Left buttons.
|
1362 |
+
6.8.43 Right, left buttons border style. Choose the border style for the Right and Left buttons.
|
1363 |
+
6.8.44 Right, left buttons border color. Choose the border color for the Right and Left buttons.
|
1364 |
+
6.8.45 Filmstrip position. Set the filmstrip position in the lightbox.
|
1365 |
+
6.8.46 Filmstrip thumbnail margin. Specify the margin for the filmstrip image using CSS type values.
|
1366 |
+
6.8.47 Filmstrip thumbnail border width. Set the border width for the lightbox filmstrip.
|
1367 |
+
6.8.48 Filmstrip thumbnail border style. Choose the border style for the lightbox filmstrip.
|
1368 |
+
6.8.49 Filmstrip thumbnail border color. Select the border color for the lightbox filmstrip.
|
1369 |
+
6.8.50 Filmstrip thumbnail border radius. Set the lightbox filmstrip border radius using CSS type values.
|
1370 |
+
6.8.51 Filmstrip thumbnail active border width. Set the border width for the lightbox filmstrip image which is currently displayed.
|
1371 |
+
6.8.52 Filmstrip thumbnail active border color. Choose the border style for the lightbox filmstrip image which is currently displayed.
|
1372 |
+
6.8.53 Filmstrip thumbnail deactive transparency. Choose the transparency level of the thumbnails except the currently displayed one.
|
1373 |
+
6.8.54 Filmstrip right, left buttons size. Define the button size for the Right and Left buttons of the filmstrip.
|
1374 |
+
6.8.55 Filmstrip right, left buttons color. Select the button color for the Right and Left buttons of the filmstrip.
|
1375 |
+
6.8.56 Filmstrip right, left button background color. Select the button background color for the Right and Left buttons of the filmstrip.
|
1376 |
+
6.8.57 Rating position. Set the position for the rating icons over the gallery images.
|
1377 |
+
6.8.58 Rating alignment. Set the alignment for the rating icon.
|
1378 |
+
6.8.59 Rating icon. Select the rating icon among six possible options.
|
1379 |
+
6.8.60 Rating color. Choose the color for the selected rating icon.
|
1380 |
+
6.8.61 Rating hover color. Choose the color for the selecting rating icon range when hovered.
|
1381 |
+
6.8.62 Rating size. Define the rating dimensions.
|
1382 |
+
6.8.63 Rating icon count. Set the amount of the rating symbols to be displayed.
|
1383 |
+
6.8.64 Rating padding. Set the padding for the rating.
|
1384 |
+
6.8.65 Hit counter position. Set the position for the hit counter.
|
1385 |
+
6.8.66 Hit counter alignment. Set the alignment for the hit counter.
|
1386 |
+
6.8.67 Hit counter background color. Choose the background color for the hit counter box.
|
1387 |
+
6.8.68 Hit counter background transparency. Define the level of the background transparency for the hit counter box.
|
1388 |
+
6.8.69 Hit counter border width. Set the border width for the hit counter box.
|
1389 |
+
6.8.70 Hit counter border style. Specify the border style for the hit counter box.
|
1390 |
+
6.8.71 Hit counter border color. Choose the border color for the hit counter box.
|
1391 |
+
6.8.72 Hit counter border radius. Set the border radius for the hit counter box.
|
1392 |
+
6.8.73 Hit counter padding. Set the padding for the hit counter box.
|
1393 |
+
6.8.74 Hit counter margin. Set the margin for the hit counter box.
|
1394 |
+
6.8.75 Hit counter font color. Select the font color within the hit counter box.
|
1395 |
6.8.76 Hit counter font family. Choose the font family for the hit counter box text.
|
1396 |
+
6.8.77 Hit counter font weight. Choose the font weight for the hit counter box text.
|
1397 |
+
6.8.78 Hit counter font size. Select the font size for the hit counter box text.
|
1398 |
+
6.8.79 Info position. Specify the position of the gallery image title and description.
|
1399 |
+
6.8.80 Info alignment. Select the alignment for the gallery image title and description.
|
1400 |
+
6.8.81 Info background color. Choose the background color for the gallery image information.
|
1401 |
6.8.82 Info background transparency. Set the level of transparency for the gallery image information background.
|
1402 |
+
6.8.83 Info border width. Set a border width for the gallery image information box.
|
1403 |
6.8.84 Info border style. Set the border style for the gallery image information box.
|
1404 |
+
6.8.85 Info border color. Set the border color for the gallery image information box.
|
1405 |
+
6.8.86 Info border radius. Set the border radius for the gallery image information box.
|
1406 |
+
6.8.87 Info padding. Set the padding for the image information box using CSS style values.
|
1407 |
+
6.8.88 Info margin. Set the margin for the image information box using CSS style values.
|
1408 |
+
6.8.89 Title font color. Choose the font color for the gallery image title.
|
1409 |
+
6.8.90 Title font family. Specify the font family for the gallery image title.
|
1410 |
+
6.8.91 Title font weight. Specify the font style for the gallery image title.
|
1411 |
+
6.8.92 Title font size. Set the font size for the gallery image title.
|
1412 |
+
6.8.93 Description font color. Choose the font color for the gallery image description.
|
1413 |
+
6.8.94 Description font family. Set the font family for the gallery image description.
|
1414 |
+
6.8.95 Description font weight. Set the font style for the gallery image description.
|
1415 |
+
6.8.96 Description font size. Define the font size for the gallery image description.
|
1416 |
+
6.8.97 Comments width. Define the width of the comment box for the gallery images in the lightbox.
|
1417 |
+
6.8.98 Comments position. Select the comment position for the gallery images.
|
1418 |
+
6.8.99 Comments background color. Select the background color for the comment box in the lightbox.
|
1419 |
+
6.8.100 Comments font size. Define the font size for the comments input field labels.
|
1420 |
6.8.101 Comments font color. Define the font color for the gallery image comments.
|
1421 |
+
6.8.102 Comments font family. Select the font family for the image comments.
|
1422 |
+
6.8.103 Comments author font size. Define the font size for the Author text in the image comment box.
|
1423 |
+
6.8.104 Comments date font size. Define the font size for the gallery image comment date.
|
1424 |
+
6.8.105 Comments body font size. Define the font size for the gallery image comments.
|
1425 |
+
6.8.106 Comment input border width. Define the border width for the comment box.
|
1426 |
+
6.8.107 Comment input border style. Select the style to be applied to the comment box border.
|
1427 |
+
6.8.108 Comment input border color. Choose the border color for the comment box border
|
1428 |
+
6.8.109 Comment input border radius. Set the border radius for the comment box input field.
|
1429 |
+
6.8.110 Comment input padding. Set padding for the comment box input area using CSS type values.
|
1430 |
+
6.8.111 Comment input background color. Choose the background color for the comment input field.
|
1431 |
+
6.8.112 Comment button background color. Choose a background color for the comment button.
|
1432 |
+
6.8.113 Comment button padding. Set the comment button padding using CSS type values.
|
1433 |
+
6.8.114 Comment button border width. Set the border width for the comment button.
|
1434 |
+
6.8.115 Comment button border style. Select the border style for the comment button.
|
1435 |
+
6.8.116 Comment button border color. Choose the border color for the comment button.
|
1436 |
+
6.8.117 Comment button border radius. Set the border radius for the comment button using CSS type values.
|
1437 |
+
6.8.118 Comment separator width. Set the width for the comment separators.
|
1438 |
+
6.8.119 Comment separator style. Choose the style for the comment separator lines.
|
1439 |
+
6.8.120 Comment separator color. Select the color for the comment separators.
|
1440 |
+
|
1441 |
6.9 Page Navigation.
|
1442 |
6.9.1 Name. Provide a name for the theme.
|
1443 |
+
6.9.2 Font size. Define the font size for the page navigation.
|
1444 |
6.9.3 Font color. Choose the font color for the page navigation.
|
1445 |
6.9.4 Font family. Select the font family for the page navigation.
|
1446 |
+
6.9.5 Font weight. Select the font weight from the provided options to apply to page navigation.
|
1447 |
6.9.6 Border width. Set the page navigation border width.
|
1448 |
+
6.9.7 Border style. Select the border style for the page navigation.
|
1449 |
+
6.9.8 Border color. Choose the page navigation border color.
|
1450 |
+
6.9.9 Border radius. Set the border radius for the page navigation using CSS type values.
|
1451 |
+
6.9.10 Margin. Set the margin for the page navigation using CSS type values.
|
1452 |
+
6.9.11 Padding. Set padding using CSS type values for the page navigation.
|
1453 |
+
6.9.12 Button background color. Choose the navigation button background color.
|
1454 |
6.9.13 Button background transparency. Specify the level of transparency for the navigation button background.
|
1455 |
+
6.9.14 Button transition. Choose whether to set a transition for the navigation button or not.
|
1456 |
6.9.15 Box shadow. Set the box shadow for the navigation.
|
1457 |
6.9.16 Position. Determine the position of the navigation buttons.
|
1458 |
6.9.17 Alignment. Define the alignment for the navigation buttons.
|
1459 |
6.9.18 Numbering. Choose whether to have numbers next to navigation buttons or not.
|
1460 |
+
6.9.19 Button text. Choose whether to have text or navigation arrow set for the page navigation.
|
1461 |
|
1462 |
|
1463 |
|
1467 |
7.3 Publish. Click to publish the gallery image comment.
|
1468 |
7.4 Unpublish. Click to unpublish the gallery image comment.
|
1469 |
7.5 Delete. Click to delete the gallery image comment.
|
1470 |
+
|
|
|
1471 |
|
1472 |
= Step 8: Publishing the Created Photo Gallery. =
|
1473 |
+
To insert a gallery into a Page or a Post.
|
1474 |
Open the post/page you want to display the gallery. Press the button named Photo Gallery. A camera icon will be inserted into the page/post. Click on the gallery image and select the gallery/album display you want to use for that specific page/post.
|
1475 |
+
Each Photo Gallery shortcode uses three columns of parameters. The first column shows parameters specific for that Photo Gallery view only, the second one shows Lightbox (except Slideshow view) parameters, the third one is referred to the Advertisement.
|
1476 |
+
In addition you can add the galllery shortcode using Shortcode Generator of the Photo Gallery.
|
1477 |
8.1 General Parameters (First Column)
|
1478 |
8.1.1Thumbnails
|
1479 |
+
Theme. Select the theme to be applied to this Photo Gallery view.
|
1480 |
+
Gallery. Select the gallery.
|
1481 |
+
Sort by. Choose the option to use for the gallery image sequence.
|
1482 |
Max. number of image columns. Provide the number of image columns in a page.
|
1483 |
Images per page. Provide the maximum number of gallery images per page.
|
1484 |
Enable pagination. Choose whether to have pagination for the view or not.
|
1485 |
Image thumbnail dimensions. Define the thumbnail width and height in pixels.
|
1486 |
8.1.2 Masonry
|
1487 |
+
Theme. Select the theme to be applied to this Photo Gallery view.
|
1488 |
+
Gallery. Select the gallery.
|
1489 |
+
Sort by. Choose the option to use for image sequence.
|
1490 |
Max. number of image columns. Provide the number of image columns in a page.
|
1491 |
Images per page. Provide the maximum number of gallery images per page.
|
1492 |
Enable pagination. Choose whether to have pagination for the view or not.
|
1493 |
Image thumbnail width. Provide the thumbnail width for the images.
|
1494 |
8.1.3 Slideshow
|
1495 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1496 |
+
Gallery. Select the gallery.
|
1497 |
+
Sort by. Choose the option to use for the gallery image sequence.
|
1498 |
Slideshow Effect. Select the effect to be applied to the slideshow.
|
1499 |
Time interval. Specify the time interval between the images.
|
1500 |
Slideshow dimensions. Define the width and height of the slideshow.
|
1503 |
Enable control buttons. Choose whether to display control buttons or not.
|
1504 |
Enable slideshow filmstrip. Choose whether to have a thumbnail filmstrip with slideshow view or not.
|
1505 |
Slideshow Filmstrip height. Specify the height for the filmstrip.
|
1506 |
+
8.1.4 Image Browser
|
1507 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1508 |
+
Gallery. Select the gallery.
|
1509 |
+
Sort by. Choose the option to use for image sequence.
|
1510 |
Image width. Set the width for the image.
|
1511 |
Enable image title. Choose whether to have an image title displayed within the view or not.
|
1512 |
Enable image description. Choose whether to have an image description displayed within the view or not.
|
1513 |
8.1.5 Compact Album.
|
1514 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1515 |
+
Album. Select the album.
|
1516 |
Max. number of album columns. Provide the maximum number of albums to be displayed in a single column.
|
1517 |
Albums per page. Provide the number of albums to be displayed in a single page.
|
1518 |
Album title. Choose whether to display a static album title or have it displayed only when hovered.
|
1523 |
Enable pagination. Choose whether to have pagination for the compact album view or not.
|
1524 |
8.1.6 Extended Album
|
1525 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1526 |
+
Album. Select album.
|
1527 |
+
Albums per page. Provide the number of albums to be displayed in a single page.
|
1528 |
Album row height. Set the height for the album rows.
|
1529 |
Enable album description. Choose whether to display album description or not.
|
1530 |
Album thumbnail dimensions. Set the album preview thumbnail width and height.
|
1531 |
Max. number of image columns. Define the maximum number of image columns to be displayed in a single page.
|
1532 |
Images per page. Define the number of images to be displayed in a single page.
|
1533 |
Image thumbnail dimensions. Define the image thumbnail width and height for the album images.
|
1534 |
+
Enable pagination. Choose whether to have pagination for the extended albums or not.
|
1535 |
8.1.7 Blog Style
|
1536 |
Theme. Select the theme to be applied to this Photo Gallery view.
|
1537 |
+
Gallery. Select the gallery.
|
1538 |
+
Sort by. Choose the option to use for the image sequence.
|
1539 |
Image width. Set the image width for the Blog Style view.
|
1540 |
Enable image title. Choose whether to have image title displayed within this view or not.
|
1541 |
+
Images per page. Set the number of images to be displayed in a single page.
|
1542 |
+
Enable pagination. Choose whether to have pagination for the extended albums or not.
|
1543 |
+
|
1544 |
8.2 Lightbox Parameters (Second Column)
|
1545 |
Lightbox dimensions. Define the lightbox height and width in pixels.
|
1546 |
Lightbox effect. Select the lightbox effect from the provided options.
|
1553 |
Enable Facebook button. Choose whether to have Facebook social sharing button enabled in the pop-up or not.
|
1554 |
Enable Twitter button. Choose whether to have Twitter social sharing button enabled in the pop-up or not.
|
1555 |
Enable Google+ button. Choose whether to have Google+ social sharing button enabled in the pop-up or not.
|
1556 |
+
|
1557 |
+
(for Slideshow View only)
|
1558 |
Enable image title. Choose whether to display gallery image titles during the slideshow or not.
|
1559 |
+
Title position. Set the position of the title using the available options.
|
1560 |
+
Enable image description. Choose whether to display gallery image description during the slideshow or not.
|
1561 |
Description position. Set the position of the description using the available options.
|
1562 |
Enable slideshow music. Choose whether to have background audio track during the slideshow or not.
|
1563 |
Music URL. Provide the URL of the audio track to play during the slideshow.
|
1564 |
+
|
1565 |
8.3 Advertisement (Third Column)
|
1566 |
Advertisement type. Select the type of advertisement you want to use (text, image) or choose not to use ads in your galleries and albums.
|
1567 |
8.3.1 Text
|
1568 |
+
Advertisement text. Provide the text which will be displayed over the gallery/album images.
|
1569 |
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement text.
|
1570 |
Advertisement font size. Specify the font size of the advertisement text.
|
1571 |
Advertisement font style. Specify the font family for the text used with the advertisement.
|
1572 |
Advertisement color. Select the text color which will be used with the advertisements.
|
1573 |
+
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
1574 |
+
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
1575 |
+
8.3.2 Image
|
1576 |
+
Advertisement URL. Provide the absolute URL of the image which will be used for the advertisement.
|
1577 |
+
Advertisement link. Provide the link, which will open in a new window, when the user clicks on advertisement image.
|
1578 |
+
Advertisement dimensions. Define the dimensions of the image used for the advertisement.
|
1579 |
+
Advertisement opacity. Define the level of opacity for the advertisement, providing its percentage.
|
1580 |
+
Advertisement position. Choose the positioning of the advertisement from the available 9 options.
|
|
|
|
|
1581 |
|
1582 |
= Step 9: Publishing Photo Gallery widgets. =
|
1583 |
Go to Appearance>Widgets. Here select the widget option you want to add to a custom location. Afterwards drag and drop the selected widget into the custom location, fill in the options and press Save button.
|
1584 |
9.1 Tag Cloud. This widget is included as a hosted widget for the WordPress standard Tag Cloud. It will display the tags added to the albums and images. After the click, the images using the tags will be displayed in Thumbnails view.
|
1585 |
9.1.1 Title. Provide a title for the tag cloud.
|
1586 |
9.1.2 Taxonomy. Select Photo Gallery from the provided options.
|
1587 |
+
|
1588 |
+
Go to Appearance>Widgets. Here select the gallery widget option you want to add to a custom location. Afterwards drag and drop the selected gallery widget into the custom location, fill in the options and press Save button.
|
1589 |
+
|
1590 |
+
9.2 Photo Gallery Tags Cloud. This dynamic widget allows having rotating tags or gallery images. After clicking on the tag a separate page will be opened displaying the gallery images corresponding to the tag. In case of the gallery images, the images will display with a pop-up.
|
1591 |
9.2.1 Title. Provide a title for the dynamic tag cloud.
|
1592 |
9.2.2 Choosing Text type:
|
1593 |
Number. Provide the number of tags you want to display. If you leave it to 0 all gallery tags will be displayed.
|
1599 |
9.2.3 Choosing Image type:
|
1600 |
Show tag names. Choose whether to display tag names or not.
|
1601 |
Number. Provide the number of gallery images you want to display. If you leave it to 0 all gallery images will be displayed.
|
1602 |
+
Dimensions. Specify the width and height for the dynamic image cloud.
|
1603 |
Background color. Choose the background color for the image cloud.
|
1604 |
Text color. Choose the tag text color.
|
1605 |
Theme. Choose the theme, which will be applied to the gallery/album corresponding to the image/tag.
|
1606 |
+
|
1607 |
9.3 Photo Gallery Slideshow.
|
1608 |
9.3.1 Title. Provide a title for the gallery slideshow.
|
1609 |
9.3.2 Select Gallery. Specify the gallery you want to use for the slideshow.
|
1610 |
9.3.3 Dimensions. Specify the width and height for the gallery slideshow.
|
1611 |
+
9.3.4 Slideshow effect. Select the effect to apply to the slideshow.
|
1612 |
9.3.5 Time interval. Define the time interval between the change of gallery images in seconds.
|
1613 |
9.3.6 Enable shuffle. Choose whether to have shuffle for the slideshow images or not.
|
1614 |
9.3.7 Theme. Choose the theme to be applied to the gallery image slideshow.
|
1615 |
+
|
1616 |
9.4 Photo Gallery Widget. You can add album and gallery images into a custom location as a gallery widget. After click the users will be redirected into compact album view, if it is an album. If it is a gallery included in the album it will open up in Thumbnails view. The gallery images will be displayed in a lightbox.
|
1617 |
9.4.1 Title. Provide a title for the gallery widget.
|
1618 |
9.4.2 Choose whether to display an album or gallery.
|
1619 |
9.4.3 Select Gallery/Select Album. Select the gallery or album to be displayed with the widget.
|
1620 |
+
9.4.4 Choose whether to display random or the last few images of the gallery or album.
|
1621 |
9.4.5 Number. Provide the number of gallery images to be displayed with the widget.
|
1622 |
9.4.6 Dimensions. Specify the width and height of the gallery widget.
|
1623 |
+
9.4.7 Theme. Choose the theme, which will be applied to the gallery or album.
|
1624 |
|
1625 |
|
1626 |
|
1627 |
= Step 10: Generating shortcode for the Photo Gallery. =
|
1628 |
|
1629 |
+
To use the created galleries and albums for the custom location, you can generate custom gallery shortcodes and edit the exisiting gallery shortcodes.
|
1630 |
+
|
1631 |
+
10.1 Generate. Clicking this button you will be able to create a special gallery shortcode based on your option choices. The created shortcode will appear in the box below. It can be copied/cut and pasted into a post/page for gallery/album display.
|
1632 |
+
10.2 Import.Pasting the gallery shortcode in the box below and pressing the button, you will be able to edit and make changes in the gallery shortcode.The final shortcode can be copied/cut and pasted into a post/page for the gallery or album display.
|
1633 |
+
|