Meks Flexible Shortcodes افزونه کاربردی تر کردن نوشته های وردپرس

Meks Flexible Shortcodes یک افزونه کاربردی برای کسانی است که می خواهند المان های مختلف را در محتوای نوشته یا برگه خود اضافه کرده و قابلیت های آن را افزایش دهند. این افزونه از شورت کد برای وارد کردن المان ها استفاده می کند. شما می توانید تمام المان های مورد نظر خود را از طریق پنل تولید کننده کد کوتاه رابط کاربری به سرعت وارد نوشته ها و برگه های خود کنید.

برای هر برچسب کد کوتاه گزینه های استایل دهی هوشمندانه ای ارائه شده است. بنابراین صرف نظر از اینکه قالب سایت شما زرد، سفید یا سبز باشد، شورت کد های این افزونه می توانند متناسب با هر سبک و طرحی باشند.

لیست شورت کدهای افزونه Meks Flexible Shortcodes شامل ستون ها، دکمه ها، آیکون ها، آیکون های شبکه های اجتماعی، هایلایت ها، جدا کننده ها، نوارهای پیشرفت، نقل قول ها، تب ها، دکمه های تغییر وضعیت و پنجره های آکاردئونی است.

در این مقاله افزونه Meks Flexible Shortcodes را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم.

آموزش افزونه Meks Flexible Shortcodes و نحوه کاربردی تر کردن نوشته های وردپرس

ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.

بعد از اینکه افزونه نصب شد آن را فعال کنید.

برای دسترسی به پنل تولید کننده شورت کد باید بلوک کلاسیک را در ویرایشگر گوتنبرگ وردپرس به نوشته یا برگه خود اضافه کنید.

پس از اضافه کردن بلوک کلاسیک در نوار ابزار بالای بلوک می توانید آیکون Meks Shortcodes را مشاهده کنید. با کلیک بر روی این آیکون یک پنجره پاپ آپ مشابه شکل زیر نشان داده می شود.

شما می توانید روی تب مربوط به المان های مورد نظر خود کلیک کرده و ویژگی (attribute) های دلخواه خود را انتخاب کنید. سپس روی دکمه Insert در انتهای صفحه کلیک کنید. با کلیک بر روی این دکمه، افزونه Meks Flexible Shortcodes شورت کد مربوط به المان مورد نظر شما و ویژگی هایی که برای آن انتخاب کرده اید را به نوشته یا برگه اضافه می کند.

در ادامه آموزش در مورد المان های مختلفی که با استفاده از این افزونه می توانید به صفحات خود اضافه کنید و شورت کدهای مربوط به آنها صحبت می کنیم.

ستون ها (Columns)

بخش ستون ها به شما امکان می دهد مطالب خود را به ستون های مختلف تقسیم بندی کرده و به برخی از قسمتهای مهم محتوای صفحه خود اشاره کنید. این شورت کدها می توانند همراه با هر کد کوتاه دیگری استفاده شوند. شما می توانید بین تگ های ستون هر محتوایی که می خواهید را بنویسید یا هر کد کوتاهی را وارد کنید.

[mks_col]
[mks_one_half] Left content goes here [/mks_one_half]
[mks_one_half] Right content goes here [/mks_one_half]
[/mks_col]

البته ویرایشگر گوتنبرگ وردپرس دارای یک بلوک درون ساخته ستون است که با استفاده از آن می توانید اقدام به ستون بندی صفحه در وردپرس کنید.

همچنین می توانید از افزونه Column Shortcodes  به این منظور استفاده کنید.

جدا کننده ها (Seperators)

جدا کننده یک خط افقی ساده است که می توانید برای تقسیم عناصر روی محتوای صفحه خود از آنها استفاده کنید. گزینه های استایل دهی متعددی شامل خط کامل، خط چین و غیره برای آنها ارائه شده است.

[mks_separator style="solid" height="2"]

هایلایت ها (Highlights)

با این کد کوتاه می توانید پس زمینه رنگی را به قسمت خاصی از جمله اضافه کرده و آن را در متن برجسته کنید.

I can't wait to see how [mks_highlight color="#dd3333"]awesome[/mks_highlight] Johannes theme is.

Dropcaps

از Dropcaps برای بزرگ کردن اولین حرف یک جمله خاص استفاده می شود.

