یکشنبه ۰۸ خرداد ۱۴۰۱

Sunday, May 29, 2022 GMT +4:30

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

web-template-question

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

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


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

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


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

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


علت دیگری که می تواند سبب بهم ریختن قالب وب شود نوع مطالب و محتوایی است که مدیر سایت یا وبلاگ در آن درج می کند، به طور مثال درج تصاویری که پهنای پیکسلی آنها بیش از صفحه طراحی شده برای نمایش مطلب است (به فرض درج یک تصویر با ابعاد 600 در 800 پیکسلی در یک بلاک با ابعاد 500 در 600 پیکسلی) ممکن است موجب شود تا کل قالب ناقص نشان داده شود و یا به فرض  نویسنده سایت یا وبلاگ یک عبارت طولانی را بدون فاصله در جعبه های کناری قرار دهد (به فرض عبارت weeeeeeeeeeeee...b) که این موضوع موجب می شود تا مرورگر نتواند کلمات را بشکند و در خط بعدی نشان دهد و این خود باعث ایجاد مشکل می شود، لذا برای تصاویر بهتر است از مقدار عرض و ارتفاع (width و height) کمتر از فضای موجود استفاده کنیم و برای نوشته ها از موارد طولانی و غیرقابل شکست (non-breaking) خودداری کنیم، در همین رابطه درج کدهای فلش غیر استاندارد، درج پلیرهای وب با ابعادی بزرگتر از بلاک دربرگیرنده آنها و مواردی از این دست نیز می توانند موجب بهم ریخته شدن قالب وب شوند.

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


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

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


