Title: Polymer for WordPress
Author: Mat
Published: <strong>2014년 10월 29일</strong>
Last modified: 2015년 11월 19일

---

플러그인 검색

![](https://ps.w.org/polymer-components/assets/banner-772x250.png?rev=1289490)

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

![](https://ps.w.org/polymer-components/assets/icon-256x256.png?rev=1289490)

# Polymer for WordPress

 작성자: [Mat](https://profiles.wordpress.org/blocknotes/)

[다운로드](https://downloads.wordpress.org/plugin/polymer-components.zip)

 * [세부사항](https://ko.wordpress.org/plugins/polymer-components/#description)
 * [평가](https://ko.wordpress.org/plugins/polymer-components/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/polymer-components/#installation)
 * [개발](https://ko.wordpress.org/plugins/polymer-components/#developers)

 [지원](https://wordpress.org/support/plugin/polymer-components/)

## 설명

A completely new version of this plugin is available and it allows to use the latest
Polymer components: [WP Polymer](https://wordpress.org/plugins/wp-polymer/)

This plugin allows to add Polymer elements (v0.5) to your posts and pages, the same
components used in Android Lollipop. You can use the HTML editor with the Polymer
tags directly or the shortcode _[poly]_ for all the elements. The correct HTML libraries
will be loaded automatically.
 Polymer website: http://www.polymer-project.org/

Notice: Polymer is still in _developer_ _preview_, some constructs may change in
future. A modern browser is required to run Polymer web apps.

**Features**

 * Polymer tags directly available (core & paper) in posts / pages with the HTML
   editor;
 * [poly] shortcode to access all tags;
 * simple widget;
 * auto import the necessary HTML components;
 * code blocks to easily manage elements;
 * Javascript editor in posts / pages admin;
 * CSS editor in posts / pages admin;
 * import iconsets options;
 * autop on/off option;
 * template override on/off option;
 * documentation links for each tag.

**Shortcode**

[poly ELEMENT-TAG ELEMENT-OPTIONS]

Tags: core-icon, paper-button, paper-checkbox, paper-slider, etc.

Options: style, id, class, etc.

**Examples**

    ```
    [poly core-icon icon="favorite"][/poly]
    [poly paper-checkbox][/poly]
    [poly paper-button raised style="color: green"]A green button[/poly]
    [poly paper-item icon="home" label="Test link"]<a href="http://www.google.it" target="_blank"></a>[/poly]
    ```

**Notes**

 * code blocks allows to create elements and import them directly from the Polymer
   box in posts / pages. They allows also to load JSON data, see FAQ for an example
 * autop option: the autop() WordPress function adds p and br tags to the contents
   when a newline is found, but this can break the Polymer tags. This option allows
   to enable/disable autop() in posts / pages (plugin default: no autop)
 * template override option: if this option is enabled this plugin will load a special
   template which provides only the required components to run a Polymer app. This
   is useful if you want a “fullscreen” Polymer app
 * to create RESTful apps try _JSON REST API (WP API)_ plugin. See FAQ for an example

## 스크린샷

 * [[
 * Some Polymer elements in a post
 * [[
 * Post editor in admin
 * [[
 * Polymer Components meta box in post / page editor
 * [[
 * Scaffold test
 * [[
 * A custom element

## 설치

 1. Install the plugin
 2. Activate it
 3. Edit a post or a page
 4. Use the shortcode to add Polymer elements and/or add directly Polymer tags (in 
    the HTML editor)

## FAQ

  How can I interact with the Polymer elements?

You can add your Javascript code for your page or post in the Javascript editor 
under the content editor – Polymer Components meta box.
 Sample code to open a dialog
from a button click:

    ```
    window.addEventListener('polymer-ready', function(e) {
      document.querySelector('#btn_test').addEventListener('click', function(e) {
        document.querySelector('#my-dialog').toggle();
      });
    });
    ```

  Can I create my elements?

Yes, you can create a Block with an element and them import it from the Polymer 
box in posts / pages; with the SHIFT key you can select more than a block to import.
You can also use the _polymer-element_ tag in posts and pages also with script tags.

  How can I load JSON data from Blocks?

You can create a Block with directly the JSON data, then in a post you can reference
it using the shortcode _block-url_ with the slug of the Block.
 Example:

    ```
    <core-ajax url="[block-url name='json-block-slug']" handleAs="json"></core-ajax>
    ```

  Is it possible to work with JSON REST API plugin?

Sure. Here is an example that create a pages menu dinamically. Post content:

    ```
    <core-ajax url="/wordpress/wp-json/pages" handleAs="json"></core-ajax>
    <paper-dropdown-menu label="Pages">
      <paper-dropdown class="dropdown">
        <core-menu class="menu">
          <template id="menu" repeat="{{ pages }}">
            <paper-item noink><a href="{{slug}}">{{title}}</a></paper-item>
          </template>
        </core-menu>
      </paper-dropdown>
    </paper-dropdown-menu>
    ```

Javascript content:

    ```
    window.addEventListener('polymer-ready', function(e) {
      var ajax = document.querySelector('core-ajax');
      var menu = document.querySelector('#menu');
      ajax.addEventListener('core-response', function(e) {
        var model = {
          pages: this.response
        };
        menu.model = model;
      });
      ajax.go();
    });
    ```

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

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

기여자

 *   [ Mat ](https://profiles.wordpress.org/blocknotes/)

[자국어로 “Polymer for WordPress”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/polymer-components)

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

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/polymer-components/)는,
[SVN 저장소](https://plugins.svn.wordpress.org/polymer-components/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/polymer-components/)을 [RSS](https://plugins.trac.wordpress.org/log/polymer-components/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.4.4

 * Updated Polymer to 0.5.2

#### 1.4.2

 * Fix to blocks imports

#### 1.4.1

 * Security fix for meta box

#### 1.4.0

 * New feature: Blocks of code
 * New shortcode: block-url

#### 1.3.2

 * New tags enabled
 * Small fix to docs links

#### 1.3.0

 * Updated Polymer to 0.5.1

#### 1.2.8

 * New setting: CSS editor on/off
 * Small fix

#### 1.2.5

 * New CSS editor for posts / pages
 * New options: autop, override template
 * Internal improvements

#### 1.2.0

 * New widget
 * Auto-import improved
 * Small fix to JS editor

#### 1.1.2

 * Small fix and changes to settings

#### 1.1.0

 * New settings screen
 * New settings: JS in posts / pages
 * Improved Javascript editor
 * Added polymer-element tag

#### 1.0.6

 * New Javascript editor for posts / pages

#### 1.0.2

 * Small fix for admin docs

#### 1.0.0

 * First release

## 기초

 *  버전 **1.4.4**
 *  최근 업데이트: **10년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 3.5.0 또는 그 이상 **
 *  다음까지 시험됨: **4.0.38**
 *  언어
 * [English (US)](https://wordpress.org/plugins/polymer-components/)
 * 태그:
 * [google](https://ko.wordpress.org/plugins/tags/google/)[page](https://ko.wordpress.org/plugins/tags/page/)
   [posts](https://ko.wordpress.org/plugins/tags/posts/)[shortcode](https://ko.wordpress.org/plugins/tags/shortcode/)
 *  [고급 보기](https://ko.wordpress.org/plugins/polymer-components/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  3/5-별점 후기     ](https://wordpress.org/support/plugin/polymer-components/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/polymer-components/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/polymer-components/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/polymer-components/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/polymer-components/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/polymer-components/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/polymer-components/reviews/)

## 기여자

 *   [ Mat ](https://profiles.wordpress.org/blocknotes/)

## 지원

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

 [지원 포럼 보기](https://wordpress.org/support/plugin/polymer-components/)

## 기부

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

 [ 이 플러그인에 기부하기 ](http://www.blocknot.es/home/me/)