خانه > فایل ها و پوشه ها > ایجاد کدهای کوتاه در CMS وردپرس. کدهای کوتاه افزودن دکمه درج کد کوتاه به ویرایشگر پست تصویری TinyMCE


ایجاد کدهای کوتاه در CMS وردپرس. کدهای کوتاه افزودن دکمه درج کد کوتاه به ویرایشگر پست تصویری TinyMCE




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


اگر هنوز نمی دانید کد کوتاه چیست، به طور خلاصه توضیح می دهم. تصور کنید که باید کدی را در مقاله وارد کنید، بگذارید یک پیوند باشد:

10 کد کوتاه مفید وردپرس

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

حالا تصور کنید که یک افزونه دارید که با آن می توانید برای هر کد یک لینک کوتاه ایجاد کنید، مانند , که می تواند مستقیماً در متن در حالت ویرایشگر قرار داده شود که اغلب بسیار راحت تر از حالت html است.

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

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

تعداد زیادی افزونه برای ایجاد کدهای کوتاه در وردپرس وجود دارد، اما من هیچ کدام را دوست نداشتم: یا همه چیز به زبان انگلیسی است، گاهی اوقات خیلی شیک است، گاهی اوقات به اندازه کافی کاربردی نیست... اما همین روز قبل خواندم که سئو وبلاگ نویس معروف ویتالی بورگومیستروفیک افزونه رایگان برای این اهداف اعلام کرد - sCode توسط mojWP.


در اینجا یک ویدیو کوتاه از این افزونه در حال اجرا است:

حتی توضیح چیز دیگری در مورد کار او منطقی نیست، همه چیز از ویدیو کاملاً واضح است. تنها نکته ای که می خواهم روشن کنم این است چگونه کد کوتاه را در قالب وردپرس وارد کنیم؟

اگر کد قالب کوتاه را در html وارد کنید، آنچه را که وارد کرده اید - کد کوتاه را خواهید دید. برای اینکه کار کند، باید کد کوتاه خود را در یک تابع قرار دهید:

اکنون دقیقاً آنچه را پشت کد کوتاه خود در سایت پنهان کرده اید خواهید دید. هیچ چیز پیچیده ای نیست، درست است؟ در پنل مدیریت یک دستورالعمل کوچک برای افزونه و یک ویدیو وجود دارد که من در مقاله درج کردم.

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

چه چیزی از طریق ادسنس پول در می آورد؟

1. CPC.
2. تعداد کلیک ها.

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

اما مقاله یک موضوع کاملاً متفاوت است. شخصی شروع به خواندن مقاله می کند و به طور تصادفی به یک تبلیغ برخورد می کند - آیا کلیک می کند یا خیر؟ در اینجا همه چیز به یک عامل بستگی دارد: موضوع تبلیغات کاملاً با موضوعی که در این مرحله از مقاله مورد بحث قرار می گیرد مطابقت دارد. مثال:

در اینجا شخصی است که در مورد میزبانی انتخاب می کند. سوالی را که در مقاله نوشتید و آن را با پررنگ برجسته کردید می خواند، می خواند و به آن نزدیک می شود - بهترین هاست برای انتخاب کدام است?

ضمناً من قبلاً از این افزونه استفاده کرده ام و پس از سؤالم یک کد کوتاه با تبلیغات adsense درج کرده ام - چه چیزی برای شما نشان می دهد؟ اگر بلوک تبلیغات را در جای دیگری قرار دهید، دیگر این اثر وجود نخواهد داشت. میفهمی دارم به چی میرسم؟

بله، شما باید کد کوتاه آگهی را به صورت دستی در جای مناسب وارد کنید! اگر این مکان وجود ندارد، پس باید آن را ایجاد کنید! می توانید این کار را انجام دهید: google.com را باز کنید و نام مقاله ما را در جستجو وارد کنید. ما به دنبال مقاله خود در نتایج جستجو هستیم و به آن می رویم. ما به آنچه ادسنس نشان می دهد نگاه می کنیم. ما به دنبال جایی در مقاله هستیم که در آن مکان مناسب باشد، مقاله را با استفاده از کلمات این آگهی به پایان می بریم و کد کوتاه را در آنجا درج می کنیم.

