در این پست قصد دارم کدی رو معرفی کنم که با استفاده از اون می تونید در سایتتون بخش تبلیغات متنی حرفه ای راه اندازی کنید دوستان زیادی درخواست داده بودن تا کدها و استایل استفاده شده در سایت خودمون رو معرفی کنیم , همون طور که می دونید امروزه گوشه کنارهای هر سایتی رو بخش تبلیغات تشکیل میده چه به صورت بنر یا متن.
تبلیغات متنی حرفه ای به سبک بیگ تم – سزار ( 3zar )
لازمه در اینجا کمی در رابطه با تبلیغات بگم که به سئو مربوط میشه وقتی لینک سایتی رو به عنوان تبلیغ در سایت قرار میدیم باید این تبلیغات به صورت nofollow باشه قبلا درباره ی لینک های nofollow صحبت کردیم در ستون سمت راست بخش جست و جو کی تونید این مورد رو جست و جو کنید , چرا باید nofollow داشته باشن اولا تا ارزش سایت شما پایین نیاد , دوما به خاطر سایتی که تبلیغ میده اگر لینک رو nofollow نکنید پس لینک میشه foloow یا همون dofollow و این سبب خطر برای سایتی هست که تبلیغ داده در برخی سایت ها دیده شده می نویست تبلیغات follow که با dofollow متفاوته و هزینه زیادی می گیرن … خوب زیاد از بحث خارج نشیم در اینده در این رابطه پست جداگانه ای قرار خواهیم داد.
استایل بخش تبلیغات متنی
نحوه ایجاد تبلیغات متنی خیلی ساده هست , شما با استفاده از ابزارک متن وردپرس به راحتی می تونید این بخش رو در سایتتون راه اندازی کنید البته برای قرار دادن تبلیغات متنی در ستون کناری سایت مثل سایت bigtheme این امکان رو در یکی از نسخه های قالب صحیفه اضافه کرده بودیم با قالب صحیفه کاملا سازگاری داره , خوب ابتدا کدهای زیر رو به فایل style.css قالب خودتون اضافه کنید.
/* text ads style (share in https://bigtheme.ir) */
.text-ads {
border: 1px solid #DEDEDE;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 9px 5px -4px rgba(0, 0, 0, 0.5);
margin-bottom: 20px;
}
.text-ads h2 {
background: url("images/wp-ads.jpg") no-repeat scroll left top transparent;
font-size: 1em;
height: 18px;
margin: 0 0 10px;
overflow: hidden;
padding: 0 0 8px;
text-indent: -999em;
}
.widget-container .text-ads li{
margin-top:-12px;
margin-bottom:0;
}
.widget-container .text-ads li {
background:none;
padding:5px;
line-height: 18px;
overflow: hidden;
}
.text-ads li a, .text-ads li a:link {
background: none repeat scroll 0 0 #EDEDED;
color: #000000;
display: block;
margin: 10px;
padding: 7px;
transition: all 0.3s ease-out 0s;
}
.text-ads li a:hover {
border-radius: 20px 0 20px 0;
color: #FFFFFF;
}
.text-ads li a.ads-blue:hover {
background: none repeat scroll 0 0 #00449B;
}
.text-ads li a.ads-red:hover {
background: none repeat scroll 0 0 #A40003;
}
.text-ads li a.ads-orange:hover {
background: none repeat scroll 0 0 #F38F00;
}
.text-ads li a.ads-green:hover {
background: none repeat scroll 0 0 #6E9000;
}
.text-ads li a:hover .ads-desc, .text-ads li a:hover .ads-name, .text-ads li a:hover .ads-address {
color: #FFFFFF !important;
}
.text-ads span {
display: block;
}
.text-ads .ads-name {
background: url("images/hand.png") no-repeat scroll right center transparent;
color: #555555 !important;
font: 13px 'Byekan',Tahoma !important;
padding-right: 25px;
text-transform: uppercase;
}
.text-ads .ads-desc {
color: #666666 !important;
font: 13px 'Byekan',Tahoma !important;
text-transform: uppercase;
}
.text-ads .ads-address {
color: #069D00 !important;
direction: ltr;
text-align: left;
}
.text-ads a:hover{
text-decoration:none;
}
کد بالا رو به آخر فایل استایل اضافه کنید توجه داشته باشید برای فونت ها فونت Byekan تعریف شده که می تونید به فونت دلخواه خودتون تغییر بدید یا اگر از همین فونت خوشتون میاد و برای قالب شما این فونت تعریف نشده می تونید فونت Byekan رو به قالب خود معرفی کنید [ آموزش افزودن فونت به قالب ] نکته بعدی در کد بالا آدرس دو تصویر هست اگر بخش تبلیغات متنی سایت ما رو نگاه کنید یک تصویر دست وجود داره و یکی هم عنوان تبلیغ که به انگلیسی نوشته شده ads by bigtheme برای این دو تصویر باید تصاویر مورد نظرتون رو در پوشه images قالب قرار بدید می تونید تصاویر بخش تبلیغات ما رو ذخیره کنید تصویر دست که خوبه انتقال بدید به پوشه images تصویر عنوان هم در همین سایز با نام سایت خودتون ایجاد کنید و با نام مشخص شده در استایل در پوشه images قرار بدید.
خوب حال باید کدهای html مورد نظر رو با استفاده از ابزارک متنی که ابزارک پیش فرض وردپرس هستش به نمایش بزاریم برای این منظورابتدا به قسمت نمایش » ابزارک ها مراجعه کنید و ابزارک متنی رو در جایی که می خواهید تبلیغات قرار بگرا قرار بدید و سپس کدهای زیر رو داخل آن کپی کنید.
/* text ads html code (share in https://bigtheme.ir) */ <div> <h2>ads by freewp</h2> <ul> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>سایت وردپرس</span> <span>دانلود قالب , افزونه و آموزش وردپرس</span> <span>www.bigtheme.ir</span> </a> </li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.bigtheme.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.freewordpress.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/" original-title="تبلیغات متنی شما"> <span>تبلیغات متنی شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>www.bigtheme.ir</span> </a></li> <li><a rel="nofollow" target="_blank" href="http://www.freewordpress.ir/advertise" original-title="همین الان سفارش تبلیغات خود را بدهید"> <span>تبلیغات شما</span> <span>تبلیغات هزینه نیست سرمایه است</span> <span>Tell : +98123456789</span> </a></li> </ul> </div>
حال دکمه ذخیره در پایین ابزارک رو کلیک کنید , برید داخل سایتتون و ا تبلیغات متنی ایجاد شده لذت ببرید , امیدوارم اولین تبلیغ در بخش تبلیغات متنی که به سایتتون اضافه می کنید لینک سایت ما باشه 🙂 دوستانی که خواستن لینک ما رو به عنوان حمایت از ما در این بخش از سایتشون داشته باشن سایت ما رو با عنوان قالب های وردپرس و توضیح قالب وردپرس – افزونه وردپرس – آموزش وردپرس قرار بدن.
امیدوارم این آموزش از بیگ تم هم براتون مفید واقع بشه …