دستکاری شدن قالب ها و پاک شدن برخی تگ ها نیز از دلایل شایع بهم ریخته شدن آنها است، هر چند ممکن است تجربه و آشنایی کافی با تگ ها و اصول برنامه نویسی وب را داشته باشیم، اما با این حال بهتر است قبل از اعمال هر نوع تغییری در قالب، ابتدا از آن پشتیبان تهیه کنیم که در مواقع لزوم بتوانیم وضعیت را به حالت سابق تغییر دهیم، با رعایت این نکات ساده می توان از بروز مشکل به هم ریختن قالب سایت و وبلاگ تا حدود زیادی پیشگیری کرد.
دسته بندی: مهارتهای وب » دانستنی ها
related مطالب بیشتر:
IP چیست و چه کاربردی دارد؟
چگونه با برنامه Outlook ایمیل ارسال و دریافت کنیم؟
حمله DDoS چیست و چگونه از آن جلوگیری کنیم؟
لیست کدهای وضعیت HTTP و معنی خطاهای سرور
آموزش کاربردی عبارات با قاعده (Regular Expressions)
دیدگاه
more ۳۷ دیدگاه برای این مطلب ارسال شده است.
more دیدگاه جدید بر اساس تاریخ ارسال در انتهای دیدگاه های موجود نمایش داده می شود.
نویسنده: صفری
۲۲:۳۲ ۱۳۹۶/۱۲/۱۰
سلام وقتتون بخیر
میخواستم راهنماییم کنید من از کد سررشته ای ندارم چند سال پیش یه وبلاگ درست کردم در حد دانش خودم قالب انتخاب کردم تا یک هفته پیش ایرادی نداشت امروز که نگاه میکنم میبینم اصلا کل قالب پریده.
لطفا اگر امکانش هست راهنماییم کنید.
پاسخ: 
متاسفانه سرویس بلاگفا طبق سیاست های خود به صورت دوره ای قالب وبلاگ های راکد (بدون بروز رسانی) را به حالت پیش فرض در می آورد! باید مجددا یک قالب برای وبلاگتان انتخاب کنید.
نویسنده: baran zabihi
۱۰:۵۶ ۱۳۹۷/۰۲/۰۹
سلام من وقتی از سیستم وارد وبلاگم میشوم همه چیش خوبه و هیچ بهم ریختگی نداره ولی وقتی با گوشی واردش میشم قالبش بهم ریخته میشه دلیلش چیه؟
پاسخ: 
احتمالا قالب وبلاگ برای مرورگرهای تلفن همراه سازگار نشده است، اگر آدرس وبلاگتان را درج می کردید امکان بررسی بیشتر وجود داشت!
نویسنده: تارا
۱۴:۳۵ ۱۳۹۷/۰۲/۳۰
سلام خسته نباشید
چند وقت بود به وبلاگم سر نزده بودم وقتی بازش کردم قالبش بهم ریخته بود امکانتی که بهش اضافه کردم از بین رفتن قالب کپی میکنم نمیشه همه چیزش بهم ریخته لطفا کمکم کنین
پاسخ: 
مشکل تغییر خودکار قالب و حذف کدها به سیاست بلاگفا در خصوص صفحات غیرفعال مربوط می شود و متاسفانه در این مورد کمک خاصی نمی توان کرد، در مورد عدم درج کد قالب جدید اگر خطایی دریافت می کنید لطفا متن خطا را درج کنید، در اغلب موارد این مشکل ناشی از وجود آدرس هایی در کد قالب است که از دید بلاگفا تبلیغی هستند، قالب را از چند منبع مختلف امتحان یا یکی از قالب های پیش فرض بلاگفا را جایگزین نمائید.
نویسنده: ابوذر
۱۰:۲۹ ۱۳۹۷/۰۳/۱۱
سلام خدا قوت
وقتی مقالات سایتم باز میکنم داخل مرورگرها بهم ریختگی داره لطفا راهنماییم کنید هر کس تو گروها میپرسم جواب خاصی نمیدن
مقاله برای نمونه چرا پسته خیلی گران است
پاسخ: 
در خروجی HTML سایت بلاک div خالی با کلاس col-md-3 col-sm-12 related-product دیده می شود که در کنار بلاک مربوط به نمایش توضیحات قرار گرفته است، برای رفع مشکل کد قالب سایت باید بررسی و بر طبق هدف مد نظرتان ویرایش و بازنویسی شود که قاعدتا این کار را باید یک برنامه نویس یا طراح قالب انجام دهد.
نویسنده: محسن
۰۷:۳۱ ۱۳۹۷/۰۴/۱۲
سلام
استایل سایت من به هم ریخته
علتش رو میشه بگین؟
پاسخ: 
طبق بررسی ما ظاهرا رفع مشکل قالب سایتتان به سادگی ممکن نیست، استایل های CSS و کدنویسی HTML قالب باید به صورت جزء به جزء بررسی و رفع اشکال شوند که فرآیندی زمانبر است!
نویسنده: mohsen.t
۱۳:۳۷ ۱۳۹۷/۰۵/۰۴
سلام. بنده فونت iransans رو وقتی فراخوانی میکنم در کنار صفحه فضای خالی بوجود میاد. برای رفع این مشکل راهنمایی کنید. ممنون
پاسخ: 
لطفا آدرس یک نمونه صفحه را درج کنید تا امکان بررسی وجود داشته باشد.
نویسنده: فریبا
۱۴:۴۳ ۱۳۹۷/۰۷/۱۶
سلام. علت اینکه متنی رو از word تو سایت کپی می کنیم و علایم نگارشی درش به هم می ریزه چیه؟
پاسخ: 
برنامه Word از کدهای خاصی برای فرمت بندی استفاده می کند که در وب کاربردی ندارند، بهترین راه حل کپی متن از Word در یک ویرایشگر متنی ساده مانند Notepad ویندوز و سپس کپی از Notepad و انتقال آن به ویرایشگر وبسایت است.
نویسنده: ابوذر
۱۵:۲۱ ۱۳۹۷/۱۱/۰۴
سلام قالب سایتم بهم ریخته لطفا راهنماییم کنید
پاسخ: 
سایت بررسی و مشکل خاصی مشاهده نشد؟! در صورت تداوم مشکل لطفا با جزئیات سوالتان را مطرح کنید تا امکان راهنمایی وجود داشته باشد.
نویسنده: سادات
۰۷:۰۳ ۱۳۹۸/۰۳/۱۳
سلام
تا دیروز وبلاگم مشکل نداشت، امروز یهو قالبی که دو ساله ازش دارم استفاده می کنم حذف شده و وبلاگ به قالب اولیه خودش برگشته، علت چیه قالب هم استاندارد بوده و الان دو ساله که روی وبلاگم هست
پاسخ: 
این موارد مستقیما به سیاست ها و مسائل فنی سرویس دهنده وبلاگ برمی گردد و باید با پشتیبانی سرویس دهنده وبلاگ مطرح شود، متاسفانه در اغلب موارد پشتیبانی سرویس های داخلی پاسخگو نبوده و قالب قبلی وبلاگ بازگشت پذیر نیست!
نویسنده: مریم
۱۱:۵۹ ۱۳۹۸/۰۷/۲۴
سلام روز بخیر.
میخواستم در مورد قیمت سایت بپرسم کسی آشنا ندارم بپرسم ببخشید که از شما میپرسم . چند بار توی زمینه های مختلف برنامه نویسی ازتون کمک خواستم همیشه به جواب رسیدم . ممنونم.
یک سایت فروشگاهی برای خرید محصولات گرافیکی (طرح های لایه باز) هست.
زبان سایت انگلیسی
برای فروش محصولات دو روش وجود دارد.
اول به صورت مهمان خرید کند و پرداخت و لینک دانلود فایل ها به ایمیل ارسال شود.
دوم سه تا بسته (مثلا طلایی، برنز و نقره ای) با قیمت های مختلف وجود دارد که ثبت نام میکنن مبلغی پرداخت میکنند اعتبار داده میشود.
با یوزر و پسورد وارد میشوند و میتوانند با توجه به اعتبار خرید کنند و از اعتبار کم میشود.
این سایت یک پنل مدیریتی برای ادمین سایت دارد که میتواند محصول جدید بگذارد و برچسب تعیین کند.
تراکنش های مشتریان را ببیند و در کل یک سری آیتم که مربوط به مدیریت میباشد.
میخواستم بدونم هزینه چنین سایتی برای برنامه نویس چقدر هست البته یک حدود قیمتی شاید قیمت شرکت ها و شهر ها باهم فرق داشته باشه میخواستم یک میانگین قیمتی بدونم. ممنون.
پاسخ: 
در بحث محاسبه هزینه اجرای پروژه های برنامه نویسی وب تخمین مدت زمان مورد نیاز برای انجام کامل کار اهمیت عمده دارد، فاکتور دوم نیاز به برنامه نویسی و سیستم اختصاصی یا رضایت مشتری به استفاده از برنامه های آماده و سفارشی سازی آنها است، همچنین مقوله آموزش و پشتیبانی را نیز باید در نظر بگیرید، گاهی روند پشتیبانی و آموزش مشتری از طراحی پروژه اولیه نیز بیشتر زمان می برد!
در هر صورت با جمیع این شرایط در مورد نمونه پروژه عنوان شده در حالت برنامه نویسی اختصاصی در حال حاضر:
- طراحی، برنامه نویسی و راه اندازی هسته سایت در حدود 600 تا 1 میلیون 200 هزار تومان.
- سیستم خرید به صورت مهمان در حدود 500 تا 1 میلیون تومان
- سیستم خرید اعتباری در حدود 700 تا 1 میلیون و 400 هزار تومان.
- سیستم ثبت نام کاربران در حدود 400 تا 800 هزار تومان.
- پنل مدیریت برای ادمین در حدود 600 تا 1 میلیون و 200 هزار تومان.
مجموعا حداقل 2 میلیون و 800 هزار تا 5 میلیون و 600 هزار تومان با پشتیبانی و آموزش معمول می توان قیمت تعیین کرد.
در صورت رضایت به استفاده از برنامه های آماده (مانند وردپرس) به عنوان پایه کار می توانید کف قیمت را ملاک قرار دهید.
نویسنده: امیر
۱۱:۲۱ ۱۳۹۸/۱۲/۱۲
سلام من وقتی کلید های ctrl+alt+فلش بالا رو میزنم همه چیز به هم میریزه. چرا
پاسخ: 
لطفا آدرس وبلاگ را جهت بررسی درج کنید، دکمه هایی که نام برده اید برای تغییر جهت تصویر صفحه نمایش است و تاثیری بر قالب صفحه نباید داشته باشد!
نویسنده: sepehr
۱۹:۳۴ ۱۳۹۹/۰۱/۲۹
سلام من یک صفحه وب ساخته بودم بعد اونو به یک صفحه دیگه که تازه درست کرده بودم لینک دادم همینکه اینکارو کردم قالب صفحه اولی به هم ریخته و لینکو حذف کردم تغییری نکرد
پاسخ: 
صرف ایجاد لینک نباید تاثیری در بهم ریختن قالب داشته باشد مخصوصا اینکه لینک را حذف کرده اید، مگر اینکه به اشتباه قسمتی از کدنویسی صفحه دستکاری و ناقص شده باشد که نیاز به بررسی سورس کدها است.
نویسنده: سعادتی
۱۷:۴۰ ۱۳۹۹/۰۷/۲۰
سلام کاش روش برطرف کردن این بهم ریختگی رو هم توضیح میدادید. ممنون
پاسخ: 
روش بر طرف کردن بهم ریختگی قالب تنها پس از بررسی و تست مشخص می شود، ممکن است ایراد جزئی و ناشی از حذف چند تگ ساده باشد یا اینکه ایراد اساسی و نیاز به بازطراحی کلی قالب باشد که در هر صورت نمی توان یک نسخه واحد برای تمام موارد توصیه کرد.
نویسنده: بی نام
۲۳:۱۶ ۱۳۹۹/۰۹/۲۳
سلام من دنبال BELAGFA.COM میگردم تا وبلاگم رو کنترل کنم اما هرجا میگردم نیست
پاسخ: 
آدرس صحیح سایت بلاگفا blogfa.com است.
نویسنده: محمود رنجبر
۱۸:۰۴ ۱۳۹۹/۱۰/۱۷
سلام برادر مشکل من تو همین سایتی هست که فرستادم وقتی گزینه خانه رو کلیک میکنم و بعد دکمه بک گوشی رو میزنم بالای صفحه سایت قسمت تاریخ و ساعت بهم میریزه فقط توی مرورگر کروم بقیه مثل اپرا و سامسونگ و ... درست نشون میده از css grid استفاده کردم ممنون میشم یه بررسی داشته باشید و علتش رو بهم بگید سپاس از سایت خوبتون اگه میشه جواب رو به ایمیل بفرستید تشکر
پاسخ: 
با چند مرورگر مختلف سایتتان بررسی شد و مشکلی که اشاره کردید وجود نداشت، ممکن است باگی در نسخه فعلی مرورگرتان وجود داشته باشد که با به روز رسانی رفع شود، در صورت پابرجا بودن مشکل لطفا یک فیلم از سایتتان تهیه و لینک را ارسال کنید تا بررسی گردد.
more لطفا پیش از ارسال دیدگاه نکات زیر را مد نظر داشته باشید:
- به سوالات کلی، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق و خطایابی میسر باشد.
- تمام دیدگاه ها خوانده شده و برای هر کاربر مدت زمان محدودی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.
- در مواردی که امکان رفع مشکل در زمان متداول میسر نباشد ممکن است نیاز به ارجاع و ثبت سفارش در بخش برنامه نویسی باشد که در اینصورت اطلاع رسانی خواهد شد.



 refresh
