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

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

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

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

PHP

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

PHP

خروجی : WordPress98

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

PHP

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

PHP

خروجی : WordPress98

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

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

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

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

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

PHP

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

PHP

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

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

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

PHP

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

PHP

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

PHP

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

PHP

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

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

PHP

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

PHP

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

آموزش سفارشی کردن اسکرول در وردپرس

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

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

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

Vimeo

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

PHP

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

PHP

پروفایل Twitter

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

PHP

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

PHP

دکمه توییت

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

PHP

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

PHP

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

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

PHP

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

PHP

نشان Flickr

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

PHP

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

PHP

خلاصه …

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. خیلی جالب و مفید

  2. موفق باشی علی جان مطلبت لایک داشت.

  3. كدي كه نوشتم درست نشون نداده . همون كديه كه تو اينترنت فراوونه .

  4. با عرض سلام خدمت آقا علي گل و اعضاي سايتشون .

    يه سوالي داشتم كه خيلي برام مهمه ، نميدونستم كه كجا بايد مطرح كنم ، ببخشيد .

    بنده قالبي طراحي كردم ، تو صفحه اصلي قالبم يه بخش هايي داريم كه آخرين مطالب بعضي از دسته ها رو نشون ميده . همان طور كه مي دانيد براي نمايش آخرين مطالب يك دسته بايد از كدي استفاده كرد ( همون كدي كه تو همه سايت ها هست ) كه در آن كد بايد آيدي دسته‌ي مورد نظر را وارد كنيد تا آخرين مطالب اون دسته رو نشون بده .

    تغيير آيدي دسته و عنوان كادري كه آخرين مطالب در آن به نمايش در مياد براي من كه قالب رو طراحي كردم آسونه . حالا فرض كنيد كه اين قالب رو يك شخصي كه اطلاعات زيادي نداره ، استفاده مي كنه ، چطوري مي تونم تنظيماتي رو به قالب اضافه كنم كه اون شخص به راحتي بتونه از داخل خود وردپرس فقط با قرار دادن آيدي دسته و عنوان ، تغييرات لازم براي صفحه اصلي رو اعمال كنه .

    كدي كه از اون براي نمايش آخرين مطالب استفاده كردم .

    `

    <a href="” rel=”bookmark” title=””>
    ID, ‘thumbnail’, ‘alt=”‘ . $post->post_title . ‘”‘); ?>

    `
    با تشكر از همه‌ي دوستان

    • 15 سال عضو همیار وردپرس

      عزیزم باید برای قالبت کنترل پنل طراحی کنید

      آموزش ساخت این کنترل پنل رو بزودی در همیار وردپرش بخونید

  5. مرسیییییییییییییییی

  6. سلام ببخشيد من ميخوام تو ايندكسم فقط مطالب يه بخش باشه

    مثلا مطالب بخش جوك ديگه مطالب بخش سينما نياد تو صفحه اصلی‌چه كار بايد كنم لطفا جواب بديد

  7. مطلب خوبی بود

  8. آموزش جذاب و خوبیه! 🙂

  9. خسته نباشید ، خیلی کاربرد داره !

  10. جالب بود
    مرسی