Ali

دادن لینک به هدر

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

سلام

چطوری میتونم به عکسی که هدر سایتم وجود داره لینک بدم؟

عکس به صورت معمولی در header.php قرار نداره!

در header.php با تابع <div class="wa-header"> فرخوانی شده که آدرس عکس هم در style.css موجوده !

چطوری میتونم به عکسی که هدره لینک بدم و تگها alt و ... رو اضافه کنم؟ این کار در هدر صورت میگیره یا سی اس اس ؟

ممنون

0

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


لینک به پست

ساده ترین شکل ممکن

<a href="#"><div class="wa-header"></div></a>

البته اگر ما بین این div بخشی دیگه تریف نکرده باشین

3

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


لینک به پست

ممنون لینک داده شد. :)

حالا 1 مشکل بوجود اومد و 1 قسمتش تکمیل نشد.

مشکلی که به وجود اومده اینه که navbar زیادی سمت راست رفته و در گوگل کروم بخاطر پیشرفتی که داشته اسکرول واسه قسمت پایینش گذاشته

و قسمتی که تکمیل نشده نداشتن alt برای عکس هست که نمیدونم چطوری بزارم

ممنون

0

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


لینک به پست

سلام

وقتی عکسی نیست طبیعتا alt هم وجود ندارو

استفاده از مد بالا هم ممکن هست در ولیدیتور w3 خطا ایجاد کنیه.

بهتر هست شما یک عکس فضای خالی (spacer) ایجاد کنید.

به اینصورت که در فتوشاپ به اندازه عکس موردنظرتون یک فضای خالی ایجاد و بصورت png ذخیره کنید. بعد اون رو بجای عکستون قرار بدید و بهش alt بدید. بعد هم چون این فقط یک فضای خالی هست میتونید بهش بکگران بدید که همون عکس اصلیتون هست.

موفق باشید

1

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


لینک به پست
وقتی عکسی نیست طبیعتا alt هم وجود ندارو

چرا یه عکس وسطه و کنارهاش با سی اس اس رنگ کردم

منظورم دادن alt به همون عکس وسطی هست که ممکنه گاهی لود نشه !

---------

و منظورتون از قسمت دوم نوشته تون اینه که کد نمایش عکس رو از سی اس اس بردارم و به صورت مسقتیم در هدر بزارم و alt و لینک بدم؟

0

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


لینک به پست

نمونه آنلاین داره تا بتونم در عمل ببینم؟

خیر.

شما یک عکس خالی و هم اندازه عکس اصلی در هدر میزارید و عکس اصلی در همون css به عنوان بکگراند عکس خالی لود میشه.

1

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


لینک به پست
نمونه آنلاین داره تا بتونم در عمل ببینم؟

بله ببینید

این عکس هدر هست http://p30af.com/wp-content/themes/P30AF-V2/images/header.png که در وسط قرار میگیره و کنارهای این عکس، با سی اس اس رنگ شده http://p30af.com/wp-content/themes/P30AF-V2/style.css

---

شما یک عکس خالی و هم اندازه عکس اصلی در هدر میزارید و عکس اصلی در همون css به عنوان بکگراند عکس خالی لود میشه.

این کارو کردم

اگه قبله <div class="wa-header"></div> بزارم میاد روی هدر اگه بعدش بزارم میاد پایین ! ولی پشتش نمیره

0

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


لینک به پست

نه دیگه داخل همون باید بزارید.

ببینید این عکس انگار همون لوگوی شماست میره توی div. بعد شما به اون div بکگراند بدید.

1

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


لینک به پست

بالاخره به کمک شما تونستم :)

این ویژگی رو من فقط در صفحه اصلی لازم دارم خوب کد رو در هدر بین تابع <?php if(is_home()): ?> ..... <?php endif; ?> قرار دادم

که در نهایت اینجوری شد


<?php if(is_home()): ?>
<h1><div class="wa-header"><a
href="http://p30af.com" title="دانلود"><img
src="http://p30af.com/wp-content/themes/P30dAF
-V2/images/p30af.png" height="876" width="160"
alt="دانلود نرم افزار" title="دانلود رایگان"></div></a></h1>
<?php endif; ?>

در باقی صفحات، آرشیو، دسته بندی ها و .. تنها باید <div class="wa-header"> باشه

برای این ویژگی باید اینجوری کد بنویسم؟

<?php if ( is_single() ) || is_page() || is_category() || is_tag() || is_date() || is_archive() || is_search() || is_trackback() { ?>

............. <?php } ?>

این روش کردم ولی ایرور داد، نشد! یه کد خلاصه تر نداره که دستور بده به جزء صفحه اصلی همه جا نشون بده؟

0

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


لینک به پست

یک پرانتز جابجا بود:

<?php if ( is_single() || is_page() || is_category() || is_tag() || is_date() || is_archive() || is_search() || is_trackback()) { ?>
.............
<?php } ?>

1

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


لینک به پست

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

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

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

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


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

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

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


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