آموزش ساخت بخش حامیان ما

سلام , آموزش ساخت بخش حامیان ما رو می خوام در این پست بهتون بگم یک اموزش کوتاه و ساده با کدهایی که در این اموزش می خوام قرار بدم می تونید به راحتی در قسمت ابزارک های سایتتون لوگوی سایت دوستان و … رو قرار بدید.

آموزش ساخت بخش حامیان ما به صورت لوگو و تصویر

خوب برای این کار ابتدا به قسمت ابزارک ها در مدیریت وردپرس برید , سپس ابزارک پیش فرض وردپرس ( ابزارک متن و 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>

همون لینک رو کپی کنید و آدرس لینک و تصویر رو تغییر بدید و به همین ترتیب می تونید هر تعدادی که می خواید اضافه کنید.