چطور تصاویر نمونه کارها در وردپرس رو غیر قابل کلیک کنیم و افکت hover رو حذف کنیم
در این آموزش یاد میگیرن چطور تصاویر نمونه کار وردپرس رو کنترل کنین – قابلیت‌های hover و link رو حذف کنین.
ابتدا باید پوشه وردپرس رو باز کنین: wp-content/themes/your_theme_folder
شما میتونین چندین صفحه مرتبط با نمونه کارها رو پیدا کنین:
page-Portfolio4Cols.php
page-Portfolio3Cols.php
page-Portfolio2Cols.php
page-Portfolio1Cols.php
هر کدوم برای صفحات نمونه کار متفاوت با تعداد ستون‌های مختلف هست.
صفحه‌ای رو که برای صفحه موردنیاز به روزرسانی استفاده میکنین پیدا کنین و اون رو با هر ویرایشگر متنی باز کنین. شما میتونین تعداد زیادی کد ببینین اما تنها مواردی که نیاز دارین به شکل زیر هستن:
|
1 |
<a class="image-wrap touch-item" href="<?php echo $lightbox;?>" title="<?php the_title();?>"><img src="<?php echo $image ?>" alt="<?php the_title(); ?>" /><span class="zoom-icon"></span></a> |
برای حذف افکت roll over، فقط باید اسکریپت زیر رو از بلاکی که قبلا دیدین حذف کنین:
|
1 |
<span class="zoom-icon"></span> |
حذف ویژگی لینک هم به همین اسونیه. شما باید تصویر رو فقط در بلاک بذارین تا به شکل زیر باشه:
|
1 |
<img src="<?php echo $image ?>" alt="<?php the_title(); ?>" /> |
بعد از ویرایش قالب صفحه، اون رو ذخیره کنین و وبسایتتون رو بررسی کنین.