10 × 10
1 × 9
20 × 20
=
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
دنیز
در:
یک صفحه html طراحی کنید که در آن از event و effect های jquery استفاده شده باشد
۱۴۰۱/۰۳/۰۷

Zahra
در:
سلام وقت بخیر ببخشید من از روش شی گرا استفاده کردم ولی به کلمه ای که جلوی new مینویسم ارور میده میخوام به...
۱۴۰۱/۰۳/۰۶

سید هدایت محمدی
در:
با سلام از مطالب سایتتون و زحمات شما واقعا قدردانی میکنم که این همه وقت گران بهایتان رو برای کمک به این عزیزان میکنید ...
۱۴۰۱/۰۳/۰۵

پـــرتو
در:
هیچی درست شد ممنونم خیلی ممنونم ازتون من جای بدی گذاشته بودم ممنونم از شما :)
۱۴۰۱/۰۳/۰۴

پـــرتو
در:
سلام خسته نباشید شرمنده مزاحم میشم اون کد درست شد ولی برای این کد که داده بودین: اگر یادتون باشه برای فاصله بین ستون...
۱۴۰۱/۰۳/۰۴

پـــرتو
در:
سلام خسته نباشید ببخشید میشه راجع به این کدی که گذاشتین بیشتر توضیح بدین دقیقا باید همینو بزارم و دقیقا کجا باید بزارم اخه هر...
۱۴۰۱/۰۳/۰۲

