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

PJ jQuery UI Helper

설명

This plugin allows you to use jQuery UI’s widgets with a simple to advanced shortcode in your pages or posts.

Here is a list of the current widgets and their corresponding shortcodes:

  • Dialog – Used with [pjjuh-dialog]contents[/pjjuh-tab] to create a button where the shortcode is inserted that will open a dialog with the contents of the tag (or you can set an attribute of page to a title of one of the pages on your site to load the contents of that page into the dialog that is opened from pressing the button). For more information on how to use this please visit my site.
  • Tabs – Used with [pjjuh-tab-group] and then [pjjuh-tab title=”tab-title”]contents[/pjjuh-tab] to create a tab with the title “tab-title” that contains the contents specified. For more information on how to use this please visit my site.
  • Accordion – Used with [pjjuh-accordion] and then [pjjuh-acc-section title=”section-title”]contents[/pjjuh-acc-section] to create a section with the title “section-title” that contains the contents specified. For more information on how to use this please visit my site.

Widgets I hope to add in the near future are:

  • Tooltips

I also hope to allow more variations for the widgets in the near future.

스크린샷

  • An example of a dialog using the shortcode [pjjuh-dialog].
  • An example of tabs using the shortcode [pjjuh-tab-group] and [pjjuh-tab].
  • An example of an accordion using the shortcode [pjjuh-accordion] and [pjjuh-acc-section].
  • blue theme
  • base theme
  • flick theme
  • trontastic theme

설치

  1. Upload files to the /wp-content/plugins/ directory, in their own directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add shortcodes to your pages/posts as you like

FAQ

How can I create a dialog?

Find where you would like to place the button, in that location (In Page/Post edit) insert [pjjuh-dialog]{contents}[/pjjuh-dialog] where {contents} is the contents you would like to have inside of your dialog.

How can I create tabs?

Find where you would like to place your tabs section, in that location (In Page/Post edit) insert [pjjuh-tab-group][pjjuh-tab title=’{tab-title}’]{contents}[/pjjuh-tab][/pjjuh-tab-group] where {contents} is the contents you would like inside of that tab and {tab-title} is the text that will show in the tab’s button. Take a look at screenshots for an example.

Are there more attributes I can use in the shortcodes?

Yes! There is a list of accepted attributes here: Plugin Website.

Are there themes that I can choose from?

Yes! There are currently 3 supported themes, check out the screenshots page to see how they look. The themes can be selected in the Plugin Options menu (PJ jQuery UI Helper, on the side of your admin page).

후기

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

기여자 & 개발자

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

기여자

자국어로 “PJ jQuery UI Helper”(을)를 번역하세요.

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

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

변경이력

1.0.8

  • Updated themes to 1.11.4

1.0.7

  • Implemented heightStyle option for Accordions as height_style parameter in [pjjuh-accordion] shortcode. Defaults to “auto” if not used.

1.0.6

  • Applied font sizing to Tabs section

1.0.5

  • Included accordion functionality

1.0.4

  • Added ‘trontastic’ theme for darker websites

1.0.3

  • Used WordPress jQuery UI scripts
  • Updated to allow for multiple dialogs on a page/post

1.0.2

  • Added settings for user to set default width and height for dialogs.

1.0.1

  • Included tabs functionality.
  • Allow for user to choose themes, more themes to be added.

1.0.0

  • Created plugin with dialog functionality.