اکنون تبلیغ در مقاله حداکثر برای محتوای آن مناسب خواهد بود، حداقل برای قطعه متنی که در آن قرار دارد. بله، طولانی و خسته کننده است، اما ما به دنبال راه های آسان نیستیم، درست است؟ راه آسان دین بازندگان است...


جوابی پیدا نکردید؟ از جستجوی سایت استفاده کنید

کدهای کوتاه توابع PHP هستند که می توانند در محتوای پست با استفاده از شرطی ها استفاده شوند.

به عنوان مثال، یک کد کوتاه استاندارد وردپرس به شما امکان می دهد یک گالری را در داخل یک پست نمایش دهید.

واضح است که این قابلیت به توسعه دهندگان وردپرس فرصت های شگفت انگیزی می دهد - امروزه قرار دادن فرم ها، دکمه ها، لغزنده ها در پست ها بسیار مرتبط است.

درست همانطور که یک تابع می تواند آرگومان داشته باشد، یک کد کوتاه نیز می تواند پارامترهای خاص خود را داشته باشد. نمونه کوتاه دیگر:

می‌توانید کد را در فایل functions.php قرار دهید (منظورم کد موجود در فهرست موضوع فعلی شماست).

نام کد کوتاه باید با حروف کوچک باشد و فقط شامل حروف لاتین، اعداد و زیرخط باشد.

کد کوتاه با پارامترها

بسیار خوب، قبلاً نوشتم که کدهای کوتاه می توانند پارامترهای خاص خود را داشته باشند، اکنون بیایید ببینیم چگونه انجام می شود.

به عنوان مثال، من یک کد کوتاه نوشتم که به سادگی پیوندی را در یک پست قرار می دهد که در برگه مرورگر جدید target="_blank" باز می شود. من فکر نمی کنم که در واقع می تواند مفید باشد، اما برای ما اکنون نکته اصلی درک اصل نحوه کار کدهای کوتاه است.

دو پارامتر وجود خواهد داشت: anchor و url - anchor (متن پیوند) و URL، اگر پارامتر در خود کد کوتاه مشخص نشده باشد، از مقدار پیش فرض تنظیم شده آن در تابع استفاده می شود.

بستن کدهای کوتاه و یک کد کوتاه در داخل یک کد کوتاه

بیایید کد کوتاه مثال قبلی را بگیریم و کمی آن را تغییر دهیم. اجازه دهید به شما یادآوری کنم که کد کوتاه به این صورت بود:
.

اگر آن را به این شکل از نو بسازیم چه می شود: پیوند URL .

علاوه بر این، کدهای کوتاه دیگر را می توان در داخل کدهای کوتاه بسته (به لطف عملکرد) درج کرد.

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