[mks_dropcap style=”letter” size=”52″ bg_color=”#ffffff” txt_color=”#000000″]A[/mks_dropcap] smart theme SeaShell is.

دکمه ها (Buttons)

دکمه ها در افزونه Meks Flexible Shortcodes لینک هایی با سبک دکمه هستند که می توانید هر URL ی را با آنها هدف قرار دهید.

[mks_button size=”large” title=”More about us” style=”squared” url=”http://mekshq.com” target=”_self” bg_color=”#000000″ txt_color=”#FFFFFF” icon=”fa-road”]

افزونه دیگری که می توان برای ساخت دکمه در وردپرس از آن استفاده کرد، افزونه Forget About Shortcode Buttons است.

کشیدن نقل قول (Pull Quotes)

کشیدن نقل قول باکس های زیبایی هستند که معمولاً برای اشاره به برخی نکات مهم در زمینه ای متفاوت از متن استفاده می شوند. ویرایشگر گوتنبرگ وردپرس دارای یک بلوک کشیدن نقل قول به صورت پیش فرض است.

[mks_pullquote align=”left” width=”300″ size=”24″ bg_color=”#000000″ txt_color=”#ffffff”]He who dares wins![/mks_pullquote]

آیکون های شبکه های اجتماعی (Social Icons)

با استفاده از این کد کوتاه می توانید آیکون های شبکه های اجتماعی خود را در داخل محتوای نوشته یا برگه اضافه کنید.

Follow me: [mks_social icon=”facebook” size=”48″ style=”square” url=”http://facebook.com/mekshq” target=”_blank”]

اگر تنها اضافه کردن آیکون های شبکه های اجتماعی مدنظر شما باشد، با این افزونه نیازی به افزونه های شبکه های اجتماعی وردپرس نخواهید داشت.

تب ها (Tabs)

افزونه Meks Flexible Shortcodes به شما امکان می دهد بخشی از محتوای خود را در این کد کوتاه قرار دهید تا به صورت تب نمایش داده شود.

[mks_tabs nav=”horizontal”]
[mks_tab_item title=”Title 1″]
Example content 1
[/mks_tab_item]
[mks_tab_item title=”Title 2″]
Example content 2
[/mks_tab_item]
[mks_tab_item title=”Title 3″]
Example content 3
[/mks_tab_item]
[/mks_tabs]

دکمه تغییر وضعیت (Toggles)

اگر می خواهید برخی از مطالب را به صورت آشکار/پنهان نشان دهید، از کد کوتاه toggles استفاده کنید.

[mks_toggle title=”Example Title” state=”open”]Toggle content goes here…[/mks_toggle]

آکاردئون (Accordions)

کد کوتاه accordion مانند toggle است و شبیه گروهی از toggle های متصل عمل می کند.

[mks_accordion]
[mks_accordion_item title=”Title 1″]
Example content 1
[/mks_accordion_item]
[mks_accordion_item title=”Title 2″]
Example content 2
[/mks_accordion_item]
[mks_accordion_item title=”Title 3″]
Example content 3
[/mks_accordion_item]
[/mks_accordion]

آیکون ها (Icons)

افزونه Meks Flexible Shortcodes با استفاده از این کد کوتاه به شما امکان می دهد برخی آیکون ها را در محتوای نوشته یا برگه خود اضافه کنید تا مطالب جالب تر شوند.

[mks_icon icon=”fa-star-o” color=”#000000″] Five stars for this theme!

یک افزونه قدرتمند که برای اضافه کردن فونت آیکون به سایت وردپرس خود می توانید از آن استفاده کنید، افزونه Better Font Awesome است.

میله های پیشرفت (Progress Bars)

میله های پیشرفت معمولاً برای نمایش گرافیکی آنالیتیکس ها استفاده می شوند.

[mks_progressbar name=”WordPress” level=”Pro” value=”80″ height=”20″ color=”#000000″ style=”squared”]

با اضافه کردن هریک از شورت کدهای فوق در نوشته ها و برگه های وردپرس می توانید قابلیت های بیشتری به محتواهای موجود در سایت خود اضافه کرده و آنها را کاربردی تر و تعاملی تر نمایید.

امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.

دانلود افزونه