Šī spraudnis nav atjaunināts vairāk kā divus gadus. Varbūt, tas vairs netiek uzturēts, nesaņemt atbalstu un tam var būt saderības problēmas ar jaunākām WordPress versijām.

MIR blocks and shortcodes

Apraksts

You need just a toolbox which is simple to use and gives you a couple of options to beautify your content?
Then just use MIR blocks and shortcodes!

We hand you two pre constructed presentation boxes which you can use eather as a block or as a classic shortcode.

Furthermore you can use a rotating icon circle which uses the full free Font Awesome 5 icon library.

What you need more? Right! You need a block/shortcode where you can show your visitors a progress bar!

You know what? Everyone loves Stats, right? Yes! So we hand you stats as well.

And overall… in the future you will get much more blocks/shortcodes!

Features

  • Super simple to use, no setup required.
  • You can use it as a block or as a shortcode
  • Many more in the future…

Videos

Presentation box 1


http://www.youtube.com/watch?v=9Q9cqO0J7yY

Presentation box 2


http://www.youtube.com/watch?v=W09L3ONePsQ

Stats


http://www.youtube.com/watch?v=Jbn7NtMp1YU

Rotating icon circle


http://www.youtube.com/watch?v=xqhtHIWI_w0

Progress bar


http://www.youtube.com/watch?v=domChxlJ0xM

Bloki

Šis spraudnis nodrošina 7 blokus.

  • Presentation box 2
  • Accordion Tab
  • Presentation box 1
  • Progress bar
  • Accordion
  • Rotating icon circle
  • Stats

Uzstādīšana

  1. Install MIR blocks and shortcodes either via the WordPress.org plugin directory, or by uploading the files to your server.
  2. Activate the plugin.
  3. Your are done!

BUJ

How to use Presentation box 1 shortcode?

[msc_presentation_box_1 css=”optional” center=”true/false” title=”your title” imageurl=”src to your image (such as mediathek) or nothing to force box display without an image”]Your content goes here![/msc_presentation_box_1]

If you want Animation you have to set „animation“ true and set direction to left/right or top
[msc_presentation_box_1 animation=”true/false” direction=”left/right/top”]Your content goes here![/msc_presentation_box_1]

To use custom colorization use the following options
[msc_presentation_box_1 background_color=”hex code” border_color=”hex code” title_background_color=”hex code” content_color=”hex code”]Your content goes here![/msc_presentation_box_1]

How to use Presentation box 2 shortcode?

[msc_presentation_box_2 css=”optional” center=”true/false” imageurl=”src to your image (such as mediathek) or nothing to force box display without an image” ribbon=”true/false” ribbontext=”your text” name=”name/title” description=”description/subtitle”]Your custom content goes here![/msc_presentation_box_2]

This are the attr for socialmedia icons
[msc_presentation_box_2 facebook=”link” twitter=”link” youtube=”link” linkedin=”link” xing=”link” google=”link” tumblr=”link” pinterest=”link” instagram=”link” vine=”link” digg=”link” dribbble=”link”]Your custom content goes here![/msc_presentation_box_2]

If you want Animation you have to set „animation“ true and set direction to left/right or top
[msc_presentation_box_2 animation=”true/false” direction=”left/right/top”]Your custom content goes here![/msc_presentation_box_2]

To use custom colorization use the following options
[msc_presentation_box_2 background_color=”hex code” border_color=”hex code” name_color=”hex code” content_and_description_color=”hex code”]Your custom content goes here![/msc_presentation_box_2]

How to use stats shortcode?

[mp-stats title=”optional” from=”value (default: 0)” to=”value (default: 100)” speed=”value (default: 5000 milliseconds)” decimals=”value (default: 0)” ready_animation=”true/false” ready_animation_text=”optional (default: Ready!)”][/mp-stats]

How to use rotating icon circle shortcode?

[mp-rotatingIconCircle icon=”like arrows-alt” icon_style=”fas/far/fab” icon_size=”fa-xs/fa-sm/fa-lg/fa-2x/fa-3x/fa-5x/fa-7x/fa-10x” center=”true/false” icon_color=”hex code” circle_color=”hex code” size=”just a number (example: 96)”]

Icon examples are here: https://fontawesome.com/icons?d=gallery&m=free

How to use progress bar shortcode?

[mp-progress-bar type=”default/success/info/warning/danger” value=”0-100″ animated=”true/false” striped=”true/false” title=”optional”]

Atsauksmes

Par šo spraudni nav atsauksmju.

Autori un izstrādātāji

“MIR blocks and shortcodes” ir atvērtā pirmkoda programmatūra. Šo spraudni ir veidojuši šādi cilvēki.

Līdzdalībnieki

Tulkot “MIR blocks and shortcodes” savā valodā.

Vai jūs interesē attīstība?

Pārlūkojiet kodu, apmeklējiet SVN krātuvi vai abonējiet attīstības žurnālu, ko izveidojis RSS.