wordpres

عدم نمایش یکسان سایت در مرورگرها

14 پست در این موضوع قرار دارد

سلام

من یه قالب طراحی دارم میکنم که تا وقتی قالب html-css بود توی همه مرورگرها اوکی بود ولی وقتی الان wp کردمش توی مروگر کروم از بالا کل قالب یه 30-40 پیکسلی فاصله داره

قضیه چیه؟؟ جی باید بکنم؟؟ مشکل از چیه؟؟

0

به اشتراک گذاری این پست


لینک به پست

فاصله ی سفید الکی؟

باید اینکدش رو این گزینه باشه:

Encode in UTF-8 without bom

(notepad++ » Encoding » Encode in UTF-8 without bom)

1

به اشتراک گذاری این پست


لینک به پست

یک فایل css reset از سایت زیر بگیرین :

http://www.cssreset.com

ابتدای فایل استایل خودتون اضافه کنید احتمالا مشکل رفع میشه ! موفق باشید

3

به اشتراک گذاری این پست


لینک به پست

صفحه اصلی / وبلاگ / مشکل فاصله بالای صفحه قالب وردپرس

۱۴ دی ۱۳۹۲

446 بازدید

۲ دیدگاه

%D9%81%D8%A7%D8%B5%D9%84%D9%87-%D8%A7%D8%B2-%D8%A8%D8%A7%D9%84%D8%A7%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D9%82%D8%A7%D9%84%D8%A8-%D9%88%D8%B1%D9%BE%D8%B1%D8%B3-300x127.jpg

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

این فاصله در سی اس اس به شکل زیر دیده میشه:

1 html {

2 margin-top: 28px !important;

3 }

شکل اون هم در قالب به شکل زیر میشه:

%D9%81%D8%A7%D8%B5%D9%84%D9%87-%D8%A7%D8%B2-%D8%A8%D8%A7%D9%84%D8%A7%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D9%88%D8%B1%D9%BE%D8%B1%D8%B3.jpg

فاصله-از-بالای-صفحه-ورپرس

برای این کا ر راه حلهای مختلفی وجود دارد که من راه بهترین راه حل جهت رفع این مشکل رو بیان می کنم:

اگر در قالب خود کد زیر را در header.php دارید:

1 <?php wp_head(); ?>

باید کد زیر رو در فایل footer.php دقیقا قبل از تگهای body/ و html/ قرار بدید:

1 <?php wp_footer(); ?>

یا اینکه این کد رو function.php قالب خودتون قرار بدید تا نوار ابزار وردپرس حذف شده و مشکلتان حل شود:

1 function my_function_admin_bar(){ return false; } 2 add_filter( 'show_admin_bar' , 'my_function_admin_bar');

0

به اشتراک گذاری این پست


لینک به پست

چه کاریه اینکارا لازم نیست ! ی فایل استایل ریست ساده اضافه کنید تازه قالبتنون استاندارد هم میشه !

1

به اشتراک گذاری این پست


لینک به پست

سلام

من از css reset استفاده کردم اما نمیشه

یه مشکل دیگه هم که هست من برای منو هام آیکون گذاشتم که توی کروم نشون داده نمیشه اما توی فایرفاکس اوکیه

0

به اشتراک گذاری این پست


لینک به پست

شما می توانید یک استایل اختصاصی به نام all-version-of-ie.css برای ie بسازید و به اینصورت فراخوانی کنید و ایرادات را در آن رفع کنید. با این کار این استایلها فقط در ie اعمال می شوند:


<!--[if IE ]>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/all-version-of-ie.css" media="screen" type="text/css" />
<![endif]-->

0

به اشتراک گذاری این پست


لینک به پست

خب من الان یه مشکل دیگه ای هم که دارم اینه که آیکون منو ها رو نشون نمیده

0

به اشتراک گذاری این پست


لینک به پست

اگر قالب رو خدتون طراحی کردید از اولش باید از reset استفاده کنید وگرنه باید بشینید باگ گیری کنید تو مرورگرهای مختلف

0

به اشتراک گذاری این پست


لینک به پست

من از اول استفاده کردم ازش و هیچ مشکلی نداشت تا وقتی که به وردپرس تبدیلش کنم :|

الان که به وردپرس تبدیلش کردم اینطور شده

0

به اشتراک گذاری این پست


لینک به پست

برای فاصله ها استایل زیر رو اضافه کنید


*{padding:0;margin:0}[/left]


[left]

همچنین خط های زیر را در فایل Functions.php اضافه کنید


function my_function_admin_bar(){return false}
add_filter( 'show_admin_bar' , 'my_function_admin_bar');

----------------------------------------------------------------

برای آیکن های هم display:block و height و width حتماً ذکر شود.

موفق باشید

0

به اشتراک گذاری این پست


لینک به پست

سلام

اون کدی که شما دادین رو زدم ولی سایت رو خواستم باز کنم ارور داد

الان سایت داخل کروم به صورت زیره :

Screenshot-27-.png

و سایت در فایرفاکس اینجوریه که باید همینجوری باشه :

Screenshot-28-.png

0

به اشتراک گذاری این پست


لینک به پست

دوستان کسی نمیدونه دلیلش از چیه؟

0

به اشتراک گذاری این پست


لینک به پست

کسی نمیدونم چی باید بکنم؟؟

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری