[WordPress] 外掛分享： Gallery One

WordPress 外掛 Gallery One 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Gallery One」是 2016-05-23 上架。
  • 目前有 60 個安裝啟用數。
  • 上一次更新是 2016-05-28，距離現在已有 3263 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

shrimp2t |

外掛標籤

image | images | gallery | facebook | galleries |

內容簡介

查看示範：http://shrimp2t.com/gallery-one/

功能

完全響應式，支援觸控
無限相簿
無限圖片
旋轉木馬
網格模式
比例排版模式
瀑布流模式
幻燈片模式
博客風格（即將推出）
JustifiedGallery 燈箱
載入 Facebook 相簿中的圖片
載入 Flickr 相簿中的圖片
從 URL 新增圖片
建立短碼

載入 Facebook 相簿

只需貼上您的相簿 URL，例如：

https://www.facebook.com/BillGates/photos/?tab=album&album_id=10153110017351961

注意：要載入相簿，您的相簿必須是公開的。

載入 Flickr 相簿

只需貼上您的相簿 URL，例如：

The Wheel

注意：要載入相簿，您的相簿必須是公開的。

在您的佈景主題中新增自訂視圖

在您的佈景主題中建立資料夾 gallery-one。
在建立的資料夾中加入一個檔案，並命名為 view.php。
[選擇性] 在建立的資料夾中加入一個檔案，並命名為 config.php。

範例檔案 view.php：


