Horje
Enhance your galleries with HTML5 and add a lightweight CSS3 carousel to display a sequence of pictures without distractions. Wordpress Tutorial

Noted That:

  • To install correctly this photographers-galleries.zip .
  • Fisrt Download the photographers-galleries.zip to your computer
  • Extract/Open photographers-galleries.zip to Your Computer.
  • Then, Find readme.txt file inside photographers-galleries.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " photographers-galleries.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " photographers-galleries.zip "  Downloaded plugin from your computer, Where you downloaded photographers-galleries.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Photographers galleries " folder is added on left sidemenu. Now, Click on " Photographers galleries " folder.

   Noted that: If you do not see " Photographers galleries " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Photographers galleries Configurtions and Settings or How to work " Photographers galleries " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Photographers galleries " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Photographers galleries
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

The plugin has no configuration page.

Dynamic gallery

This shortcode fetches all the pictures from a taxonomy (galleries, models, locations, tags) to build a dynamic gallery
(which will be updated as soon as you add a picture to the corresponding taxonomy). All the display is processed by the regular
WordPress shortcode, we just give it the pictures to show (meaning that your default styles, Jetpack, lightboxes etc. will work).

  1. Create a regular WordPress gallery on the desired page with the desired settings and dumb content
  2. Switch to the text editor in your post. You should see something like [gallery size="full" link="file" type="rectangular" ids="4127,4126"]
  3. Strip the ids argument and rename the shortcode dynamic_gallery like [dynamic_gallery size="full" link="file" type="rectangular"]
  4. Add the desired taxonomy as an argument, for example gallery="portraits" . You can add several conditions and use any of the galleries wrappers below.
  5. Tweak it with more arguments.

** Example ** : [dynamic_gallery gallery='portraits' location='montreal' size="full" link="file" columns='4']

Arguments :

  • DISPLAY ARGUMENTS optionnal
  • CONTENT ARGUMENTS
    • Photographers galleries arguments : they are all optional but you have to set at least one of them
      • gallery : the term (slug) of the gallery whose pictures you want to show
      • model : idem for the models taxonomy
      • location : idem for the location taxonomy
      • tag : idem for tags
      • author : display only pictures from the selected author. Use the author’s nicename (the one used to login)
      • exif : not yet implemented
    • Standard WordPress query arguments (See the WP Codex ) :
      • order : default : ASC
      • orderby : default : date
      • For these two arguments, you can directly pass any of the allowed values described in the WP_Query documentation.

Note that if you give more than one condition, the conditions are added with AND . There is no way to exlude pictures for now.

Galleries aligned by their caption

By default, pictures of different heights are aligned along their top border. To align them along their bottom border
(meaning to have all the captions on the same line), use the [aligncaption] shortcode like this : [aligncaption][gallery ids=""][/aligncaption] .
Please be aware that other galleries types may be more suitable if you have different heights on the same gallery (e.g. tiled or masonry galleries),
this is just a quick hook to improve captions readability.

Galleries without caption

Photographers galleries allows you to display galleries without image captions even if they have one stored in the database. The fact is if you delete or alter the caption of a picture in a WordPress gallery, the media will be altered too in the database and probably elsewhere if you used it on another page, which might be a problem. Here, we will just hide it.

Put your gallery shortcode in a [nocaption] shortcode like this : [nocaption][gallery ids=""][/nocaption]

Carousel

Just put your regular gallery shortcode in [carousel] shortcode like this : [carousel][gallery ids=""][/carousel]

Ensure your picture resolution is high enough to fit modern screens without stretching (2048 px on the large side is recommended).

Example of use :


[carousel w="50%" h="66vh" align="left" caption="hide" title="Fancy"]
[gallery size="large" link="file" ids=""]
[/carousel]

Arguments :

  • w = width of the carousel box with its unit – default : 100%
    • px
    • percent of the container ( % )
    • percent of the viewport width ( vw )
  • h = height of the pictures with its units – default : calc(100vh - 0.9em - 2ex - 20px)
    • px
    • percent of the container ( % )
    • percent of the viewport height ( vh )
    • a mix of different units with calc() CSS3 function : calc(100vh – 40px – 2ex – 1.1em)
  • title = the title to display on the carousel – default : none
  • caption = the caption style – default : below
    • below
    • hide
    • hover
  • align = the desired alignement on the page – default : none
    • none
    • left (floating)
    • right (floating)
    • center
  • raw_css = raw CSS code — default : none
    • provide an easy way to quickly add custom CSS to a container
    • if you want to style only one specific carousel, use the id pg-carousel-X where X is the order of your carousel on your page (from 1)

Please notice that the height argument sets the actual image height, not the whole carousel height, so don’t forget to leave some room for the captions (0.9em + 2ex) and the scrolling bar (around 20px).

Each carousel on the page gets its own ID and settings, meaning that you can use several carousels on the same page with various settings.


enhance , galleries , html5 , lightweight , css3 , carousel , display , sequence , pictures , distractions ,

Name

Read Article
https://develop.horje.com/learn/1434/reference