이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

다운로드

Last 9 Photos – WebComponent

작성자: Patryk Rzucidło (@PTKDev)

설명

🌉 WebComponent: Instagram Widget

Last 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.

⛔ DISCLAIMER: This is an unofficial instagram library and offers no warranty! All trademarks and logos belong to their respective owners.

📎 Menu

💡 Features

  • [✔️] Easy to use
  • [✔️] MIT License
  • [✔️] Without jQuery depencence
  • [✔️] Configurable with attributes
  • [✔️] Work with: Browserify / Webpack / ReactJS / Angular / WordPress
  • [✔️] Photos Widget of your Instagram Profile for your blog or website with this WebComponent
  • [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)

📖 Installation

  1. Download wordpress-plugin and install it.

  2. Add code to your html widget, example: Appearance –> Widget –> insert HTML Widget and paste html code:

    <instagram-widget username="@ptkdev" grid="3x3">
    </instagram-widget>

NOTE: Replace @ptkdev with your instagram username. More settings are available here.

You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.

스크린샷

설치

  1. Download wordpress-plugin and install it.

  2. Add code to your html widget, example: Appearance –> Widget –> insert HTML Widget and paste html code:

    <instagram-widget username="@ptkdev" grid="3x3">
    </instagram-widget>

NOTE: Replace @ptkdev with your instagram username. More settings are available here.

You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.

후기

모든 1 평가 읽기

기여자 & 개발자

“Last 9 Photos – WebComponent”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Last 9 Photos – WebComponent”(이)가 1(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Last 9 Photos – WebComponent”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

v3.0.0-nightly (TBD)

  • Feature: Fetch with instagram token/facebook open graph
  • Refactor: move to typescript

v2.9.0 (March 04, 2021)

  • API RATE LIMIT: Instagram added CORS to a public api https://www.instagram.com/${this.options["username"]}/?__a=1 with ?__a get parameter and this widget stopped work. Current workaround: we use google images proxy
  • Security: Update

v2.8.0 (February 09, 2021)

  • Fix: Can’t change default username #6
  • Fix: localstorage with username as key (cache all usernames)

v2.7.1 (January 17, 2021)

  • Feature: fetch from backup if get limit api request (from localStorage)
  • Feature: loading spinner
  • Feature: error fetch message

v2.6.1 (May 19, 2020)

  • New: WordPress Plugin available on store.

v2.6.0 (May 18, 2020)

  • Feature: Overwrite CSS Style with selector ::part
  • New attribute: mouse-hover
  • New attribute: show-title
  • New attribute: shadows
  • Fix: WordPress Plugin

v2.5.0 (May 04, 2020)

  • Fix: now you can use multiple webcomponents in the same html page (#3)
  • NOTE: better to use the full close tag <instagram-widget></instagram-widget> than short />

v2.4.0 (May 02, 2020)

  • New attribute: force-square
  • Feature: wordpress-plugin

v2.3.0 (May 01, 2020)

  • Fix: border-corners and border-spacing now work without grid attribute.
  • Fix: NPM Module give errors with require/import
  • Update: examples

v2.2.0 (April 30, 2020)

  • Fix: grid now is more responsive (now use calc() function: 100% – spacing/padding/margin)
  • Fix: default values now work (hello object reference my old dark friend)

v2.1.1 (April 28, 2020)

  • New attribute: cache
  • New attribute: border-corners
  • New attribute: border-spacing
  • Performance: now component send api request only if you change username
  • Fix: refresh attributes random don’t work

v2.0.0 (April 28, 2020)

  • Removed “ptkdev-” prefix
  • Module for Browserify/Webpack (run: npm install @ptkdev/webcomponent-instagram-widget)
  • Fix: Grid bug
  • Installation guidelines: Browserify / Webpack / ReactJS / Angular / WordPress

v1.1.1 (April 27, 2020)

  • Update CDN (New url!)
  • Update build/dist

v1.1.0 (April 27, 2020)

  • New attribute: items-limit
  • New attribute: grid
  • New attribute: image-width / image-height

v1.0.1 (April 26, 2020)

  • Update CDN

v1.0.0 (April 26, 2020)

  • First Release.

기초

평점

모두 보기
평가를 제출하기 위해 로그인합니다.

지원

할 말 있으신가요? 도움이 필요하신가요?

지원 포럼 보기

기부

이 플러그인이 발전하도록 도우시겠습니까?

이 플러그인에 기부하기