var_dump( $this->settings ); /* 在 config.php 檔案中設定的資料
var_dump( $this->media->get_data() ); // 相簿項目的資料
?>

範例檔案 config.php：

$config = array(
'name' => __( 'Justified', 'gallery-one' ), // 視圖名稱
'js' => 'js/js.js',
'css' => 'css/css.css',
'view_settings' => array(
array(
'id' => 'margins',
'default' => '10',
'label' => __( 'Margins', 'gallery-one' ),
'type' => 'text'
),
array(
'id' => 'lightbox',
'default' => '1',
'label' => __( 'Lightbox', 'gallery-one' ),
'type' => 'checkbox'
),

),
);

在 WordPress 外掛中新增自訂視圖

在您的外掛中建立新資料夾，例如： my-cool-views。
新增新的視圖資料夾，例如： my-cool-views/full-screen。
為您的視圖新增 view.php 檔案，位於 my-cool-views/full-screen/view.php。
[選擇性] 為您的視圖新增 config.php 檔案，位於 my-cool-views/full-screen/config.php。

將您的視圖資料夾加入到視圖載入器中：

add_filter( ‘gallery_one_get_template_folders’, ‘my_cool_views_path’);

function my_cool_views_path( $view_paths ){
$view_paths[‘my_cool_view’] = PATH_TO_MY_PLUGIN.’/my-cool-views’;
return $view_paths;
}

參數設定

name： (string) 您視圖的名稱。

css： (string/array) 每當載入此視圖時，會併入 CSS 檔案。

js： (string/array) 每當載入此視圖時，會併入 JS 檔案。

view_settings：(array) 列出您視圖的欄位設定。

view_settings 參數：

id：欄位設定的 ID。
label：欄位設定的標籤。
default：預設值。
type：欄位類型：text|select|checkbox|textarea。
option：針對 select 欄位類型（陣列）。
desc：欄位設定的描述。

原文外掛簡介

See demo: http://shrimp2t.com/gallery-one/

Features

Fully responsive, Touch enabled
Unlimited albums
Unlimited images
Carousel
Gird
Justified
Masonry
Slideshow
Blog style (comming soon )
JustifiedGallery Light box
Load Facebook album images
Load Flickr album images
Add image from url
Shortcode creator

Load Facebook Album
Just paste your album url, example:
https://www.facebook.com/BillGates/photos/?tab=album&album_id=10153110017351961

Note: Your album status must be public to load.
Load Flickr Album
Just paste your album url, example:
The Wheel

Note: Your album status must be public to load.
Adding your own view in your theme

Create a folder gallery-one on your theme.
Inside folder which created add a file and name view.php
[Optional] Inside folder which created add a file and name config.php

Example file view.php:

settings ); /* You config data in file config.php
var_dump( $this->media->get_data() ); // Gallery items data
?>

Example file config.php:
$config = array(
'name' => __( 'Justified', 'gallery-one' ), // view name
'js' => 'js/js.js',
'css' => 'css/css.css',
'view_settings' => array(
array(
'id' => 'margins',
'default' => '10',
'label' => __( 'Margins', 'gallery-one' ),
'type' => 'text'
),
array(
'id' => 'lightbox',
'default' => '1',
'label' => __( 'Lightbox', 'gallery-one' ),
'type' => 'checkbox'
),

),
);

Adding your own view in your plugin

Create new folder in your plugin, example: my-cool-views.
Add add new view folder example: my-cool-views/full-screen.
Add view.php file for you view my-cool-views/full-screen/view.php.
[Optional] Add config.php file for you view my-cool-views/full-screen/config.php.

Add your your views folder to view loader:
add_filter( ‘gallery_one_get_template_folders’, ‘my_cool_views_path’);
function my_cool_views_path( $view_paths ){
$view_paths[‘my_cool_view’] = PATH_TO_MY_PLUGIN.’/my-cool-views’;
return $view_paths;
}

Config Parameters
name: (string) Name of your view.
css: (string/array) CSS files will enqueue when this view load.
js: (string/array) JS files will enqueue when this view load.
view_settings: (array) list field settings for your view.
view_settings Parameters:

id: Id of setting field.
label: Label of setting files.
default: Default value.
type: Field type: text|select|checkbox|textarea.
option: For field type select (array).
desc: Field description.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Gallery One」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Image Optimization by Optimole – Lazy Load, CDN, Convert WebP & AVIF, Optimize Images 》, Optimole的獨特之處在哪裡？, , 更小的圖片，同樣的品質, 完全自動化；設定一次就忘記它, 支援所有圖片格式, 支援Retina和WebP圖片, 以機器學習為基礎的自...。
  • Imsanity 》使用 Imsanity，自動調整大型圖片上傳大小。選擇你喜歡的尺寸和品質，讓 Imsanity 完成其餘所有工作。當投稿者上傳大於配置尺寸的圖片時，Imsanity 將自動將...。
  • Firelight Lightbox 》Easy FancyBox WordPress外掛為您的網站提供靈活美觀的光箱解決方案，幾乎適用於網站上的所有媒體連結。Easy FancyBox使用更新的傳統FancyBox jQuery擴展版本...。
  • Simple Lightbox 》Simple Lightbox 是一個非常簡單且可自定義的燈箱，在您的 WordPress 網站上添加它非常容易。, 功能, 自定義燈箱行為的選項位於外觀 > Lightbox 管理員菜...。
  • Robin image optimizer — save money on image compression 》需要專業支援嗎？, 開始免費支援, 開始高級支援, 透過減少圖像大小，讓您的網站加快速度。我們的 WordPress 圖像優化外掛，可以將圖像大小減少80%，而且不損...。
  • Responsive Lightbox & Gallery 》提供完整的 WordPress 相簿外掛所需一切, Responsive Lightbox and Gallery 外掛是一個全功能的 WordPress 相簿外掛，擁有強大的拖放相簿生成器和 Lightbox ...。
  • reSmush.it : The original free image compressor and optimizer plugin 》reSmush.it Image Optimizer 是一個 WordPress 外掛，透過 reSmush.it API 提供圖片優化服務。reSmush.it 使用多種高級演算法對圖像進行大小減小。API 支援最...。
  • Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示，打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能，以下是其...。
  • Image Widget 》Image Widget 是一個簡單的外掛程式，利用 WordPress 原生媒體管理員，為您的網站新增圖片小工具。, 需要新增幻燈片、燈箱或隨機圖像嗎？, 請查看 Image Widg...。
  • Featured Image from URL (FIFU) 》h3>WordPress 外掛 - 用於顯示外部特色圖片、影片、音訊等等, FIFU 自 2015 年來已幫助全球數千個網站節省了儲存空間、處理時間和版權費用。, 如果您已經厭倦...。
  • Default Featured Image 》在媒體設定頁面上新增一個預設的特色圖像。如果沒有設定任何特色圖像，這個預設的特色圖像就會顯示。就這麼簡單。, 查看常見問題以獲取基本問題資訊。, 如果...。
  • All In One Favicon 》查看最新的WordPress交易以優化您的網站。, All In One Favicon為您的網站和管理頁面添加favicon。, 您可以使用您已經上傳的favicon或使用內置的上傳機制將fa...。
  • ImageMagick Engine 》透過讓 WordPress 使用 ImageMagick 而非標準的 GD 圖像庫，大幅提升重新調整大小的圖像品質。, 功能, , 在重新調整大小的圖像中保留嵌入式色彩設定檔, 自動...。
  • WP Featherlight – A Simple jQuery Lightbox 》WP Featherlight 是一個 WordPress 外掛，可為您的WordPress 網站添加一個極簡、高效、響應式 jQuery 燈箱。在其核心，WP Featherlight是一個用於 Featherlig...。
  • Phoenix Media Rename 》通過使用「Phoenix Media Rename」外掛，將您的媒體檔案重新命名，極大地提高您的 SEO。, 在Phoenix Media Rename 官方頁面上提供了完整的使用和設置指南。。

文章
Filter
Apply Filters
Close
Mastodon