Плагин галереи на WordPress от Meline
Плагин галереи на WordPress от Meline

Плагин галереи на WordPress от Meline

CMS 21.07.2017

Особенностью плагина является то, что он создает удобную административную панель для загрузки фото в WordPress с возможностью загрузки нескольких фото сразу, добавления одного и того же фото в несколько альбомов и возможностью выводить фото на фронт-енд в том виде в котором вы пожелаете. Вы сами можете сверстать желаемый вид отображения галереи! Так же можно добавлять описания в сам альбом, редактировать описание фото и удалять фото из альбомов.

После установки плагина в админке создастся новая вкладка “Фото”, в вы ней добавляете запись, как с обычными постами в Worpress. Эта запись будет являться альбомом. Когда вы зайдете в альбом, то в контенте вы можете задать его описание, а после поля ввода контента вы увидите блок с возможностью добавить фото с описанием.

Внешний вид фото в админ панели будет такой:
галерея на WordPress

Чтоб загрузить новое фото в альбом нажмите на кнопку “Загрузить”. Выбор фото будет производиться стандартными средствами WordPress. Так же вы можете выбрать фото из ранее используемых в Wordpress, которые уже загружены. Единственное ограничение – вы не можете добавлять одинаковые фото в альбом. Если вы выберете то фото, что у вас уже добавлено – при сохранении ничего не произойдет. После выбора фото вы можете добавить описание, а можете его не добавлять, тогда под фото в админ панели появится надпись: У данного фото нет описания. При желании вы всегда можете его изменить, нажав кнопку “Изменить запись” под фото в альбоме.

Для сохранения данных нажмите кнопку “+ Добавить фото” или “Сохранить изменения” при редактировании.

Что б удалить фото из альбома с комментарием следует нажать кнопку “Удалить под фото в альбоме”. Думаю, ничего сложного!

Если в загрузчике фото WordPress вы выберете несколько фотографий форма ввода преобразуется

галерея на WordPress

Скачать плагин можно здесь: git. Просто добавьте скачанную папку в папку плагинов на вашем сайте и запустите его в админке.

Так же можно добавлять миниатюрку к записям-альбомам. Список альбома выводится как обычный список постов wp на странице шаблона. Таким образом вывод альбомов вы можете стилизировать как пожелаете:

<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
  'post_type' => 'photo',
  'paged' => $paged,
  'posts_per_page' => 4,
  'has_archive' => true
);
query_posts($args);
if (have_posts()) :

  while (have_posts()) : the_post();
    $col++;
    $valalbText = get_field( "albText" );
    $img= get_the_post_thumbnail( $post->ID, 'large' );
    $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ));
    ?>
  <div class="conteiner">
    <div class="blockAlb">
      <div class="cardItem">
        <a href="<?php echo get_the_permalink() ?>" class="image_link"><div class="cover"></div>
        <?php
        if ( has_post_thumbnail() ) {
          $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large'  );
          $image_attributes = wp_get_attachment_image_src( get_post_thumbnail_id(), 'thumbnail', $icon );
          ?>
          <div class="newsImgCard PhtoImgCard"><img src="<?php echo $thumbnail_src[0] ?>"></div>
        <?php
          }
        ?>
        </a>
          <div class="cardDesc">
            <h4><?php echo get_the_title() ?></h4>
            <p><?php echo get_the_content() ?></p>
          </div>
        </div>
      </div>
    </div>
  <?php endwhile; endif;?>

А вывод фото осуществляется таким методом:

<?php
while ( have_posts() ) : the_post();?>
        <?php
        $args = array(
          'post_type' => 'attachment',
          'post_parent' => $post->ID,
          'numberposts' => ''
         );

          $attachments = get_posts( $args ); ?>
            <?php if ( $attachments ) {
               foreach ( $attachments as $attachment ) {?>
                 <?php $image_attributes = wp_get_attachment_image_src( $attachment->ID );
                    $image = wp_get_attachment_image_src( $attachment->ID, 'large' );
                    $sel = $wpdb->get_row("SELECT post_content FROM wp_posts WHERE post_title = $attachment->ID AND post_parent = $post->ID ");?>
                 <div class="PhotoItem">
                        <img src="<?php echo $image_attributes[0]; ?>" alt="">
                  </div>
                 <?php  } ?>

                 <?php
            }
endwhile;  ?>

Вы можете прописать текст для вывода фото в файле single, который служит для выведения одной записи блога или в файле single-photo.php как это сделала я, что б у записей блога и у страницы альбома были разные шаблоны. Для этого вам нужно single-photo.php объявить в functions.php. Мы проверяем – если находимся в категории фото, то вызываем этот файл. Здесь /photo – url страницы где будут выводиться альбомы.

 if (in_category('photo/*/')) {
     include(TEMPLATEPATH.'/single-photo.php');
 }
Поширити
guest
0 коментарів
Міжтекстові Відгуки
Переглянути всі коментарі