تابع true_url_external( $atts , $shortcode_content = null ) ($params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh") , $atts) ; return """ target="_blank">($params[ "لنگر "])"; ) add_shortcode( "trueurl" , "true_url_external" );

حالا شورت کد از نوع زیر لینکی به صفحه اصلی سایت شما نمایش می دهد (در مورد شورت کد بالا نوشتم).

افزودن دکمه درج کد کوتاه به ویرایشگر پست ویژوال TinyMCE

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

1.PHP

صرف نظر از اینکه دکمه شما متنی خواهد بود یا دارای نماد، آیا حاوی فیلدهای ورودی اضافی (پارامترهای کد کوتاه) خواهد بود یا خیر - در همه موارد، کد PHP ثبت دکمه یکسان خواهد بود.

// تابع Hooks true_add_mce_button() ( // بررسی حقوق کاربر - آیا او می تواند پست ها و صفحات را ویرایش کند if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages") ) ( بازگشت ; // اگر نمی تواند، پس به دکمه نیز نیاز نخواهد داشت، در این صورت از تابع خارج شوید } // بررسی کنید که آیا کاربر ویرایشگر بصری را در تنظیمات فعال کرده است (اگر نه، پس نیازی به اتصال دکمه نیست) if ("true" == get_user_option ("rich_editing")) (Add_filter ("MCE_EXTERNAL_PLUGIGESS"، "True_add_TINYMCE_SCRIPT")؛ Add_Filter ("MCe_buttons"، "True_Rregister" ("MCE_BUTAction)" ("MCE_EXTERNAL_PLUGIGESS"، "True_add_TINYMCE_SCRIPT"); دکمه") // در این تابع پیوندی به فایل جاوا اسکریپت دکمه مشخص می کنیمتابع true_add_tinymce_script( $plugin_array ) ($plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; $plugin_array را برگرداند ; ) // دکمه را در ویرایشگر ثبت کنیدتابع true_register_mce_button($buttons) (array_push ($buttons, "true_mce_button") ; // true_mce_button - شناسه دکمهبازگشت $buttons ; )

در این مثال من از . true_button.js - خود دکمه، این فایل را در دایرکتوری تم ایجاد کنید (یا هر کجا که دوست دارید، اما فراموش نکنید که مسیر آن را در این مورد تغییر دهید).

2.1. جاوا اسکریپت. مثال دکمه ساده

بیایید نگاهی به محتویات فایل true_button.js بیاندازیم. بنابراین، اجازه دهید با ایجاد یک دکمه ساده شروع کنیم که یک کد کوتاه وارد می کند.

(تابع () ( tinymce.PluginManager .add ("true_mce_button" , function ( editor, url ) ( // true_mce_button - شناسه دکمه editor.addButton("true_mce_button" , ( // true_mce_button - شناسه دکمه، باید همه جا یکسان باشدمتن: "" , // متن دکمه، اگر می خواهید دکمه شما فقط یک نماد داشته باشد، این خط را حذف کنیدعنوان: "درج کد کوتاه", // راهنمای ابزارنماد: نادرست // در اینجا می توانید هر یک از نمادهای برداری موجود در TinyMCE یا کلاس CSS خود را مشخص کنید. onclick: function () ( editor.insertContent("" ) ; // کد کوتاه را در ویرایشگر قرار دهید، همچنین می توانید هر اقدام jQuery را تنظیم کنید } } ) ; } ) ; } ) () ;

در نتیجه:

نسخه متنی دکمه درج کد کوتاه در ویرایشگر بصری TinyMCE.

2.2. دکمه با یک نماد، یک لیست کشویی و توانایی تنظیم پارامترهای کد کوتاه

من با وارد کردن (یا به جای جایگزینی) کد در فایل true_button.js شروع می کنم:

(تابع () ( tinymce.PluginManager.add("true_mce_button" , function (ویرایشگر، url) ( // شناسه دکمه true_mce_button باید همه جا یکسان باشد editor.addButton( "true_mce_button" , ( // شناسه دکمه true_mce_buttonنماد: "perec" // کلاس CSS خودم، به لطف آن نماد دکمه را تنظیم می کنمنوع: "menubutton"، عنوان: "درج عنصر", // راهنمای ابزار شناورمنو: [ // اولین لیست کشویی از اینجا شروع می شود( متن: "عناصر فرم" , منو: [ // اینجا جایی است که کشویی دوم در داخل کشویی اول شروع می شود( متن: "فیلد متن" ، روی: تابع () ( editor.windowManager.open( ( عنوان: "تنظیم گزینه های فیلد", بدنه: [ ( نوع: "جعبه متن" , نام: "textboxName" , // ID، در زیر استفاده خواهد شدبرچسب: "شناسه و نام فیلد متنی", // مقدار برچسب: "نظر" // مقدار پیش فرض) , ( تایپ کنید: "Textbox" , // نوع جعبه متن = جعبه متن name: "multilineName" , label: "مقدار پیش فرض فیلد متن"، مقدار: "سلام"، چند خطی: درست، // فیلد متنی بزرگ - textareaعرض: 300 دقیقه // حداقل عرض بر حسب پیکسلدقیقه ارتفاع: 100 // حداقل ارتفاع بر حسب پیکسل), ( نوع: "listbox" , // لیست باکس را تایپ کنید = لیست کشویی انتخاب کنید name: "listboxName" , label: "Fill" , "values" : [ // مقادیر لیست کشویی( متن: "الزامی" , مقدار: "1" ) , // برچسب، مقدار(متن: "اختیاری", مقدار: "2" ) ) ] , onsubmit: تابع (e) ( // پس از پر کردن فیلدها و فشار دادن دکمه ارسال، این اتفاق می افتد editor.insertContent( "" ); ))))؛ ) ) ، ( // عنصر دوم لیست کشویی تو در تو، فقط یک کد کوتاه درج می کندمتن: "دکمه ارسال", onclick: function () ( editor.insertContent("" ) ; ) ) ] ) , ( // عنصر دوم از اولین لیست کشویی، فقط درج می شود text: "Shortcode" , onclick: function () ( editor.insertContent("" ) ; ) ) ] ) ) ; )) ؛ ) ) () ;

پس از چسباندن کد، دکمه من در حال حاضر وجود دارد و کار می کند. تنها چیزی که وجود دارد این است که هیچ آیکونی ندارد (به جز فلش پایین).

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

معمولا برای هر اپلیکیشن یک قالب (قالب) مناسب انتخاب می شود، اما گاهی اوقات قابلیت های آن کافی نیست.

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

کد کوتاه یک کد کوتاه است که مستقیماً در متن یک صفحه، هدر، ویجت - یعنی در محتوا درج می شود و قابلیت های وردپرس را گسترش می دهد.

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

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

این مقاله عمداً از نام کدهای کوتاه غیر موجود استفاده می کند تا بتوانید ببینید که فراخوانی کد کوتاه چگونه است و نه نتیجه کار آن.

انواع کد کوتاه بر اساس ساختار

آنها می توانند بدون پارامتر، با پارامتر و با محتوا باشند.

کدهای کوتاه بدون پارامتر

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

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

این فراخوان سال جاری را چاپ می کند. راحت است که متون را هر سال ویرایش نکنید.

کدهای کوتاه با پارامترها

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

مثلا به این صورت یک دکمه زیبا درج می شود که استایل آن باید در استایل شیت نوشته شود.

این شامل دو پارامتر است: عنوان- این کتیبه روی دکمه است، به عنوان مثال، سفارش، اشتراک و غیره.

آدرس اینترنتیآدرس کلیک است.

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

در اینجا پارامتر سقیمت به دلار است

کدهای کوتاه محتوا

آنها از دو بخش تشکیل شده اند که در بین آنها می توان هر محتوای پست، ویجت و غیره وجود داشته باشد.

به این ترتیب می توانید یک متن یا بخشی از یک پست را با "قرار دادن" پس زمینه رنگی زیر آن برجسته کنید:

در اینجا متنی وجود دارد که در پس زمینه رنگی نمایش داده می شود.

پارامتر رنگرنگ پس زمینه را در کد هگزادسیمال معمولی تنظیم می کند.

و در اینجا نحوه نمایش متن در دو ستون با عرض یکسان است:

کد کوتاه در کد php شامل یک تابع است که آن را پردازش می کند و یک دستور که تابع مربوطه را به کد اختصاص می دهد.

در اینجا یک کد کوتاه معمولی برای یک دکمه وجود دارد:

تابع هه_اما($atts,$content=NULL) (
استخراج(shortcode_atts(array(
'title' => 'برو'،
'url' => نادرست
), $atts))؛

$output=" ".$title."’;

بازگشت $output;
}
add_shortcode('but','ha_but');

در این مثال، تابع نامگذاری شده است هه_اما. دو پارامتر ارسال می شود - عنوانو آدرس اینترنتی. و برای عنوانمقدار پیش فرض اختصاص داده شده است برو. اگر هنگام فراخوانی کد، پارامتر عنوانرد شوید، سپس دکمه پیش فرض برچسب گذاری می شود برو

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

سپس تابع نتیجه خود را با برگشت.

تابع add_shortcodeبا نام به کد کوتاه اختصاص می دهد ولیعملکرد کنترل کننده بر اساس نام هه_اما.

و در اینجا استایل های دکمه زرد تمام عرض وجود دارد:

Btn(
صفحه نمایش: بلوک درون خطی
رنگ: #000000;
فونت: 300 16px "Roboto", sans-serif;
تبدیل متن: بزرگ;
پس زمینه: #fde42b;
پس زمینه: -webkit-gradient(خطی، بالا سمت چپ، پایین سمت چپ، from(#fcea38)، به (#ffcf00));
پس‌زمینه: -webkit-linear-gradient(بالا، #fcea38 0٪، #ffcf00 100%)؛
پس‌زمینه: گرادیان خطی (به پایین، #fcea38 0%, #ffcf00 100%)؛
حاشیه پایین: 3px جامد #b27d00;
بالشتک: 14px 15px 11px;
عرض: 90%
شعاع مرزی: 2 پیکسل
text-align: center;
text-decoration: هیچ;
text-shadow: 1px 1px 0 #ffec89;

}
.btn:hover (
کدورت: 1
پس زمینه: -webkit-gradient(خطی، پایین سمت چپ، بالا سمت چپ، from(#ffdd02)، به (#fffe6d));
پس‌زمینه: -webkit-linear-gradient (پایین، #ffdd02 0٪، #fffe6d 100%)؛
پس‌زمینه: خطی-gradient(به بالا، #ffdd02 0%, #fffe6d 100%)؛
حاشیه-رنگ: #bd8500;

نحوه درج کد کوتاه در قالب وردپرس

یک تابع درج کنید - کنترل کننده کد کوتاه می تواند مستقیماً در فایلی که مسئول خروجی پست های تکی است قرار گیرد - معمولاً این single.php. سپس این کد کوتاه فقط در پست ها کار می کند.

بهتره تو یه فایل بذاری functions.phpدر هر قالب وردپرس یافت می شود. سپس کد کوتاه در تمام صفحات، ویجت ها و غیره کار می کند.

با این حال، اگر قالب را به‌روزرسانی یا تغییر دهید، کدهای کوتاه دیگر پردازش نمی‌شوند. اگر قصد دارید در آینده طراحی وبلاگ را تغییر دهید، بهتر است کد همه کدهای کوتاه را در یک فایل قرار دهید، به عنوان مثال، shortcodes.php,و آن را در یک پوشه قرار دهید مندر ریشه سایت

در این حالت، باید تماس را با درج در فایل سازماندهی کنید functions.phpفرمان require_once('my/shortcodes.php');

پس از تغییر یا به روز رسانی قالب وردپرس، ثبت مجدد این دستور را فراموش نکنید.

نحوه درج کد کوتاه در صفحه وردپرس

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

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

یک آموزش ویدیویی در مورد ایجاد کدهای کوتاه پیچیده تر را در اینجا تماشا کنید:

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

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

بیایید نگاهی به اقدامات کد کوتاه با استفاده از افزونه گالری تصاویر به عنوان مثال بیندازیم. بنابراین پس از نصب و فعال سازی آن، بخش ویژه ای در قسمت مدیریت سایت وردپرس شما ظاهر می شود که ابزارهای لازم برای ایجاد گالری را دارد. پس از اضافه شدن تصاویر و اعمال تنظیمات لازم، گالری شما ذخیره خواهد شد. اکنون باقی مانده است که آن را در سایت نمایش دهیم. برای انجام این کار، افزونه یک کد کوتاه منحصر به فرد به شما می گوید که در نقطه درج آن، گالری که ایجاد کرده اید نمایش داده می شود.

کد کوتاه به شکل زیر است:

چگونه یک کد کوتاه در وردپرس ایجاد کنیم؟

ابزارهای "موتور" نه تنها امکان استفاده از کدهای کوتاه موجود، بلکه ایجاد کدهای خود را نیز فراهم می کنند. این نیاز به مهارت های برنامه نویسی دارد. ما تمام کارهای خود را در فایل پیکربندی اصلی موضوع فعال وردپرس قرار می دهیم - functions.php.

اگر نمی دانید چگونه ویرایش کنید functions.php، در این صورت افزونه ProFunctions به شما کمک خواهد کرد.

به عنوان مثال، اجازه دهید یک کد کوتاه ایجاد کنیم که متن ساده را نمایش دهد "هی WPSchool!"

برای این کار خطوط زیر را به فایل بالا اضافه کنید:

تابع wpschool_text_shortcode() ( بازگشت "سلام WPSchool!"؛ ) add_shortcode("textshortcode"، "wpschool_text_shortcode");

کد ما از 2 ساختار اصلی تشکیل شده است. مسدود کردن تابع wpschool_text_shortcode()تابعی است که در آن مقدار مورد نیاز کد کوتاه در واقع نمایش داده می شود. در مورد ما، این خروجی یک رشته متنی است "هی WPSchool!"

بخشنامه add_shortcode()یک دستور کاربردی است که خود کد کوتاه را ایجاد می کند. دو گزینه دارد. "متن کوتاه"نام کد کوتاه است که در نهایت در پرانتز قرار می گیرد. در پارامتر دوم، نام تابع خود را با خروجی متن مشخص می کنیم.

در نتیجه، کد کوتاه زیر را که آماده چسباندن است دریافت می کنیم:

بیایید آن را به قسمت محتوای پست یا صفحه اضافه کنیم.

در نتیجه، در سایت به شکل زیر خواهد بود:

در مثال زیر یک کد کوتاه برای درج یک تصویر با اندازه مشخص ایجاد می کنیم.

تابع wpschool_picture_shortcode($atts) (extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts))؛ بازگشت " "; ) add_shortcode("picture", "wpschool_picture_shortcode");

کد کوتاه ما اکنون حاوی پارامترهای تابع است و یک آرگومان نیز وجود دارد $ atts. برای استفاده از پارامترهای کد کوتاه، به دو تابع نیاز داریم: shortcode_atts()و استخراج کردن(). اولین تابعی است که در هسته وردپرس تعبیه شده است که ویژگی های کد کوتاه را با موارد داده شده مطابقت می دهد و مقادیر پیش فرض را (در صورت لزوم) اختصاص می دهد. استخراج کردن()تابعی از زبان است PHP، که متغیرهایی را از مقادیر آرایه ایجاد می کند. تابع ما مقدار مورد نیاز ما را برمی گرداند ( HTML-تصویر ما را با مقادیر داده شده ارتفاع و عرض چیدمان کنید).

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

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

چگونهفایل؟ پاسخ سریع

به خصوص برای کسانی که از قبل همه چیز را می دانند، اما فقط به دنبال پاسخ سریع یا موتور دیگری هستند، لطفا از این کد استفاده کنید:

php echo کد کوتاه وردپرس را انجام دهید

با این حال، علائم نگارشی را فراموش نکنید! نقل قول در شما کد کوتاهو Vphpکد باید متفاوت باشد

یعنی اگر در قالب سایت وردپرس خود از همان شورت کد استفاده می کنید، اما با دو گیومه در داخل (["..."]) و در کد php خود نیز از دو نقل قول ("[...]") استفاده می کنید، سپس باید یکی از آنها را به تکی تغییر دهید. به همین دلایل کوچک است که کدهای کوتاه در وردپرس کار نمی کنند. بیشتر در این مورد در زیر.

کد کوتاه چیست(کوتاه)، و برای چیست؟

کد کوتاه استاز انگلیسی. "کد کوتاه". عمدتاً هنگام ایجاد افزونه ها یا ماژول های طراحی شده برای کار با سیستم های مدیریت محتوا (CMS) مانند وردپرس، جوملا و غیره استفاده می شود. به زبان ساده، این کد کوتاه نوعی میانبر است که وقتی به سایت اضافه می شود، بالا می رود. تمام کدهای بزرگ از افزونه.

یک کد کوتاه معمولاً به این صورت است: یا این یا حتی فقط یک کلمه

در هر صورت، این چندان مهم نیست، زیرا نکته اصلی دانستن اصل اضافه کردن کد کوتاه به سایت است.

چگونه کار می کند؟

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

اما فقط چنین کد کوتاه (Shortcode) در یک خط:

با درج چیزی شبیه به این

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

آ نحوه درج کد کوتاهنوار لغزنده مستقیم به قالب وردپرسدر کد php؟

اگر مستقیماً به کد نیاز دارید، برای این کار، توسعه دهندگان این افزونه یک تابع کد کوتاه به زبان php در کنار (شکل بالا) نوشتند:

چنین "عملکرد" ​​کد کوتاه را می توان در یک فایل php در مکانی که در سایت نیاز دارید وارد کرد. به عنوان مثال، در header.php، جایی بعد از body یا شاید در sidebar.php، و بهتر از همه در فایل قالب صفحه (می توان آن را چیزی مانند content-page.php نامید)، در نتیجه، متوجه خواهید شد که همان نوار لغزنده، اما قبلاً در طراحی خود سایت تعبیه شده است.

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

معمولا هر کد php با شروع می شود. در اینجا، پس از پایان یک کد php و قبل از شروع کد دیگر، می توانید تابع php خود را وارد کنید. متأسفانه، توسعه دهندگان پلاگین همیشه یک تابع php آماده (مانند این مثال) برای نمایش کد کوتاه نمی سازند. در این صورت، می توانید خودتان آن را به راحتی و به سادگی ایجاد کنید، در مورد آن در زیر.

چگونه نمایش کد کوتاه در php V وردپرساگر تابع php آماده ای در افزونه وجود ندارد؟

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

در این صورت چه باید کرد، زیرا باید شورت کد را در قالب وردپرس و مستقیماً در فایل php سایت وارد کنیم؟ در این مورد، فقط باید کد کوتاه را با تابع خروجی php که در همان ابتدای مقاله نشان داده شد، بپیچید. در نتیجه، با در نظر گرفتن کد کوتاه خود، این نوع تابع php را دریافت می کنیم:

کد کوتاه وردپرس نحوه جاسازی

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

اشتباهات اساسی! یا چرا شورت کد وردپرس کار نمی کند؟

در ابتدای مقاله، قبلاً نحوه انجام این کار را توضیح دادم کد کوتاه اضافه کنید V وردپرس،و چطور کد کوتاه را در آن قرار دهیدPHP. بیایید اکنون همه چیز را خلاصه کنیم.

در واقع، دو راه برای اضافه کردن وجود دارد، یعنی:

کد کوتاه وردپرس به قالب

همانطور که می بینید، آنها فقط در نقل قول ها متفاوت هستند - تک و دو. سینتکس زبان php در مورد چنین نقل قول هایی بسیار مراقب است. و اگر در داخل تابع دوم که با دو نقل قول است، یک کد کوتاه نیز با دو نقل قول وارد کنید، مثلاً مانند ما: در آن صورت یک خطا در سایت دریافت خواهید کرد.

برای اینکه هیچ خطایی وجود نداشته باشد و کد کوتاه شما به درستی کار کند، باید نقل قول های مختلفی داشته باشید. به عنوان مثال، مانند این:

می توانید هر یک از دو کد کوتاه اول را مستقیماً در ویرایشگر به قالب وردپرس خود اضافه کنید. برای انجام این کار، فایل php مناسب را در ویرایشگر سایت پیدا کنید که "مکان" را در سایتی که می خواهید نوار لغزنده خود را در آن نمایش دهید، کنترل می کند. با فشار دادن میانبر صفحه کلید Ctrl + Shift + I می توانید این مکان را در ابزارهای توسعه دهنده درست در مرورگر خود پیدا کنید.