محمدرضا
در:
خیلی ممنون که جواب دادید یه سوال دیگه هم داشتم البته شرمنده چطور می شه وقتی کاربری فرمی رو توی سایت پر می کنه...
۱۴۰۱/۰۳/۰۱

پرتو
در:
اوکی ممنونم از جوابتون
۱۴۰۱/۰۳/۰۱

محمدرضا
در:
با سلام و خسته نباشید ببخشید این لینک رو نگاه کنید: چطور میشه با استفاده از توضیحات گفته شده اطلاعات یک کارت رو...
۱۴۰۱/۰۳/۰۱

پـــرتو
در:
سلام خسته نباشید شرمنده مزاحم میشم برای فاصله دادن بین هر پست باید از چه کدی استفاده کرد؟ یعنی می خاستم اگه میشه بین پست...
۱۴۰۱/۰۲/۳۰

بهار
در:
سلام من تازه شروع کردم به یادگیری html مشکلم اینه که وقتی در تگ p متن فارسی می‌نویسم برای ویرایش خطاهای املایی پوینتر...
۱۴۰۱/۰۲/۲۶

مبینا
در:
کد خطای ۱۰۲۶۳۰ چی هست بعضی سایت های انلاین فیلم و سریال برام میاره ؟
۱۴۰۱/۰۲/۲۶

پرتو
در:
چشم حتما در اولین فرصت بهتون ایمیل میکنم
۱۴۰۱/۰۲/۱۹

پرتو
در:
سلام خسته نباشید شرمنده مزاحم میشم عه ببخشید قالبم یکی دو تا ایراد کوچیک داره که اگه میشه لطفا بهم بگید چطوری برطرفش کنم خب...
۱۴۰۱/۰۲/۱۸
  در انتظار بررسی: ۰
 پاسخگویی به سوالات ممکن است تا 24 ساعت زمان ببرد.