parsgreen.com
article

دلایل به هم ریختن قالب وبلاگ ها و سایت ها

web-template-question

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

نوع طراحی قالب


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

عدم سازگاری قالب با مرورگرها


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

درج محتوای غیر استاندارد


علت دیگری که می تواند سبب این موضوع شود نوع مطالب و محتوایی است که مدیر وبلاگ یا سایت در آن درج می کند، به طور مثال درج تصاویری که پهنای پیکسلی آنها بیش از صفحه طراحی شده برای نمایش مطلب است (به فرض درج یک تصویر 600 در 800 پیکسلی در یک لایه 500 در 600 پیکسلی!) ممکن است موجب شود تا کل قالب ناقص نشان داده شود و یا به فرض  نویسنده وبلاگ یک عبارت طولانی را بدون فاصله در جعبه های کناری قرار دهد (به فرض weeeeeeeeeeeeeb!) که این موضوع موجب می شود تا مرورگر نتواند کلمات را بشکند و در خط بعدی نشان دهد و این خود باعث ایجاد مشکل می شود.

کدنویسی غیر استاندارد


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

دستکاری قالب وبلاگ و سایت


دستکاری شدن قالب و پاک شدن برخی تگ ها نیز از دلایل شایع است، هر چند ممکن است تجربه و آشنایی کافی با تگ ها و اصول برنامه نویسی وب را داشته باشید، ولی با این حال بهتر است قبل از اعمال هر نوع تغییری در قالب، ابتدا از آن پشتیبان تهیه کنید که در مواقع لزوم بتوان وضعیت را به حالت سابق تغییر داد؛ با رعایت این نکات ساده می توان از بروز مشکل به هم ریختن قالب وبلاگ و سایت، تا حدود زیادی پیشگیری کرد.
sectionدسته بندی: مهارتهای وب » دانستنی ها
related مطالب بیشتر:
» اصطلاحاتی که هر مدیر سایت باید بداند!
» لیست کدهای وضعیت HTTP و معنی خطاهای سرور
» آموزش کاربردی عبارات با قاعده (Regular Expressions)
» پروتکل امن https و کدگذاری ssl چیست؟
» مفهوم پلتفرم (Platform) و فریم ورک (Framework)
commentنظرات (۱۱ یادداشت برای این مطلب ارسال شده است)
نویسنده: محمدرضا
زمان: ۱۶:۱۲:۰۰ - تاریخ: ۱۳۹۲/۰۵/۰۸
ممنون دقیقا مورد آخر رو انجام داده بودم :D
نویسنده: مصطفی
زمان: ۲۰:۲۹:۵۶ - تاریخ: ۱۳۹۲/۱۱/۰۸
ببخشید من مانیتورم 1600 در 900 هست و واسه طراحی ممکنه یک بلاک رو منطقه ی 1500px قرار بدم حالا کاربری که مانیتورش 800 در 600 باشه میتونه این بلاک رو بدرستی و بدون اسکرول ببینه؟ آیا راهی هست مثلا اگه همه بلاک ها رو با درصد وارد کنیم درست میشه؟
پاسخ: 
استاندارد خاصی برای عرض قالب های وب وجود ندارد، چون گستره استفاده از دستگاهها با پهنای متفاوت زیاد است، اما معمولا برای قالب های با عرض ثابت، پهنای 960 یا 980 پیکسل استفاده می شود، امروزه اکثر مانیتورهای CRT از استاندارد 1024 پیکسل استفاده می کنند و در مانیتورهای عریض این اندازه بیشتر است، پس اگر پیکسل قالب خود را همان 960 در نظر بگیرید، با طراحی خوب و استاندارد، مرورگر سایت را به خوبی نشان می دهد و به فرض اسکرول افقی نخواهید داشت، یک شیوه دیگر طراحی قالب به صورت تعریف مقادیر درصدی به جای پیکسل است، به این صورت با کاهش یا افزایش پهنای پنجره مرورگر، قالب نیز خود را با آن هماهنگ می کند، البته این روش به دلیل برهم زدن یکنواختی کار، چندان باب طبع طراحان وب نیست، ولی گاهی رهگشا است.
نویسنده: مصطفی
زمان: ۱۸:۳۰:۱۳ - تاریخ: ۱۳۹۲/۱۱/۰۹
ممنون فقط یه مشکل کوچیک دارم وقتی با درصد عناصر رو تعریف می کنم همه ی بلاک ها با تغییر اندازه صفحه تغییر می کنن بجز خاصیت font-size یعنی سایز فونتها به همون شکل اولیه میمونه
پاسخ: 
برای این کار راه حل ساده ای وجود ندارد، در واقع کم تر سایتی را می توان پیدا کرد که با تغییر اندازه صفحه نمایش، اندازه فونت آن تغییر کند (این کار استاندارد نیست!).
نویسنده: بهار
زمان: ۲۲:۳۲:۰۰ - تاریخ: ۱۳۹۲/۱۲/۲۶
سلام من یک قالب وب را کپی کردم خوشم نیومد یک قالب دیگه رو کپی کردم اما قالب اول به صورت پیش فرض ذخیره شده هر چی قالب کپی می کنم اون قالب هم هست چی کار کنم
پاسخ: 
سلام
در چه سیستم یا سرویسی وبلاگ دارید؟ ممکن است مشکل از cache شدن اطلاعات باشد، برای اطمینان دکمه Ctrl و F5 را با هم بزنید.
نویسنده: پریسا
زمان: ۱۰:۴۱:۲۴ - تاریخ: ۱۳۹۳/۱۲/۱۲
سلام
من یک سایت طراحی کردم که با کوچک کردن صفحه بعضی نوشته هاش تو هم میرن .
از تگ زیر هم استفاده کردم ولی درست نشد.
<meta name="viewport" content="width=device-width, initial-scale=1">
پاسخ: 
سلام
استفاده از متاتگ چاره مشکل نیست! باید تسلط خود بر خواص CSS را افزایش دهید تا قالب های سازگارتری طراحی یا بتوانید اشکلات آنها را رفع کنید.
نویسنده: پریسا
زمان: ۱۰:۰۲:۴۹ - تاریخ: ۱۳۹۳/۱۲/۲۶
با تشکر از جواب قبلی شما. یه سوال دیگه این که برای اینکه سایت در صفحه موبایل به صورت اسکورل بیاد باید اندازه ها رو به صورت پیکسل بدم؟ یا اینکه راه دیگه ای داره؟
ممنون.
پاسخ: 
سلام
برای طراحی قالب سازگار با تلفن های همراه بهتر است از مقدار دهی درصدی یا قالب رسپانسیو استفاده کنید، البته اکثر تلفن های همراه امروزی قابلیت نمایش هوشمند صفحات وب را دارند که حتی قالب های با مقداردهی ثابت (پیکسلی) را نیز به خوبی نمایش می دهند.
نویسنده: رها
زمان: ۲۰:۳۵:۵۹ - تاریخ: ۱۳۹۴/۱۲/۰۴
با سلام لطفا به منم کمک کنید. من توی وبلاگم کد هر قالبی رو که وارد میکنم یا قبول نمیکنه یا اگر هم قبول کنه کل وبلاگ به هم میریزه با این وجود کد رو از یه سایت معتبر گرفتم و عکسی هم وارد نکردم ولی بازم به هم میریزه. سرویس دهنده ی وبلاگم هم بلاگفا هستش. اینکه میگم کدها به هم میریزه منظورم فقط قالب وبلاگه وگرنه کد هایی مثل حباب و قلب و ساعت رو درست وارد میکنه. راستی توی وارد کردن کدها هم اشتباه نکردم. خواهش میکنم زود جواب بدید به کمکتون نیاز دارم. ممنون.
پاسخ: 
دلایل این مشکل می تواند خیلی گسترده باشد، لطفا آدرس وبلاگتان را جهت بررسی درج کنید.
نویسنده: رها
زمان: ۰۹:۵۹:۱۷ - تاریخ: ۱۳۹۴/۱۲/۰۸
باسلام. این وبلاگ منه:
www.khatkhatird13.blogfa.com
پاسخ: 
وبلاگتان در مرورگر فایرفاکس بررسی شد و بدون مشکل بود! ممکن است ایراد از cache شدن اطلاعات باشد، پس از بارگذاری وبلاگ، دکمه Ctrl + F5 را با هم بزنید تا صفحه به طور کامل رفرش شود، همچنین برای اطمینان می توانید در سیستم ها یا مرورگرهای دیگر چک کنید.
زمان: ۰۱:۳۲:۰۰ - تاریخ: ۱۳۹۵/۰۱/۲۹
سلام، پروفایل وبلاگم خود به خودی جابجا و عوض شده حالا نمیتونم به یخش مدیرتم برم حالا چیکار کنم خواهشن راهنماییم کنید مرسی
پاسخ: 
سوال واضح نیست! منظور از جابجایی پروفایل مشخص نیست؟! لطفا توضیحات دقیق تری ارائه کنید.
نویسنده: بهنام
زمان: ۲۳:۵۰:۲۲ - تاریخ: ۱۳۹۵/۰۱/۳۰
سلام از دیروز وبلاگم حذف شده آخه چرا؟ من دیروز ازتون سوال کردم وقتی سرورهای بلاگفا خراب شده بود پروفایل وبلاگم با اسم یه نفر دیگه عوض شده بود خواهشا بهم بگین چرا وبلاگم‌ حذف شده
پاسخ: 
هرچند نمی توان در مورد علت حذف وبلاگ شما نظر قطعی داد، اما متاسفانه سایت بلاگفا مدتها است که دچار مشکلات عدیده ای است و بروز چنین مواردی به دفعات از طرف کاربران این سرویس عنوان شده.
نویسنده: رضا
زمان: ۱۵:۳۰:۲۸ - تاریخ: ۱۳۹۵/۰۴/۳۱
سلام
من در حال طراحی قالبی هستم با دریم ویور و wampserver وقتی مرورگر رو کوچک میکنم اندازه ها و کل قالب بهم میریزه
لطفا اگه راه حلو میدونین کمک کنین
تلگرام   @delent
پاسخ: 
رفع این موارد به سادگی ممکن نیست، در واقع مشکل مربوط به ساختار و کارهای پایه ای در طراحی قالب است، به طور مثال باید قالب را به صورت بلاک های در هم و آشیانه ای فرمت بندی کنید یعنی ابتدا بلاک کلی سپس بلاک های دیگر در درون آن تعریف شوند، تعیین مقدار پیکسلی یا درصدی مناسب با اندازه های موجود و در دسترس و همچنین استفاده بجا از خاصیت ها و آشنایی با رفع ناسازگاری ها همگی نیازمند تمرین و تکرار CSS از پایه است که باید در زمینه فراگیری آموزش های مقدماتی بیشتر تلاش کنید!




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

8 × 9
 refresh
آگهی
seonab.com
طراحی نرم افزار اندروید
رنگین کمان عکس
Ranginkamaan.com

آرشیو عکس های باکیفیت با موضوعات متنوع...