دسته: وردپرس

  • آموزش ایجاد تصاویر تصادفی برای هدر

    آموزش ایجاد تصاویر تصادفی برای هدر

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

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

    شما حتی بدون یک خط کد نوشتن می توانید این کار را انجام دهید.

    روش اول : با استفاده از Customize

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

     

    111

     

    بعد از آنکه عکس های خود را آپلود کردید هم اکنون می توانید عمل رندوم سازی ، برای نمایش عکس ها را انجام دهید.( Randomize Uploaded Header )

     

    222

     

    روش دوم : استفاده از افزونه Wp Display Header

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

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

     

    333

     

    شما هم اکنون می توانید نوشته ها را ویرایش کنید و دسته بندی ها را تغییر دهید. و بر روی Edit کلیک کنید تا بتوانید تغییرات را ویرایش کنید .

     

    555

     

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

     

    666

     

    منبع : wpbeginner

     

     

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

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

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

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

    ولی در بعضی از مواقع شما قصد دارید زودتر از آنچه که وردپرس کار آپدیت را انجام می دهد ، شما این کار را انجام دهید بنابراین نیاز است که شما از روش های اجباری کردن وردپرس جهت آپدیت استفاده کنید.

    روش اول

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

    در پیشخوان به دنبال گزینه آپدیت باشید . وارد این صفحه شوید و آپدیت را بزنید.

     

    111

     

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

     

    222

     

    روش دوم

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

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

    افزونه مربوط به این کار Easy Update Manage است . شما با این افزونه می توانید چندین سایت هم اگر داشته باشید ، آپدیت آن را هم مدیریت کنید. 

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

     

    333

     

    در قسمت General این افزونه شما باید گزینه Automatic Update را انتخاب کنید. ( بقیه گزینه ها را طبق تصویر زیر انجام بدهید. )

     

    444

     

    به سربرگ بعدی این افزونه بروید یعنی Plugins بروید و عمل خودکار سازی را انجام دهید.

     

    555

     

    در مرحله آخر هم به Advanced روید و اجبار سازی را انجام دهید.

     

    666

     

     

     

  • آموزش نحوه اضافه سازی دکمه های دلخواه در وردپرس

    آموزش نحوه اضافه سازی دکمه های دلخواه در وردپرس

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

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

    افزونه Mango Buttons

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

    از دیگر ویژگی ها ، سازگاری کامل این افزونه با پلتفرم های مختلف است ، مخصوصا گوشی های هوشمند.

    آموزش کار با Mango Buttons

    پس از نصب و فعال سازی ، شما با گزینه هایی مواجه خواهید شد.

     

    111

     

    اولین گزینه Editing Icons : انتخاب رنگ آیکون ( سیاه – سفید یا رنگی )

    دومین گزینه Extended Language Support : پشتیبانی از تمامی زبان ها

    حالا نوبت به ساخت یک دکمه است .

    همانطور که گفتم کار با این افزونه راحت است و شما در هر برگه ایی که باز کنید دکمه این افزونه موجود است . ( به عکس زیر دقت کنید )

     

    22

     

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

     

    33

     

    در قدم بعد رنگ دکمه را به طور دستی انتخاب کنید.

     

    44

     

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

     

    55

     

    در آخر هم شما می توانید Insert را بزنید.

     

    66

     

    شما هم اکنون دکمه ی دلخواه خود را با رنگ ، استایل و مشخصات فنی ساخته اید.

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

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

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

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

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

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

     

    111

     

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

     

    333

     

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

     

    444

     

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

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

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

    export

     

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

     

    import

     

    منبع : wpbeginner

  • آموزش نحوه به روز رسانی مطالب با طراحی زیبا

    آموزش نحوه به روز رسانی مطالب با طراحی زیبا

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

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

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

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

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

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

     

    کد 1

     

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

     

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

     

    کد 2

     

     

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

     

    کد 3

     

  • آموزش چگونگی بارگذاری عکس های تنبل

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

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

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

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

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

     

    strangeloopspeedstudy

     

     

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

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

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

     

    نحوه نصب lazy load images

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

     

    lazyloadsettings

     

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

     

    منبع : wpbeginner

     

  • آموزش نحوه نمایش فرم تماس به صورت اسلاید

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

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

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

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

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

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

     

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

     

    1111

     

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

     

    22222

     

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

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

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

     

    3333

     

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

    4444

     

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

     

     

    5555

     

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

     

     

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

     

    88888

     

    منبع : wpbeginner

  • آموزش نحوه کار با گوگل وبمسترز و مزایای استفاده از آن

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

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

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

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

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

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

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

     

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

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

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

     

    1

     

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

     

    سربرگ home

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

    سربرگ support

     

    2

     

     

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

    سربرگ learn

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

     

    3

     

    سربرگ connect

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

     

    4

     

     

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

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

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

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

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

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

    و……..

     

  • آموزش اضافه کردن سینموگراف در وردپرس

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

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

    cinemagraph-example

     

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

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

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

    شروع کار

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

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

    videotolayers

     

    videotolayerimport

     

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

     

    layerspanel

     

    groupedlayers

     

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

     

    revealall

     

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

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

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

    timeline

     

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

    unifyvisibility

     

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

    copyframes

     

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

     

    pasteafter

     

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

     

    reverseframes

     

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

     

    savegif

     

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

     

    cinemagraph2

     

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

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

     

    منبع : wpbeginner