تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
مشکل در کد کیچا اسکریپت آپلود سنتر کلیجا 9 پاسخ 103 بازدید کتابخانه blog برای لاراول 1 پاسخ 174 بازدید مشکل در نصب اسکریپت 1 پاسخ 81 بازدید وردپرس شبکه 1 پاسخ 88 بازدید اسکریپت یا کد انتقال دهنده کاربر به صفحه 2 پاسخ 204 بازدید درخواست افزونه 3 پاسخ 808 بازدید اسکریپت مدیریت هاست رایگان 3 پاسخ 392 بازدید معرفی وبسایت خرید آنلاین مواد و لوازم دندانپزشکی 0 پاسخ 183 بازدید افزونه Coins MarketCap 1 پاسخ 601 بازدید درخواست پلاگین 4 پاسخ 876 بازدید
تبلیغات
تبلیغات تبلیغات

نمایش کد در وردپرس بدون نیاز به نصب افزونه

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

 

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

نمایش کد در وردپرس بدون نیاز به نصب افزونه

 

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

 

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

code, pre {
direction:ltr;
width: 90%;
display: block;
color: #333333;
overflow:auto;
background: #fcfcfc url(http://www.20script.ir/wp-content/uploads//code.png) left top repeat-y;
border: 1px solid #f2f2f2;
padding: 10px 28px;
margin: 10px 0px;
max-height: 200px;
line-height: 120%;

}

 

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 2 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=4703
کلمات کلیدی پست :
مطالب مرتبط
6,137افزونه شمارشگر معکوس وردپرس Scarcity Builder نسخه 2.1 تاریخ : 2015/04/26
5,792آموزش افزایش سرعت وردپرس با نصب افزونه WP-FFPC تاریخ : 2019/07/5
7,705تغییر نام کلمات پیشفرض وردپرس با افزونه Say what تاریخ : 2018/01/2
11,395قالب HTML سامانه طراحی بنر طرح ساز تاریخ : 2014/04/29
4,164نمایش شبکه‌ای پست‌ها با المنتور تاریخ : 2020/05/3
4,888جلوگیری از Hotlinking در وردپرس تاریخ : 2019/11/15
11,622دانلود قالب و افزونه های نصب شده در پیشخوان وردپرس تاریخ : 2017/04/19
11,880آموزش آپلود فایل توسط کاربر در وردپرس تاریخ : 2019/06/20
5,063تغییر رنگ وضعیت نوشته ها در پیشخوان وردپرس تاریخ : 2017/02/21
6,128پوسته فروشگاهی و چندمنظوره UpStore برای ووکامرس تاریخ : 2019/02/7
17,352افزونه وردپرس صفحه ساز فارسی Elementor تاریخ : 2017/07/14
4,912عبارت “rel=”noopener به چه معناست ؟ تاریخ : 2020/05/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات