وردپرس یار | قالب وردپرس | افزونه وردپرس | آموزش وردپرس

دسته: وردپرس فارسی

آموزش نحوه کپی کردن دیتابیس وردپرس در phpmyadmin

در این آموزش وردپرس یار قصد دارد نحوه duplicate یا کپی کردن دیتابیس وردپرس در phpmyadmin را به شما آموزش دهد.

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

برای اینکار ابتدا وارد هاست خود شوید و اگر از cpanel استفاده می کنید وارد آن شوید و طبق تصویر phpmyadmin را انتخاب کنید.

توجه داشته باشید که اگر شما از cpanel استفاده نمی کنید هیچ مشکلی نیست. شما باید به دنبال phpmyadmin بگردید . پس اگر از هر هاستی استفاده می کنید به دنبال این گزینه باشید.

در این قسمت شما لیستی از دیتابیس ها را می بینید . در قسمت بالایی این صفحه operations را انتخاب کنید.

شما در صفحه باز شده باید نامی برای دیتابیس کپی شده برگزینید.

(پس از اتمام کار کلید go button را فراموش نکنید.)

همچنین می توانید به صورت دستی اینکار را انجام دهید. به آموزش های پایین توجه کنید…..

پس از اینکه وارد هاست خود شدید و دیتابیس مربوطه را انتخاب کردید گزینه export را بزنید. طبق تصویر گزینه مورد نظر را نیز تیک کنید.

در این هنگام شما نیاز دارید وارد MySQL Databases شوید و دیتابیس جدید را بسازید. پس از آنکه دیتابیس جدید را ساختید شما باید فایلی که در مراحل قبل export کردید را حالا import کنید.

منبع : wpbeginner

2017/09/19
آموزش نحوه به روز رسانی مطالب با طراحی زیبا

در برخی از سایت ها مدیران سایت مجبور هستند مطالب خود را آپدیت یا به روز رسانی کنند . برای مثال ، سایت هایی که هر روز با نرم افزارهای گوناگون سروکار دارند مجبور هستند نرم افزارهای موجود در سایت خود را به نسخه جدید ارتقا دهند و نسخه جدید را آپلود کنند .

این کار اگر بخواهد به صورت دستی انجام شود کار بسیار سختی است مخصوصا اگر شما یک سایتی شناخته شده با هزاران نرم افزار و …. باشید.

در این بین شما باید بتوانید کاربران خود همیشه راضی نگه دارید و چاره ای ندارید که محصولات خود را همیشه به روز کنید تا همان مشتریان قبلی خود را هم از دست ندهید.

برای راحتی کار و سرعت عمل در به روز رسانی ، وردپرس یار برای شما راه حلی را در نظر گرفته است.

همانطور که گفتیم به روز رسانی دستی برای هزاران محصول کار زمان گیر و طاقت فرسایی است برای همین منظور شما باید از کدی استفاده کنید که به صورت خودکار اینکار را برای شما انجام دهد.

کد زیر به این نحو عمل می کند که ، وقتی شما محصولی را آپدیت کردید ، به صورت خودکار تاریخ آن در محصول مربوطه عوض خواهد شد.

توجه : کد بالا باید در فایل function .php قرار بگیرد.

کد زیر وظیفه نمایش آخرین آپدیت هست ولی با این تفاوت که استایلی متفاوت از آنچه دیده اید دارد.کد زیر را در style .css قرار دهید.

مرحله بعد قرار دادن کد برای نمایش در سایت و قالب شماست. کد زیر را در هرجای قالب که قصد نمایش آن را دارید وارد کنید.

2017/09/18
آموزش چگونگی بارگذاری عکس های تنبل

lazy loading به شما اجازه می دهد که وبسایت شما فقط تصاویر را بارگذاری کند در زمانی که یک کاربر به تصویر خاصی حرکت کند.

اینگونه تصاویر در حال حاضر بسیار شهرت یافته و سایت های معتبری از اینگونه عکس ها استفاده می کنند.

شما با اینگونه عکس ها می توانید سرعت بارگذاری سایتتان را بالا ببرید و تمامی عکس ها را بدون تاخیر برای کاربران به نمایش بگذارید.

