آرشیو
طراح قالب
Tebyan

چند اشتباه رایج در نوشتن اسکریپت CSS قالب سایت وردپرسی : یکی از سیستم های مدیریت محتوا (CMS : Content Management System) که امروزه بسیار مورد استقبال برای ساخت و طراحی سایتقرار گرفته است ، هسته وردپرس (WP : WordPress) می باشد . با وجود ازدیاد قالب های آماده و موجود برای سایت های وردپرسی ، یافتن یک قالب برای سایت خود دیگر کار دشوار و چالش برانگیزی نیست . تنها کافیست تا از طریق وب سایتهای دانلود قالب وردپرسی ، یک پوسته (Theme) قالب مناسب برای سایت خود انتخاب کنید و با استفاده از صفحه مدیریت (dashboard) وردپرس ، به سلیقه دلخواه و طرح مورد نیاز سایتتان آن قالب را سفارشی سازی (customize) کنید که این امر یکی از مزایای سیستم وردپرس است . اما این همه کار نیست ، بلکه شما می بایست دارای دانش استفاده از تکنولوژی اسکریپت CSS نیز باشید . در این مقاله ، به چند مورد از استباهات رایجی که توسط توسعه دهندگان سایت هایوردپرسی رخ می دهد ، به ویژه در نوشتن استایل های CSS سایت ، خواهیم پرداخت . مطمئنا با برطرف سازی این نواقص کار با CSS می توانید تجربه طراحیسایت موفق با هسته وردپرس را تجربه کنید .

 

 قالب سایت وردپرسی

تعریف و مفهوم سفارشی سازی قالب سایت وردپرسی

پیش از آنکه به سراغ بررسی نواقص و استباهات نوشتن اسکریپت CSS قالب هایوردپرسی برویم ، باید اول بدانید که سفارشی سازی قالب وردپرسی به چه مفهومی اطلاق می شود ؟
البته ، سفارشی سازی یک قالب عمدتا به نوشتن CSS آن مربوط می شود . به عنوان اولین گام برای سفارشی سازی قالب سایت وردپرسی ، می بایست یک ادیتور مناسب برای اسکریپتینگ انتخاب کنید ، سپس یک فایل پشتیبان از فایل اصلی CSSقالبی که دانلود کرده اید بر روی سیستم خود ذخیره کنید ، پس از آن تغییراتمد نظر خود را بر روی استایل های قالب اعمال کنید و فایل نهایی ویرایش شدهتوسط خودتان را ذخیره و بر روی سرور سایتتان بارگذاری کنید . البته فراموشنکنید که اگر اسامی را در فایل CSS تغییر داده اید (مثلا اسم کلاس های HTML یا کلا اسم خود فایل CSS) ، می بایست این تغییر اسامی را در سند HTML قالب سایت نیز اعمال کنید تا به درستی سایت بر روی بروزر بارگذاری شود و بهنمایش در بیاید .

حال به سراغ بررسی آن اشتباهات رایج در اصلاح ، سفارشی سازی و یا نوشتن از اول فایل استایل های CSS قالب سایت وردپرسی خواهیم رفت :

۱٫    کم توجهی به قواعد زمینه ای در مورد انتخابگرها (Selectors)

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

{property: value; property:value;}

برای مثال ، اگر می خواهید یک متن از سایت خود را راست چین کنید و همچنین بخواهید که آن متن با رنگ آبی به نمایش در بیاید ، نوشتن چنین استایلی در فایل CSS مشابه اسکریپت زیر خواهد بود :

p {
text-align: right;
color: blue;
}


برچسب ها : چند اشتباه رایج در نوشتن اسکریپت CSS قالب سایت وردپرسی
آمار وبلاگ
تعداد بازدید : 10835
تعداد نوشته ها : 216
تعداد نظرات : 0
Rss