خانه / کدهای HTML / آموزش ساخت بخش حامیان ما
درگاه, درگاه پرداخت, درگاه واسطه پرداخت, فری پی
آموزش ساخت بخش حامیان ما
آموزش ساخت بخش حامیان ما

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

آموزش ساخت بخش حامیان ماReviewed by هادی قربانی on Feb 7Rating: 4.0آموزش ساخت بخش حامیان ماآموزش ساخت بخش حامیان ما رو می خوام در این پست بهتون بگم یک اموزش کوتاه و ساده با کدهایی که در این اموزش می خوام قرار بدم می تونید به راحتی در قسمت ...

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

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

خوب برای این کار ابتدا به قسمت ابزارک ها در مدیریت وردپرس برید , سپس ابزارک پیش فرض وردپرس ( ابزارک متن و html ) رو در یک مکان مناسب که می خواید لوگوی دوستانتون رو قرار بدید , قرارش بدید سپس کد زیر رو داخل آن کپی کنید و ذخیرش کنید

 <div class="adsfriend">
 <a href="http://bigtheme.ir/" rel="no-follow" target="_blank">
 <img src="http://bigtheme.ir/wp-content/uploads/sahhfa-v-4.0.2.png"/>
 </a>
 </div>
 

بعد از ذخیره فایل , در قسمت مدیریت وردپرس در زیر منوی گزینه ی نمایش / ویرایشگر رو در تب جدید باز کنید و کد زیر رو به فایل style.css اضافه کنید

/* ads friend by: http://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>

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

باکس دانلود

18 دیدگاه

  1. ایا میشه لوگوی حامیان رو به صورت فایل فلش هم قرار داد
    مثلا مثله تصویر زیر
    البته با فرض این که لوگوها فلش باشن
    upload7.ir/imgs/2014-02/15906875249895195255.png

    • این سایت هایی که میبینید تصاویر متحرک دارن همشون فلش نیست مخصوصا این لوگوها , این تصاویر با فرمت gif درست میشن که متحرک هستن با نرم افزار های مختلفی م توان این تصاویر رو ایجاد کرد.

  2. از خاصیت no-follow
    چطور باید برای دیگرقسمتها استفاده کرد.منظور از دیگر قسمتها یعنی همه ی قسمتها!!!

    کلا همه لینکها در تب جدید!!

    • no-follow فقط برای لینک های خارجی استفاده میشه , و یعنی اینکه وقتی گوگل میاد تو سایت شما و این لینک رو میبینه وارد این لینک میشه اگه follow باشه ارزش سایت شما رو ایین میاره اما no-follow تاپیری نخواهد گذاشت. برای تب جدید target=”_blank” استفاده میشه.

  3. سلام من میخوام یه سوالی که ربطی به این بخش ندارد را بپرسم این که چگونه می شود نظرات را در وردرپرس در زیر مطالب اورد با تشکر

    • سلام
      داخل قالب های وردپرس یه فایلی وجود داره به نام comments.php که کد نویسی فرم نظر دهی هستش که در فایل single.php با کد فراخونی شده متاسفانه نمی تونم کدها رو اینجا قرار بدم جون به هم میریزن یک قالب اماده دانلود کنید کدهای فایل comment.php رو ببینید و داخل فالی single.php بعد از مطلب نحوه ی فراخونیش و ببینید چطوره در ضمن برای حرفه ای شدن فرم دیدگاه ها برخی کدها رو هم باید در فایل header.php و functions.php قرار بدید.

  4. سلام این ایمیل منه اگه براتون امکان پذیر بود اموزش کاملشو به ایمیل من بفرستید ممنون میشوم

  5. اموزش این که نظرات بیارم زیر مطلب

  6. با تشکر از شما

  7. مثل هميشه بينظير بود

  8. با سلام.ممنون آموزش خوبی بود.
    فقط دو نکته اینکه چطور می شود که وقتی موس را روی عکس می آوریم نام فارسی آن را هم نمایش دهد.دوم اینکه یک مشکل بزرگ هست اینکه عکس ها را با اضافه کردن کد زیر هم قرار می گیرند و به صورت یک خط عمودی پایین می آیند چطور میشه تنظیم کنیم تا مثلا 4 تا کنار هم باشن و بقیه زیر این 4 تا؟
    با تشکر ممنون دوست عزیز.

    • برای حالت هاور که متن ظاهر بشه میشه با css و js این کار و کرد
      نحوه نمایش اگه به تصویر این پست نگاه کنید میبینید کنار هم هست احتمالا در سایت شما به دلیل اختلال css به ای صورت نمایش داده میشه

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


تخفیفات و بروز رسانی و اطلاعات جدید سایت در کانال تلگرام ما bigtheme_ir@
Hello. Add your message here.

دنبال کردن