سلام به همه ی دوستان عزیز امروز با آموزش ساخت خبرنامه ی فیدبرنر feedburner در خدمتتون هستیم, یکی از ابزارهای قدرتمند گوگل ابزار فیدبرنر (feedburner) می باشدکه می توان با استفاده از آن یک خبرنامه ی حرفه ای برای سایت ایجاد کرد این خبرنامه برای هر وب سایت مناسب می باشد یعنی فقط برای وردپرس نیست و می توان از ان در سایت ها و وبلاگ های دیگر استفاده کرد.
خوب برای این کار ابتدا به این آدرس برید: feedburner.google.com
باید شما اکانت جیمیل داشته باشید تا بتوانید از این سرویس استفاده کنید , اگر شما اکانت gmail ندارید می تونید به این ادرس برید و برای خود یک حساب کاربری ( ایمیل ) ایجاد کنید. mail.google.com/ وقتی وارد این قسمت شدید یک گزینه در بالای صفحه وجود دارد به نام SIGN UP با کلیک روی این گزینه می توانید اطلاعات خود را وارد کنید و به راحتی یک جیمیل برای خود بسازید. ( رایگان هم هستش )
خوب بعد از اینکه به آدرس فیدبرنر رفتید از شما آدرس جیمل و پسوورد می خواهد تا وارد ابزار feedburner شوید.
بعد از اینکه اطلاعات جیمیل خود را وارد کردید وارد ابزار فیدبرنر می شوید که شبیه تصویر زیر می باشد. 
همون طور که در تصویر مشخص کردیم داخل اون کادر آدر فید سایتتون رو وارد کنید , اکثرا آدرس فید سایت به این صورت هستش مثلا وب سایت ما ( bigtheme.ir/feed ) آخرش یه /feed داره. داخل کادر اون آدرس رو بنویسید و بعد تیک گزینه ی روبه روشم بزنید و بر روی next کلیک کنید. اگر آدرس رو اشتباه بزنید قبول نمیکنه و خطا میده.
در مرحله ی بعدی , بعد از اینکه آدرس فیدتون رو وارد کردید کادری باز میشه شبیه تصویر بالا و عنوان سایتتون رو نشون میده به صورت پیش فرض عنوان فعلی سایتتو رو میشه عنوان فید برنرتون ( میشه گفت اسم فیدبرنر میشه ) , در کادر پایینشم آدرس ایجاد شده برای شما ر ونشون میده. خوب روی گزینه ی next کلیک کنید.در مرحلهی بعد کادری باز میشه که اگر قسمت بالای کادر رو نگاه کنید میبینید که سه مرحله هستش برای شخصی سازی ( اینجا توضیحی نمی خواد در این سه مرحله روی گزینه ی next کلیک کنید )
مرحله ی بعدی مشخص کردن اشتراک ایمیلی می باشد. به تصویر زیر نگاه کنید…
ابتدا روی گزینه ی punlicize کلیک کنید سپس از سمت چپ روی گزینه ی Email Subscriptions که در تصویر مشخص شده کلیک کنید. بعد از اینکه روی این گزینه کلیک کردید یه محتوایی نشون میده که آخرش یه دکمه ی Activate داره روی این گزینه کلیک کنید. مرحله ی پایانی هم شبیه تصویر زیر می باشد.
همون طور که در تصویر مشخص شده ( برای بزرگنمایی تصویر وری تصویر کلیک کنید سپس در قسمت سمت چپ بالای تصویر یه آیکون وجو داره که اگه بزنید تصویر کاملا یزرگ میشه ) در قسمت پایین تصویر مشخص کردیم اون نوشته باید حتما active باشه اگر نبود یه بار روی save کلیک کنید تا active بشه. کادر بالایی هم که مشخص شده کدی هستش که باید داخل قالب سایتتون قرار بدید تا فرم خبرنامه رو ایجاد کنه . برخی تغییراتم می تونید انجام بدید مثلا بالای فرم ایجاد شه به انگلیسی نوشته خبرنامه ی ایمیلی که می تونید اون و پاک کنید و به جاش فارسی شو بنویسید. در ضمن اگر کمی هم css بلد باشید می تونید یه فرم خیلی شیک درست کنید . اگر لازم شد بگید تا ایجاد یه فرم زیبا رو هم براتون آماده می کنم.
خوب دوستان خسته نباشید کافیه کد رو در قالب سایتتون قرار بدید تا فرم نشون داده بشه برای امتحان هم ایمیل خود را وارد کنید ببینید که چطور کار میکنه. بعد از اینکه کسی در خبرنامه ی شما اشتراک ایجاد کرد بعد از اون هر مطلبی که شما در سایت قرار بدید مطلب از طریق فیدبرنر ایجاد شده مطالب رو برای مشترکین ایمیل می کنه.
خبرنامه ی فیدبرنر feedburner به سبک بیگ تم
دوستان زیادی درخواست داده بودن که استایلی که ما خودمون برای خبرنامه استفاده می کنیم رو قرار بدیم در زیر می توانید کدهای لازم رو در سایت خودتون به کار ببرید.
کد خبرنامه که فیدبرنر میده رو ما به شکل زیر تغییر دادیم
<!-- https://bigtheme.ir -->
<div class="wpnewsletter">
<img src="<?php bloginfo('template_url'); ?>/images/mail.png">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bigtheme/eRAD', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" value="آدرس ایمیل شما" onblur="if(this.value=='') this.value='آدرس ایمیل شما';" onfocus="if(this.value=='آدرس ایمیل شما') this.value='';" name="email"/><input type="hidden" name="uri" value="bigtheme/eRAD"><input type="hidden" name="loc" value="en_US"/><input type="submit" value="مشترک خبرنامه شوید !" /></form>
</div>
بخش های لازم رو که به فید سایت شما مربوط میشه رو تغییر بدید توجه داشته باشید در کد بالا مسیر یک تصویر هم وجود داره به مسیر images/mail.png که باید داخل پوشه قالب شما پوشه ای به نام images باشه و تصویر مورد نظر با نام mail.png داخل این پوشه باشه تا کنار فرم نمایش داده بشه. و بعدش کد زیر رو در فایل style.css قالب وردپرس خودتون قرار بدید.
.wpnewsletter { with:95% ; padding:5px ; margin:5px ; background:#ee4056 ; border: 2px solid #be2337; border-radius:5px }
.wpnewsletter img { float:right ; margin:15px 10px 10px 10px }
.wpnewsletter input[type=text] {font: 20px BYekan;
border: 2px solid #be2337;
padding: 5px;
color: #636363;
width: 240px !important;
margin: 23px 5px;}
.wpnewsletter input[type=submit] {
background-color: #be2337 !important;
background: #be2337 !important;
-webkit-box-shadow: inset 0 0 #9a1c22;
-moz-box-shadow: inset 0 0 #9a1c22;
box-shadow: inset 0 0 #9a1c22;
border: solid 1px #9a1c22;
text-align: center;
color: #fff;
font: 20px BYekan;
padding: 4px 10px;
margin: 10px;
width: 195px;
}
همین با این استایل ساده می تونید استایل خبرنامه سایت رو تغییر بدید.
امیدوارم این آموزش مفید بوده باشه براتون … بهترین ها رو براتون آرزو می کنیم …
منبع : بیگ تم
لینک کوتاه: https://bigtheme.ir/?p=1035