در مطالعاتی که اخیرا انجام شده ، محققان علم کامپیوتر به این نتیجه رسیده اند که 1 ثانیه تاخیر در بارگذاری صفحات وب باعث تاخیر 7درصدی در مکالمات ، تاخیر 11درصدی در بازدید برگه ها و باعث افزایش نارضایتی مشتری به میزان 16 درصد خواهد شد.

تمام اجزای سایت شما به هم مرتبط بوده به طوریکه اگر شما عکس های زیادی را بگذارید ، تاثیر آن بر کل سایت نمایان می شود و نتیجه آن دیر بازشدن سایت خواهد بود.

یکی از کارهایی که شما می توانید انجام دهید بهینه کردن تصاویر خودتان است . شما برای اینکار می توانید از سرویس های CDN مانند MaxCDN بهره ببرید.

وظیفه اینگونه سرویس ها این است که به شما اجازه می دهد سایت شما از نظر جغرافیایی پهناورتر شود و به تبع آن سرعت بارگذاری افزایش خواهد یافت .

نحوه نصب lazy load images

اولین کار برای داشتن lazy load image نصب و فعال سازی افزونه BJ lazy load است .

طبق تصویر بالا شما می توانید اینگونه عکس ها را برای نوشته ها ، برگه ها ، دیدگاه ها و فرم ها و…. فعال کنید.

منبع : wpbeginner

2017/09/16
آموزش نحوه نمایش فرم تماس به صورت اسلاید

شاید برایتان پیش آمده که بخواهید مشتریانی را برای سایت خود داشته باشید ولی بخاطر نبود یک فرم تماس مناسب و جذاب آنها را از دست داده اید.

اگر سایت شما یک سایت کاری و یا فروشگاهی است باید بدانید که جذب کردن مشتری یکی از مهمترین اهداف است. در دنیای امروز سایت هایی موفق ترند که با کمترین و ساده ترین اقدامات مشتریان زیادی را جذب کنند .

یکی از علت های از دست دادن کاربران یا مشتریان ، نبود یک واسط ارتباطی است . یعنی یک واسطی که بتواند ما را به مشتری وصل کند و این ارتباط تحت هیچ عنوانی قطع نشود.

یکی از مهمترین و اساسی ترین کارهایی که می توان در این مورد انجام داد ، ایجاد یک فرم ارتباطی است ، آن هم به صورت اسلایدی . به طوری که اگر مشتری قصد دارد از تمام سایت ما بازدید کند این فرم در همه جا نمایش داده شود.

برای ساخت این نوع فرم ها با وردپرس یار همراه شوید……

برای شروع شما باید افزونه wpforms را نصب و فعال سازی کنید و سپس Select contact form را بزنید.

پس از این کار شما با یک فرم ساده مواجه هستید که می توانید آن را ویرایش کنید.

در اقدام بعد شما باید یک افزونه ای را نصب کنید که فرم را به شکل اسلاید نمایش دهد.

برای این کار شما می توانید افزونه optinmonster را نصب کنید.

برای فعال سازی کامل این افزونه شما باید کد API را وارد کنید و سپس Create new optin را انتخاب کنید.

طبق تصویر بعد شما می توانید نوع کمپین خود را انتخاب کنید . هر کدام از این موارد نوعی از نمایش هستند.

سپس تمپلیت را انتخاب کنید.

شما در این مرحله می توانید تنظیمات مربوطه را انجام دهید و تغییرات را اعمال کنید.

و در نهایت انتشار را بزنید .

منبع : wpbeginner

2017/09/14
آموزش نحوه کار با گوگل وبمسترز و مزایای استفاده از آن

آیا دوست دارید گوگل ، سایت شما را به موتورهای جستجوگر اضافه کند و سایت شما به عنوان یکی از پربازدیدترین سایت ها در موتورهای جستجوگر معرفی شود ؟

شما با این کار می توانید محصولات و خدمات و مطالب خود را در صدر موتورهای جستجوگر قرار دهید .

گوگل وبمسترز تمامی این کارها را برای شما انجام می دهد.

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

ابزار دیگر که کمی هم متفاوت است ، Google Website Optimizer است که با آن می توانید رفتار مشتریان را مورد بررسی قرار دهید.

اما گوگل وبمسترز…….

برای ثبت نام وارد لینک زیر شوید.

https://www.google.com/webmasters/

پس از وزود شما با صفحه ای شبیه به تصویر زیر مواجه می شوید.

طبق تصویر بالا ، چهار سربرگ را در گوگل وب مسترز می بینید به نام های Home , support , learn , connect و در همین صفحه سمت راست بالا شما می توانید اولین وبمسترز خود را بسازید.

سربرگ home

در این تب شما دو مورد دارید، یکی فیلم های آموزشی و دیگری search console است که می تواند کارایی سایت شما را در هنگام سرچ گوگل افزایش دهد.

سربرگ support

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

سربرگ learn

در این تب شما می توانید به طور کامل آموزش ایجاد یک سایت بهینه سازی شده و باکیفیت را ببینید و از آن برای بهبود سایت خود استفاده کنید.

سربرگ connect

شما می توانید آخرین اخبار و مطالب مربوط به گوگل وبمسترز را در این صفحه دنبال کنید و اگر در آینده تغییری در آنها بوجود آمد ، شما باخبر شوید.

برخی از مزایای وبمسترز :

پی بردن به مشکلات جستجویی در سایت

آنالیز فایل robots.txt

مشخص کردن سایت مپ

حذف لینک های غیر ضروری

پی بردن به مواردی که بیشتر جستجو می شوند.

و……..

2017/09/13
آموزش اضافه کردن سینموگراف در وردپرس

به عکس زیر خوب دقت کنید.

اگر تاکنون نتوانسته اید چنین عکس هایی را در وردپرس بسازید و با نحوه اضافه سازی سینموگراف آشنا نیستید و مایل هسید که این کار را از صفر تا صد به صورت کاملا رایگان یادبگیرید با وردپرس یار همراه شوید….

سینموگراف چیست ؟

یک عکس از نوع گیف می باشد ، به طوریکه قسمتی از این عکس ثابت و قسمتی دیگر متحرک است . فواید این نوع عکس ها زمانی مشخص می شود که شما قصد دارید مطالبی را به شکل داستان وار بیان کنید حتی شما می توانید از این امکان برای معرفی و تبلیغ محصولات خود بهره ببرید. شما با این کار می توانید در سایت خود جلب نظر کنید و مخاطبان را به سمت خود بکشید.

شروع کار

ابتدا فیلم کوتاهی را که مرتبط با موضوع مدنظرتان هست را بیابید.

فتوشاپ را باز کنید و این ویدئو را import کنید.

پس از اینکه عمل import کردن را انجام دادید به سراغ لایه ها رفته و همه ی لایه ها را انتخاب کرده و آنها را به داخل یک لایه ببرید و به اصطلاح group کنید.

سپس این group ساخته شده را انتخاب کنید ( تصویر بالا ) و مسیر زیر را طبق تصویر پایین دنبال کنید.

حال شما می توانید در این مرحله از هوش و استعداد و خلاقیت خود استفاده کنید و تغییراتی در رنگ عکس اعمال کنید.

بعد از انجام درست مراحل فوق به سربرگ window رفته و timeline را انتخاب کنید.

شما با این کار تمامی فریم های موجود در عکس را بیرون می کشید و می توانید تغییراتی را در آنها بوجود آورید.

برای تغییر آنها لایه ی اول را انتخاب کرده و match ، واقع در بخش لایه ها را انتخاب کنید.

در این مرحله شما باید تمامی فریم ها را کپی کنید . ( به تصویر زیر دقت کنید)

پس از کپی کردن نوبت به paste می رسد و شما باید نوع paste را مشخص کنید . ( paste after selection )

سپس در همان قسمت یعنی ( timeline ) شما باید reverse frame را انتخاب کنید .

برای ذخیره تغییرات به مسیر file رفته و در پنجره باز شده save for web را بزنید و عکس خود را با فرمت GIF ذخیره کنید. کار تمام است.

نتیجه را ببینید.

شما بعد از این کار انیمیشن خود را ساخنه اید ، اما هنوز کار تمام نشده و باید سری هم به وردپرس خود بزنید تا بتوانید آن را در سایت خود قرار دهید.

برای این کار فقط لازم است در قسمت پرونده های چند رسانه ای آن را وارد کنید.

منبع : wpbeginner

2017/09/12
آموزش نحوه اضافه سازی لینک خروج در وردپرس

logout link

