به راحتی وب سایت خود را با Elementor بسازید

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

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

SyntaxHighlighter تکامل یافته است

برجسته کننده نحو

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

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

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

تنظیمات SyntaxHighlighter

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

Divi: بهترین تم وردپرس تمام وقت!

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

پیکربندی Syntaxhighlighter

ما می خواهیم سه پارامتر خاص را تعریف کنیم که بیشتر مردم باید بدانند.

نسخه پلاگین ، شماره خط و اندازه برگه

اولین مورد این است که کدام نسخه از افزونه را بارگیری می کنید. اگرچه افزونه در مخزن به روز است ، می توانید بین نسخه های 2.x و 3.x افزونه را انتخاب کنید ، بسته به نحوه نمایش کد شما بستگی دارد. هر دو از امنیت بالایی برخوردار هستند ، اما هر یک از آنها ویژگیهای خاصی را ارائه می دهند که دیگری از آنها برخوردار نیست (در زمان نوشتن مقاله).

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

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

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

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

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

کد و کد کوتاه شما

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

به تغییرات تقسیم کننده بزرگ divi مراجعه کنید

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

ou ou ou et...bien, vous obtenez</li><li>[highlight 5-9]</li></ul>

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

از کدهای کوتاه استفاده کنید

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

پارامتر متن Divi

اگر شما یک کاربر Gutenberg / Block Editor هستید ، همه چیز به همین سادگی است. برای اینکار می توانید از بلوک متن استفاده کنید. حتی ساده تر ، بلوک HTML سفارشی. مانند بالا ، کد را در برچسب های کد کوتاه جایگذاری کنید.

html gutenberg divi را مسدود کنید

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

نحو برجسته گوتنبرگ

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

خلاصه

به دلایل زیادی ممکن است لازم باشد قطعه هایی را به مخاطبان خود ارائه دهید. شاید شما برای مشکلات رایج که مخاطب می تواند استفاده کند و هر طور که دوست دارد از آن استفاده کند ، آموزش می نویسید یا راه حل ارسال می کنید؟ اما گاهی اوقات یکپارچه سازی GitHub فقط تجربه مورد نظر شما را برای کاربران فراهم نمی کند. این زمانی است که شما به پلاگین مانند SyntaxHighlighter Evolution نیاز دارید. 

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

1 سهام
سهم1
صدای جیر جیر
ثبات