no-img

با خرید هر یک از محصولات "همراز وردپرس" یک ماه هاست رایگان با ssl مادام العمر از تیم "همراز دیزاین" هدیه بگیرید

گزارش خرابی لینک
اطلاعات را وارد کنید .

با کدهای میانبر پست حرفه ای ایجاد کنید


 

امروز قصد داریم به چگونگی استفاده از کدهای کوتاه در رابطه با انواع خدمات عمومی ، از جمله سایت هایی مانند یوتیوب و فلیکر بپردازیم. ابتدا ببینیم چگونه یک کد کوتاه ایجاد می شود، و پس از آن ببینیم چگونه به چیزی تبدیل می شود که می تواند توسط کاربر استفاده و دستکاری شود. ما کدهای کوتاه را در همراز وردپرس برای شما عزیزان بررسی می کنیم، و در مورد مزایای استفاده از آنها و چگونگی خوب استفاده کردن از آنها بحث می کنیم. کدهای کوتاه به طور موثر میانبر (تعریف شده توسط وردپرس) هستند که بسیار زمان گذاشته شده تا ما به راحتی استفاده کنیم . در ساده ترین شکل ، کدهای کوتاه شامل برخی از کدهای وردپرس یا hook هستند، گاهی اوقات برای محصول برای یک کاربر است، مثلا YouTube یا Flickr

شروع : ساخت یک کد میانبر ساده

کد های میانبر با افزودن یک تابع به functions.php قالب ایجاد میشود . مثلا در زیر میخواهیم یک کد میانبر برای لینک کردن به wordpress98 ایجاد کنیم :

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

خروجی :hamrazwp

خب حالا ما میتوانیم از قابلیت ساخت کدمیانبر به همراه دادن ویژگی به کد استفاده کنیم. (اگر توضیحات این جمله رو متوجه نشدید با ما باشید تا با مثال متوجه شوید ). مثلا میخواهیم به یک قسمت سایت همراز وردپرس لینک دهیم , مجددا کد زیر در functions.phpp قالب قرار دهید :

خب این بار کد میانبر به یکی از ساب دامنه های سایت همراز وردپرس وصل خواهد شد. وارد کردن نام ساب دامنه با افزودن صفت site به کد میانبر امکان پذیر است. اگر که site را وارد نکنید بطور پیش فرض wwww قرار خواهد داد.مثلا کد زیر را مشاهده کنید که به یکی از قسمت های سایت (سرزمین توابع ) لینک داده است :

خروجی :hamrazwp

خب همانطور که مشاهده میکنید لینک بسیار ساده است و خیلی راحت ما با ویژگی آن را افزودیم. خب حالا اینبار میخواهیم همی روش ساخت کد میانبر را برای سایت های عمومی استفاده کنیم و با دادن یک صفت ساده به کد میانبر , منابع سایت YouTube یا Flickr در مطالب و ابزارک های خود بکار بگیریم.

از سرویس های عمومی تا کد میانبر

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

قدم اول : ساخت یک کد میانبر ثابت

خب برای شروع من یک کد ساده از یک ویدیو یوتیوب قرار میدهم. (توجه کنید که یک تابع است و در functions.php قرار میدهیم و در ضمن کد زیر بدون ویژگی است و صرفا یک ویدیو رو نمایش میدهد )

کد میانبر تابع بالا بصورت زیر است :

با روش ساخت کد میانبر لینک این بار یک کد نمایش فیلم از سرویس یوتیوب ساختیم. اما باز هم ذکر میکنم که کد بالا فقط یک ویدیو رو درج میکند و نمایش میدهد و به هیچ وجه قابل تغییر نیست.

قدم دوم : معرفی برخی ویژگی ها

