٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

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

محمد یوسفی

15 نوامبر 2021

شرح

این افزونه بلوک کد را در هسته وردپرس گسترش می دهد تا برجسته سازی نحوی را که بر روی سرور ارائه می شود اضافه کند. بلوک‌های کد از قبل موجود در یک سایت به‌طور خودکار گسترش می‌یابند تا برجسته‌سازی نحو را نیز در بر بگیرد. انجام برجسته‌سازی نحو سمت سرور، نیاز به قرار دادن هر جاوا اسکریپت در فرانت‌اند (مانند Highlight.js یا Prism.js) را از بین می‌برد و این تضمین می‌کند که هیچ فلاش کد برجسته نشده (FOUC؟) وجود ندارد. کاهش اسکریپت در فرانت‌اند عملکرد جلویی را بهبود می‌بخشد و همچنین اجازه می‌دهد تا کدهایلایت‌شده نحوی به‌درستی در صفحات AMP که توسط پلاگین رسمی AMP ارائه می‌شوند (همچنین به ampproject/amp-wp#972 مراجعه کنید) یا زمانی که جاوا اسکریپت در مرورگر خاموش است، ظاهر شود. .

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

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

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

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

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها