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

[Ali 143]

سلام

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

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

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

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

ممنون

[NESTED 4295]

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

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

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

[Ali 143]

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

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

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

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

ممنون

[Morteza 34190]

سلام

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

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

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

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

موفق باشید

[Ali 143]

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

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

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

---------

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

[Morteza 34190]

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

خیر.

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

[Ali 143]

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

بله ببینید

این عکس هدر هست 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> بزارم میاد روی هدر اگه بعدش بزارم میاد پایین ! ولی پشتش نمیره

[Morteza 34190]

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

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

[Ali 143]

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

این ویژگی رو من فقط در صفحه اصلی لازم دارم خوب کد رو در هدر بین تابع <?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 } ?>

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

[Morteza 34190]

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

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