开发者 | pqina |
---|---|
更新时间 | 2020年1月14日 17:23 |
捐献地址: | 去捐款 |
PHP版本: | 4.5 及以上 |
WordPress版本: | 5.3.0 |
版权: | GPLv2 or later |
版权网址: | 版权信息 |
<iframe src="https://youtube/embed/JZYYJY4yoK4"/>
Now to make this bit a bit more flexible we will replace the YouTube video id with a placeholder value {{id}}
.
<iframe src="https://youtube/embed/{{id}}"/>
Yay! We've finished our first bit!
Now we can create a new Snippy shortcode and add the YouTube iFrame HTML bit. After saving the shortcode we can use our new and shiny YouTube shortcode in the text editor.
[[youtube id=JZYYJY4yoK4]]
Ready for more?
The below 3 minute YouTube video shows how you can use Snippy to turn a jQuery plugin into a WordPress plugin.
Yes, you can select JS and CSS files to be added to a bit, Snippy will automatically load the files when the shortcode is used on a page. Please note that your server might prevent uploading files with a .js or .css extension. If that's the case you have to alter the server security settings to allow uploading of these files.
You can define placeholders in bits by wrapping text in brackets like this: {{placeholder}}
.
Suppose you want to create a placeholder for a YouTube video. You'd replace the YouTube video id with {{id}}
.
<iframe src="https://youtube/embed/{{id}}"/>
Now the attribute id is available in any shortcode that uses the YouTube HTML bit.
[[youtube id=JZYYJY4yoK4]]
Placeholder default values can be set by following the placeholder name with a semicolon and then the default value.
{{name:John Doe}}
The following list of placeholders have a special function:
{{content}}
is always replaced with the content wrapped by your shortcode.{{date_today}}
is replaced with an ISO8601 representation of today's date.{{date_tomorrow}}
is replaced with an ISO8601 representation of today's date.{{unique_id}}
is replaced with a uniquely generated id.{{shortcode_id}}
is replaced with the id of the current shortcode.{{bit_id}}
is replaced with the id of the current bit.{{page_id}}
is replaced with the current page id.{{page_relative_url}}
relative url to the current page.{{page_absolute_url}}
absolute url to the current page (includes the domain).{{theme}}
current theme name.{{theme_root_uri}}
theme directory URI.{{template_directory_uri}}
current theme directory URI.{{admin_url}}
current admin url.{{nonce_field:action,name}}
generate a nonce field.{{admin_url}}
and {{nonce_field}}
placeholders.bit_id
and shortcode_id
placeholders