سلام , آموزش ساخت بخش حامیان ما رو می خوام در این پست بهتون بگم یک اموزش کوتاه و ساده با کدهایی که در این اموزش می خوام قرار بدم می تونید به راحتی در قسمت ابزارک های سایتتون لوگوی سایت دوستان و … رو قرار بدید.
آموزش ساخت بخش حامیان ما به صورت لوگو و تصویر
خوب برای این کار ابتدا به قسمت ابزارک ها در مدیریت وردپرس برید , سپس ابزارک پیش فرض وردپرس ( ابزارک متن و html ) رو در یک مکان مناسب که می خواید لوگوی دوستانتون رو قرار بدید , قرارش بدید سپس کد زیر رو داخل آن کپی کنید و ذخیرش کنید
<div class="adsfriend"> <a href="https://bigtheme.ir/" rel="no-follow" target="_blank"> <img src="https://bigtheme.ir/wp-content/uploads/sahhfa-v-4.0.2.png"/> </a> </div>
بعد از ذخیره فایل , در قسمت مدیریت وردپرس در زیر منوی گزینه ی نمایش / ویرایشگر رو در تب جدید باز کنید و کد زیر رو به فایل style.css اضافه کنید
/* ads friend by: https://bigtheme.ir */
.adfriend{
width: auto;
height: 180px;
margin:auto;
}
.adfriend img{
width: 50px;
height: 50px;
float:right;
margin: 3px;
opacity: 0.75;
}
.adfriend img:hover{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
opacity: 1;
}
ذخیره کنید , می تونید نتیجه رو ببینید. کدی که داخل ابزارک متنی وردپرس قرار دادید رو باز کنید یک لینک تعریف شده به ادرس سایت بیگ تم و یه تصویر تصادفی قرار دادم , به جای آدرس بیگ تم آدرس مورد نظر رو وارد کنید و به جای آدرس تصویر ادر تصویر یا لوگوی دوستان و حامیان رو قرار بدید , همچین لینک دارای خاصیت no-follow هستش که از نظر سئو و بهینه سازی باید لینک های خارجی به این صورت باشه , ویژگی _blank هم سبب میشه لینک در تب جدید باز بشه.
برای افزودن لوگوی جدید قبل از تگ
</div>
همون لینک رو کپی کنید و آدرس لینک و تصویر رو تغییر بدید و به همین ترتیب می تونید هر تعدادی که می خواید اضافه کنید.
پینگ‌بک: افزونه ایجاد اسلایدر لوگو در وردپرس - قالب وردپرس | پوسته وردپرس | افزونه وردپرس | بیگ تم