در بعضی مواقع در پیشخوان خود امکان خروج برای شما وجود ندارد و هرچه به دنبال این لینک می گردید آنرا پیدا نمی کنید . مخصوصا در مواقعی که پیشخوان شما شلوغ باشد ، شما سردرگم خواهید شد و نمی توانید به راحتی logout را پیدا کنید.

بنابراین بهترین و ساده ترین راه برای خروج ، گذاشتن این دکمه در قسمت admin bar در گوشه سمت راست بالا است.

در این آموزش ، وردپرس یار قصد دارد نحوه اضافه سازی logout link را در منوی navigation به شما آموزش دهد .

با ما همراه باشید……

برای این کار به قسمت appearance رفته و menu را انتخاب کنید.

شما در باکس مربوطه می توانید این دکمه را با لینک آن وارد کنید.

لینک :

http://example.com/wp-login.php?action=logout

شما بعد از این کار می توانید نتیجه را در عکس زیر مشاهده کنید.

یکی دیگر از آموزش های کاربردی در اینجا ، اضافه سازی logout link به سایدبار widget است .

برای کار فوق ، به بخش سایدبار بروید و در قسمت custom link لینک زیر را وارد کنید.

لینک :

<a href="http://example.com/wp-login.php?action=logout">Logout</a>

منبع : wpbeginner

2017/09/10
آموزش اضافه سازی لایک و تایید مشتریان

آیا دوست دارید محصولات و خدمات ارائه شده شما در سایت توسط مشتریان و یا کاربران لایک بخورد و به نوعی تایید شود ؟

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

اگر تاکنون از این قابلیت وردپرس بهره نبرده اید با ما همراه شوید……

اولین مرحله در ایجاد چنین قابلیتی نصب افزونه Testimonial Rotator است.

پس از نصب و فعال سازی ، به سراغ این افزونه در پیشخوان رفته و گزینه add rotators را بزنید .

در مرحله بعد شما باید نوع rotate خود را انتخاب کنید . حتی می توانید این قابلیت را برای محصولات خاص و یا مشتریانی خاص تعبیه کنید.

سپس باید نام شرکت ، محصولات ، خدمات و غیره … را وارد کنید . توجه کنید که این موارد نمایش داده نخواهند شد و فقط برای ارتقا متای شماست.

در مرحله آخر هم شما باید یک آیکون یا عکسی برای rotate خود انتخاب کنید.

پس از اتمام موارد فوق شما باید اولین rotate مشتری را بسازید.

به قسمت testimonial بروید و add new را انتخاب کنید.

در بخش ویرایش نوشته ها client name را وارد کنید و تنظیمات آن را در قسمت testimonial option انجام دهید.

حالا به مهمترین بخش می رسیم. ایجاد star rating به اضافه نام شرکت ، عکس و عنوان.

بعد از انجام تمامی موارد فوق شما می توانید انتشار دهید….

منبع : wpbeginner

2017/09/07
آموزش ایجاد فرم تماس به صورت پاپ آپ

در این آموزش شما خواهید آموخت چگونه می توان فرم های تماس را به صورت popup بسازید .

گام اول :

برای این کار شما به Optimonster دارید. پس از نصب این افزونه شما باید contact form 7 و gravity form را داشته باشید.

گام دوم:

ایجاد فرم تماس با Wpforms .

طبق تصویر زیر بر روی add new کلیک کنید.

سپس در تصویر بعد نامی برای فرم خود انتخاب کرده و سپس بر روی simple contact form کلیک کنید.

در این مرحله شما می توانید فیلد ها را ویرایش کنید ، خذف و یا اضافه سازی.

در این قسمت فراموش نکنید که باید تغییرات را ذخیره کنید.

گام سوم :

ایجاد popup با افزونه Optimonster

پس از نصب و فعال سازی این افزونه بر روی Creat new option کلیک کنید.

در این قسمت ، طبق تصویر زیر ، یک نام برای کمپین خود انتخاب کنید.

سپس سایت خود را در پایین انتخاب کنید و گزینه select your design را بزنید.

گام چهارم :

افزودن پنجره در سایت وردپرس

به پیشخوان برگشته و به قسمت Optimonster بروید. سپس گزینه edit output settings را کلیک کنید.

طبق تصویر موارد ذکر شده را تیک کنید.

2017/09/05