کدی که در مرحله قبل تولید کردیم یک کد ثابت بود ولی شما که نمیخواهید یک فیلم را چندین بار در چندین مکان مختلف به نمایش بگذارید بلکه میخواهید ویدیو های مختلفی را به نمایش بگذارید. برای این کار باید به سراغ استفاده از shortcode_atts برویم و یک ویژگی جدید به نام id ایجاد کنیم تا از این پس با وارد کردن id فیلم مورد نظر بتوانید فیلم آن را نمایش دهید . توجه کنید تابع extract() به شما اجازه میدهد که att های مختلف را در کد خود قرار دهید . خب برای این کار مجددا تابع زیر را در functions.php قالب خود قرار دهید :

کد میانبر تابع بالا بصورت زیر میشود :

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

مطلب پیشنهادی ما:  حل مشکل تقویم شمسی در پارسی سازی قالب ها

کد میانبر تابع بالا بصورت زیر میشود :

قدم دوم (ب) : پارامتر های اضافی

یویتیوب برای کد هایی که صادر میکند پارامترهای زیادی دارد که در بالا به سه مورد اشاره کردیم و یک قسمت دیگر نیز autoplay هست که به مان روش بالا با افزودن یک متغیر دیگر قابل پیاده سازی است. کافیست از تابع زیر استفاده کنید :

کد میانبر تابع بالا بصورت زیر است :

قدم سوم : تمام شد !

بالاخره کار ما برای ساختن کد میانبر یوتیوب تمام شد . واقعا ساده بود کل کدهایی که نوشتیم ۴-۵ تابع بیشتر نداشت اما دیدید که چقدر حرفه ای میشد استفاده کرد و شما نیز براحتی میتوانستید از آنها در مطالب و برگه ها و حتی ابزارک های خود استفاده کنید .

مثال های بیشتر

در سه مرحله بالا ما یک مثال رو چند بار ویرایش و گسترش دادیم . در زیر چند مثال اضافی برای استفاده بهتر و بیشتر بیان میکنیم.

Vimeo

سرویس اشتراک گزاری ویدیو Vimeo یک سرویس شبیه شبکه Youtube است که شما میتوانید با قرار دادن iframe با طول و عرض و رنگ دلخواه از این سرویس استفاده کنید .

خب فکر کنم حدس زده باشید کد میانبر و متغیرها چی هستند اما برای اطمینان بیشتر کد زیر را مشاهده کنید :

پروفایل Twitter

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

خب با توجه به کد بالا کدمیانبر بصورت زیر است . تمام تغیر ها اختیاری ولی username اجباری میباشد . در ضمن هشتگ رو هم میتوانید در hashtags وارد نمایید :

مطلب پیشنهادی ما:  غیر فعال کردن “ذخیره خودکار” نوشته ها

دکمه توییت

دکمه توییت یکی از محبوبترین دکمه های اشتراک گذاری میباشد

با توجه به متغیرهای بالا کد میانبر به شکل زیر میباشد

دکمه لایک و ارسال Facebook

دکمه لایک فیس بوک نیز مثل دکمه توییت کاربرد مشابه و محبوبت بالایی دارد. فقط برای لود این دکمه نیاز به منبع the JavaScript SDKدارید.

کد میانبر ساده به شکل زیر میباشد فقط میتوانید متغیرهای colorscheme , showfaces , width , font را خودتان مشخص کنید :

نشان Flickr

این قابلیت به شما این امکان را میدهد تا جدیدترین عکس های خود در Flickr را نمایش دهید . کد با کمک css و table به نمایش عکس ها میپردازد .

کد میانبر آن نیز بصورت زیر است :

خلاصه …

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



ads

درباره نویسنده

مشارکت کننده در توسعه ی وبسایت همراز وردپرس تاریخ شروع فعالیت : 1396/08/28 همکاری با مجموعه ی همراز وردپرس افتخار بزرگیست ،سعی میکنم مقالات مفید و جدید وردپرس رو برای شما دوستان عزیز در همراز وردپرس منتشر کنم

علی زمینی 167 نوشته در همراز وردپرس – در این مسیر کنار شما هستیم دارد . مشاهده تمام نوشته های

چرا شما‌از تخفیفات ویژه ی اعضای کانال‌همراز وردپرس‌استفاده نکنید؟ عضویت در کانال همراز وردپرس

دیدگاه ها


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *