pixelstudio/wp-instafeed

WordPress 插件,用于显示任何用户的 Instagram 图片。无需访问令牌即可工作!

安装: 6

依赖项: 0

建议者: 0

安全: 0

星级: 1

关注者: 2

分支: 0

开放问题: 0

语言:CSS

类型:wordpress-plugin

1.1.1 2020-02-04 02:45 UTC

This package is auto-updated.

Last update: 2024-09-04 12:46:33 UTC


README

显示任何用户的 Instagram 图片。无需访问令牌即可工作!

注意:目前不支持通过标签显示。

此插件基于 此 PHP 库

要求

  • PHP 版本 7.x
  • WordPress 版本 4.9.x

短代码

SLIDER

[instafeed username="..." items-per-slide="4/3/2"]

标准相册

[instafeed username="..." items="8"]
  • username (字符串)

  • items-per-slide (字符串 / 可选) - 每个幻灯片上的照片数量。默认值为 4/3/2,表示在桌面端有 4 个项目,在中等屏幕(< 767px)上有 3 个项目,在小型屏幕(< 480px)上有 2 个项目

  • items (整数 / 可选) - 相册中的照片数量。如果此属性存在,instafeed 变成标准图像相册。没有幻灯片,但仍具有灯箱。

自定义代码

如果您想使用自定义标记来显示照片,您可以使用此函数获取原始 JSON 数据

$data = INSTAFEED::get( $username, <$endcursor> );
  • $username (字符串)
  • $endcursor (字符串) - 可选。从 JSON 中获取下一批照片的一些数据。默认值为 null

EXAMPLE JSON

(Instagram\Hydrator\Component\Feed Object)

[id] => 787132
[userName => 'natgeo'
[fullName] => 'National Geographic'
[biography] => 'Experience the world through the eyes of National Geographic photographers.'
[followers] => 98709694
[following] => 135
[profilePicture] => 'https://instagram.fcgk18-1.fna.fbcdn.net/vp/09853aaf5eae10b4f986cf3ea4ba4135/5D00426C/t51.2885-19/s320x320/13597791_261499887553333_1855531912_a.jpg?_nc_ht=instagram.fcgk18-1.fna.fbcdn.net&_nc_cat=1'
[externalUrl] => 'http://natgeo.com/'
[mediaCount] => 19341

[endCursor] => 'QVFBNnZSS01kRVFPMVBYQjFUUzRtU29YRnZsRGQ0T0NZMHJLa0V5c1V3ZzZzaXlmV0Z4cXFGRndtQ2N3QnhPa3JKTTdDODRFTFY0aFY1cmdEUEpDSk15UA=='

[medias] => Array
  [0] => (Instagram\Hydrator\Component\Media)
    [id] => 1967339913658289842
    [typeName] => 'GraphImage'
    [height] => 864
    [width] => 1080
    [thumbnailSrc] => 'https://instagram.fcgk18-1.fna.fbcdn.net/vp/2d36d9922cd0240b12986954144de03d/5CFD29FE/t51.2885-15/e15/c108.0.864.864a/s640x640/49831361_242286123327859_5316757156600178542_n.jpg?_nc_ht=instagram.fcgk18-1.fna.fbcdn.net&_nc_cat=1'
    [link] => 'https://www.instagram.com/p/BtNZTpiDM6y/'
    [date] => (DateTime)
      [date] => '2019-01-29 07:00:15.000000'
      [timezone_type] => 3
      [timezone] => 'UTC'

    [displaySrc] => 'https://instagram.fcgk18-1.fna.fbcdn.net/vp/857455540c1941185a696a06e39d2079/5CF7B4AC/t51.2885-15/fr/e15/s1080x1080/49831361_242286123327859_5316757156600178542_n.jpg?_nc_ht=instagram.fcgk18-1.fna.fbcdn.net&_nc_cat=1'
    [caption] => 'Photo by @simonnorfolkstudio | The Basilica of St Simeon ...'
    [comments] => 260
    [likes] => 86513

    [thumbnails] => Array
      [0] => (stdClass)
        [src] => 'https://instagram.fcgk18-1.fna.fbcdn.net/vp/1bd5ba4d9826f0390c52e8b5916cbfca/5CF8B461/t51.2885-15/e15/c108.0.864.864a/s150x150/49831361_242286123327859_5316757156600178542_n.jpg?_nc_ht=instagram.fcgk18-1.fna.fbcdn.net&_nc_cat=1',
        [config_width] => 150,
        [config_height] => 150

      [1] => (Same param but size 240 x 240)
      [2] => (Size 320 x 320)
      [3] => (Size 480 x 480)
      [4] => (Size 640 x 640)
  

显著参数

  • endCursor - 如上所述,使用此值获取下一批照片。
  • medias => thumbnailSrc - 640x640 大小,如果您需要更低分辨率,从 thumbnails 数组中获取。
  • medias => displaySrc - 原始大小。