Warning: include_once(/home2/themeyab/domains/themeyab.com/public_html/class/mail_api/vendor/autoload.php): failed to open stream: No such file or directory in /home2/themeyab/domains/themeyab.com/public_html/include.inc on line 51

Warning: include_once(): Failed opening '/home2/themeyab/domains/themeyab.com/public_html/class/mail_api/vendor/autoload.php' for inclusion (include_path='.:/usr/local/php-5.6/lib/php') in /home2/themeyab/domains/themeyab.com/public_html/include.inc on line 51

Warning: Cannot modify header information - headers already sent by (output started at /home2/themeyab/domains/themeyab.com/public_html/include.inc:51) in /home2/themeyab/domains/themeyab.com/public_html/index.php on line 51

Warning: strpos(): Empty needle in /home2/themeyab/domains/themeyab.com/public_html/index.php on line 54

Warning: Cannot modify header information - headers already sent by (output started at /home2/themeyab/domains/themeyab.com/public_html/include.inc:51) in /home2/themeyab/domains/themeyab.com/public_html/view/modules/feed/view_feed.php on line 2
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>تم یاب</title>
<link>http://www.themeyab.com</link>
<description>خرید قالب وردپرس - قالب سایت </description>
<language>fa-ir</language>
<copyright>Copyright (C) 2016 themeyab.com</copyright><item>
  <title>چگونگی تغییر هاست بدون از دسترس خارج شدن سایت</title>
  <image><url>https://www.themeyab.com/img/blog/QZd0xngUwztodZkTeoPx2qqB3.jpg</url></image>
  <description><![CDATA[آیا کنجکاوید که بدانید چطور سایت وردپرستان را از هاستی به هاست دیگر بدون پایین آمدن سایت منتقل کنید؟ درست مانند نقل مکان به منزلی جدید؛ مهاجرت به خانه&zwnj;ای جدید (هاست) در اینترنت با چالش&zwnj;های منحصر به فردی همراه است. یکی از متداول&zwnj;ترین نگرانی&zwnj;ها این است که آیا سایتتان هنگام جابه&zwnj;جایی پایین می&zwnj;رود یا خیر؟]]></description>
  <content:encoded><![CDATA[



آیا کنجکاوید که بدانید چطور سایت وردپرستان را از هاستی به هاست دیگر بدون پایین آمدن سایت منتقل کنید؟ درست مانند نقل مکان به منزلی جدید؛ مهاجرت به خانه&zwnj;ای جدید (هاست) در اینترنت با چالش&zwnj;های منحصر به فردی همراه است. یکی از متداول&zwnj;ترین نگرانی&zwnj;ها این است که آیا سایتتان هنگام جابه&zwnj;جایی پایین می&zwnj;رود یا خیر؟

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

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

قدم ۱: انتخاب هاست جدید

تغییر هاستتان به خودی خود تصمیم بزرگی است؛ بنابراین شما نیاز دارید تا قبل از انتقال به هاست جدید؛ مطمئن شوید که تلاش کافی برای بهینه&zwnj;سازی سایتتان در هاست فعلی کرده&zwnj;اید. اگر هم&zwnj;چنان و پس از بهینه&zwnj;سازی با مشکل سرعت؛ امنیت؛ کارایی و &hellip; مواجه هستید؛ لازم است هاستتان را تغییر دهید.

هنگام انتخاب هاست جدید در نظر داشته باشید که چه ویژگی&zwnj;های خاصی سایتتان هم اکنون و در آینده نیاز دارد تا مجبور نباشید مجددا هاستتان را تغییر دهید.

انواع مختلفی از هاست&zwnj;ها وجود دارند مانند هاست اشتراکی؛ هاست سرور اختصاصی و هاست وردپرس مدیریت شده.

چند توصیه هنگام انتخاب هاست برای شما داریم:

&nbsp;

هاست اشتراکی:

انتخابی عالی برای افرادی که به تازگی سایت ایجاد کرده&zwnj;اند و یک هاست مقرون به صرفه نیاز دارند.

سرور اختصاصی:

برای کاربرانی که می&zwnj;خواهند کل سرور را برای استفاده تکی اجاره کنند و نیاز به کنترل کامل روی سرور دارند؛ بهترین راه&zwnj;حل است.

هاست وردپرس مدیریت شده: بهترین انتخاب برای سایت&zwnj;های وردپرسی که حجم ترافیک بالایی دارند؛ می&zwnj;باشد. با هاست وردپرس مدیریت شده؛ می&zwnj;توانید سایتتان را در سروری که منحصرا برای تنظیمات امنیت وردپرس بهینه شده؛ اجرا کنید.

&nbsp;

بعد از خرید یک هاست؛ وردپرس را طبق روال عادی ایجاد یک سایت نصب نکنید. فضا را خالی بگذارید و قدم ۲ را دنبال کنید.

&nbsp;

قدم ۲: ایجاد فایل پشتیبان سایتتان برای مهاجرت با استفاده از Duplicator

به ناحیه مدیریت سایتی که می&zwnj;خواهید منتقل کنید بروید و افزونه Duplicator را نصب کنید.

​

پس از نصب افزونه Duplicator؛ در پیشخوان وردپرس خود به Duplicator &raquo; Packages&nbsp;بروید.

سپس بر روی دکمه&zwnj;ی Create New کلیک کنید.

&nbsp;







سپس با صفحه&zwnj;ای مانند تصویر زیر روبه&zwnj;رو می&zwnj;شوید. با کلیک بر روی دکمه&zwnj;ی Next فرآیند ساخت پکیج را آغاز کنید.

&nbsp;







سپس به مرحله دوم در فرآیند ساخت پکیج منتقل خواهید شد. اطمینان حاصل کنید که اسکن شما کامل شده و تمام نتایج Good هستند. سپس بر روی دکمه&zwnj;ی Build کلیک کنید.

&nbsp;







تا اتمام فرآیند منتظر بمانید. بسته به بزرگی سایتتان؛ ممکن است مدتی طول بکشد. به محض تکمیل فرآیند؛ گزینه&zwnj;های دانلود برای Installer (نصب&zwnj;کننده)؛ Archive (آرشیو) و One-Click Download (دانلود با یک کلیک) را مشاهده خواهید کرد. شما باید One-Click Download را کلیک کنید چون به هر دوی فایل&zwnj;های نصب&zwnj;کننده و آرشیو نیاز دارید.

&nbsp;



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

قدم ۳: سایت وردپرستان را در هاست جدید درون&zwnj;ریزی کنید

تسپس شما باید فایل&zwnj;های دانلود شده (نصب&zwnj;کننده و آرشیو) را در هاست جدیدتان آپلود کنید. برای انجام این کار شما &zwnj;می&zwnj;توانید از FTP برای اتصال به هاست جدیدتان استفاده کنید.

با استفاده از FTP هر دو فایل نصب&zwnj;کننده و آرشیو را در دایرکتوری ریشه وبسایتتان (معمولا؛ username/ public_html/ folder) آپلود کنید.

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

قدم ۴: تغییر فایل&zwnj;های هاست برای جلوگیری از در دسترس نبودن سایت

شما قبلا هر دو فایل installer.php و archive.zip را در قدم ۳ آپلود نموده&zwnj;اید؛ پس فایل installer.php را در مرورگرتان باز کنید.

شما می&zwnj;توانید با وارد کردن آدرسی مشابه http://www.example.com/installer.php به فایل دسترسی پیدا کنید.

اما هنگامی که سعی در دستیابی به فایل دارید؛ با صفحه&zwnj;ی خطای ۴۰۴ مواجه خواهید شد زیرا دامنه&zwnj;ی شما هم&zwnj;چنان به هاست قدیمی اشاره می&zwnj;کند.

این اتفاق نشان می&zwnj;دهد که شما باید name serverهای دامنه&zwnj;ی خود (DNS) را عوض کنید و به هاست جدید اشاره کنید؛ اما به شما پیشنهاد نمی&zwnj;کنیم که این چنین عمل کنید. این عمل به کاربرانتان یک وبسایت ناقص را در حالی که شما مشغول انتقال هستید نشان می&zwnj;دهد.

به این علت ما به شما روشی جایگزین پیشنهاد می&zwnj;کنیم تا کاربرانتان حتی در حین تغییر هاست بتوانند دسترسی کامل به سایتتان داشته باشند.

با این روش؛ شما قادر خواهید بود به سایت جدیدتان با استفاده از دامنه جدید به طور موقت در کامپیوترتان دسترسی داشته باشید. این امر با یک فایل هاست روی کامپیوترتان انجام می&zwnj;شود و شما می&zwnj;توانید برای نگاشت اسامی دامنه به IP آدرس&zwnj;های مشخصی از آن استفاده کنید.

حال شما یک ورودی برای نام دامنه خودتان در فایل هاست اضافه می&zwnj;کنید تا تنها با استفاده از کامپیوتر شما به هاست جدیدتان اشاره کند. بنابراین شما می&zwnj;توانید به فایل&zwnj;هایتان روی هاست جدید دسترسی داشته باشید در حالی که کاربرانتان هم&zwnj;چنان از طریق هاست قدیمی به سایتتان دسترسی دارند. در نتیجه زمان در دسترس نبودن سایت صفر است.

ابتدا باید آدرس IP سرور هاست جدیدتان را بیابید. برای این منظور پیشخوان cPanel خود را باز کنید و به اطلاعات سرور مراجعه کنید. آن را به عنوان آدرس IP به اشتراک گذاشته شده (Shared IP Address) خواهید دید.



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

اگر از ویندوز استفاده می&zwnj;کنید؛ به مسیر Programs &raquo; All Programs &raquo; Accessories بروید و بر روی Notepad کلیک راست کنید و Run as Administrator را انتخاب کنید. سپس هشداری با دو گزینه&zwnj;ی Yes و No نمایان می&zwnj;شود؛ Yes را انتخاب کنید تا Notepad با امکانات Administrator اجرا شود.

حال در صفحه Notpad به File &raquo; Open بروید و مسیر C:\Windows\System32\drivers\etc را دنبال کنید و با انتخاب فایل هاست (hosts file) آن را باز کنید.

اگر از Mac استفاده می&zwnj;کنید باید برنامه Terminal را باز کنید و این دستور را جهت ویرایش فایل هاست وارد کنید:

sudo nano /private/etc/hosts

سپس برای هر دو سیستم عامل ویندوز و Mac باید آدرس IP کپی شده وارد شود و نام دامنه در انتهای فایل هاست مانند زیر است:

192.168.1.22 www.example.com

سپس تغییراتتان را ذخیره کنید. حال شما می&zwnj;توانید به فایل&zwnj;های سایتتان روی هاست جدید با استفاده از نام دامنه&zwnj;تان در کامپیوترتان دسترسی داشته باشید.

تذکر: شما باید تنظیماتی که در فایل هاست ایجاد کردید را پس از تکمیل انتقال سایت در قدم ۶ بازگردانی کنید و به حالت قبل برگردانید.

&nbsp;

قدم ۵: ایجاد پایگاه داده MySQL در هاست جدیدتان

حال شما آماده&zwnj;اید تا فایل installer.php را در هاست جدیدتان اجرا کنید اما باید ابتدا مطمئن شوید که پایگاه داده MySQL از قبل ایجاد شده است.

برای ایجاد پایگاه داده MySQL وارد پیشخوان cPanel خود شوید و به بخش Databeses بروید. سپس بر روی بخش MySQL Databases کلیک کنید.



حال فیلدی برای اجاد یک پایگاه داده جدید ملاحظه می&zwnj;کنید. در نام پایگاه داده&zwnj;تان (database name) بنویسید و دکمه&zwnj;ی Create Database را کلیک کنید.

پس از ایجاد پایگاه داده؛ در پایین صفحه به بخش MySQL Users بروید. برای کاربری جدیدتان نام کاربری و پسورد تهیه کنید و روی دکمه&zwnj;ی Create User کلیک کنید.

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

حال باید کاربری خود را به پایگاه داده اضافه کنید. برای این منظور به بخش Add User To Database بروید و پایگاه داده MySQL و کاربری که هم&zwnj;اکنون ایجاد کرده بودید را انتخاب کنید. سپس دکمه&zwnj;ی Add را کلیک کنید.

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

قدم ۶: فرآیند مهاجرت Duplicator را آغاز کنید

بالاخره آماده&zwnj;ی اجرای فایل نصب کننده (Installer) هستید.

پس به نوار آدرس مرورگرتان بروید و لینکی مانند آن&zwnj;چه در زیر نشان داده شده است را وارد کنید تا installer.php اجرا شود.

http://www.example.com/installer.php



نصب&zwnj;کننده چند تست اجرا خواهد کرد و به شما نشان خواهد داد که Archive و validation تایید شده&zwnj;اند (مانند تصویر بالا).

تیک شرایط و ضوابط را بزنید و بر روی دکمه&zwnj;ی next کلیک کنید.

از آن&zwnj;جا شما قدم ۲ Duplicator را خواهید دید. شما باید هاست MySQL؛ نام پایگاه داده؛ نام کاربری و پسوردتان را وارد کنید. در فیلد هاست localhost را وارد کنید و جزئیات پایگاه داده را مطابق آن&zwnj;چه در قدم ۵ انجام دادید تکمیل کنید.



حال می&zwnj;توانید با کلیک بر دکمه&zwnj;ی Next ادامه دهید. اما توصیه می&zwnj;کنیم ابتدا دکمه&zwnj;ی Test Database را برای اطمینان از عدم وجود خطاهای اتصال پایگاه داده کلیک کنید.

سپس؛ Duplicator پایگاه داده وردپرستان را از فایل archive.zip در هاست جدیدتان درون&zwnj;ریزی می&zwnj;کند.

سپس؛ قدم ۳ Duplicator از شما می&zwnj;خواهد تا نشانی یا مسیر سایت را به روز رسانی کنید که چون آن را تغییر نداده&zwnj;ایم نیاز نیس تغییری در اینجا دهید. پس دکمه&zwnj;ی Next را برای ادامه کلیک کنید.

سپس؛ Duplicator قدم&zwnj;های نهایی را اجرا می&zwnj;کند و دکمه&zwnj;ی login را در قدم&zwnj;های ۴ام و نهایی نشان می&zwnj;دهد.

حال شما سایت وردپرستان را به طور کامل به هاست جدید منتقل کرده&zwnj;اید. می&zwnj;توانید به سادگی لاگین کنید و ملاحظه کنید که همه چیز درست است.

قدم ۷: به روز رسانی دامنه&zwnj;تان

در قدم قبل شما یک کپی از تمام فایل&zwnj;های سایتتان به هاست جدید اضافه کردید اما دامنه&zwnj;تان هم&zwnj;چنان به هاست قدیمی اشاره می&zwnj;کند؛ پس باید دامنه&zwnj;تان را نیز به روز رسانی کنید.

برای این منظور باید نام سرورهای DNS خود را تغییر دهید.

نام سرورهای DNS معمولا یک جفت لینک هستند مانند آن&zwnj;چه در زیر آمده؛ که شما از هاست جدیدتان خواهید گرفت و با آن&zwnj;ها دامنه&zwnj;تان را به روز رسانی می&zwnj;کنید.

ns1.hostname.com
ns2.hostname.com

متاسفانه پس از تغییر DNS ؛ ۴ تا ۴۸ ساعت زمان می&zwnj;برد تا این تغییرات اجرا شوند. در این مدت محتوای یکسانی بر روی هاست قدیم و جدیدتان برای کاربران قابل مشاهده است و متوجه جابه&zwnj;جایی نخواهند شد.

امیر درخشان&zwnj;پور

منبع
]]></content:encoded>
  <link> https://www.themeyab.com/blog/چگونگی-تغییر-هاست-بدون-از-دسترس-خارج-شدن-سایت-1397-آذر</link>
  <pubDate>Tue, 27 Nov 2018 23:34:12 +0330</pubDate>
</item><item>
  <title>چگونگی رفع خطای ایجاد اتصال به پایگاه داده در وردپرس</title>
  <image><url>https://www.themeyab.com/img/blog/G6DBh6snTBdLysJvwMWcCkjEr.jpg</url></image>
  <description><![CDATA[آیا با خطا در هنگام ایجاد اتصال به پایگاه داده در سایت وردپرسیتان مواجه شده اید؟ در پس این خطا چندین دلیل می تواند باشد. گاهی اوقات این خطا به طور غیر منتظره ای رخ می دهد و متعجب می شوید که چه تغییری در سایتتان باعث این موضوع شده است. ما در این&zwnj;جا شما را قدم به قدم تا رفع این خطا همراهی می&zwnj;کنیم.]]></description>
  <content:encoded><![CDATA[آیا با خطا در هنگام ایجاد اتصال به پایگاه داده در سایت وردپرسیتان مواجه شده اید؟ در پس این خطا چندین دلیل می تواند باشد. گاهی اوقات این خطا به طور غیر منتظره ای رخ می دهد و متعجب می شوید که چه تغییری در سایتتان باعث این موضوع شده است.

تعجب کافی است! در این مطلب چگونگی رفع خطای اتصال به پایگاه داده در وردپرس را با عیب یابی تمام دلایل ممکن با شما به اشتراک می گذاریم.



خطا در هنگام ایجاد اتصال به پایگاه داده - چه موقع و چرا؟

معمولا این خطا (Error Establishing a Database Connection) به این علت که وبسایتاتتان قادر به ایجاد یک اتصال پایگاه داده نیست رخ می&zwnj;دهد. اما علت اینکه چرا یک اتصال پایگاه داده ایجاد نمی&zwnj;کند برای هر فرد متفاوت است.اینجا چند دلیل ذکر شده است:


	وب سرور شما پاسخگوی درخواستتان نیست.
	سرور در حال دریافت درخواست&zwnj;های زیادی است و پاسخگویی متوقف شده است.
	اطلاعات ورودتان غلط یا منقضی است. پایگاه داده شما با نرم&zwnj;افزارهای مخرب مختل شده است.
	پایگاه داده شما در نتیجه&zwnj;ی تغییری در کد یا به&zwnj;روزرسانی خودکار وردپرس مختل شده است.


بیشتر اوقات شما این خطا را هنگامی دریافت می&zwnj;کنید که مشکلی در میزبانی وب سرور شما وجود دارد. گرچه دلایل بسیار دیگری نیز می&zwnj;توانند وجود داشته باشند. عیب&zwnj;یابی می&zwnj;تواند برای شما دشوار باشد زیرا نمی&zwnj;دانید به چه علت این مشکل در سایتتان رخ داده است. ما شما را قدم به قدم برای یافتن و رفع این مشکل همراهی می&zwnj;کنیم.

رفع خطای ایجاد اتصال پایگاه داده

قبل از شروع باید چندین پشتیبانی از پایگاه داده&zwnj;تان ایجاد کنید و آن&zwnj;ها را در مکان&zwnj;های مختلف ذخیره کنید. اگر شما قادر به رهگیری و رفع این خطا نباشید؛ می&zwnj;توانید با بازگردانی فایل&zwnj;های پشتیبان به خطای اصلی بازگردید و راهکار جدیدی را امتحان کنید.

هم&zwnj;چنین توصیه می&zwnj;کنیم که وردپرس؛ قالب&zwnj;ها و افزونه&zwnj;هایتان را به&zwnj;روز نگه دارید؛ تا شانس کمتری برای مشاهده&zwnj;ی این خطا وجود داشته باشد. هم&zwnj;چنین باید از سایت وردپرستان به طور منظم پشتیبان تهیه کنید تا اگر لازم شد آن را بازیابی کنید.

صفحه ورود مدیریت وردپرستان را بررسی کنید

شما باید صفحه ورود مدیریت وردپرستان را بررسی کنید تا ببینید چه خطایی در آن&zwnj;جا نمایش داده شده است. اگر این خطا مشابه خطای قسمت کاربری (front-end) سایتتان بود؛ قدم بعدی را دنبال کنید.

اگر خطای متفاوتی در صفحه&zwnj;ی مدیریت وردپرس بود مانند یک یا چند جدول پایگاه داده در دسترس نیستند؛ شاید پایگاه داده نیاز به تعمیر داشته باشد و بنابراین شما باید فایل wp-config.php را ویرایش کنید و یک خط کد به آن اضافه کنید.

برای ویرایش wp-config.php می&zwnj;توانید به سایت وردپرستان با FTP متصل شوید. شما باید این کد را قبل از "That&rsquo;s all, stop editing! Happy blogging&rdquo; اضافه کنید.

define('WP_ALLOW_REPAIR', true);

مطمئن شوید که این فایل را به درستی ذخیره کرده&zwnj;اید.

بعد از افزودن کد در فایل wp-config.php, آدرس http://www.yoursite.com/wp-admin/maint/repair.php را ملاحظه کنید (به جای www.yoursite.com آدرس سایت خودتان را قرار دهید)تا تنظیماتی که برای تعمیر پایگاه داده&zwnj;تان لازم است را ببینید.

برای دسترسی به تعمیر پایگاه داده نیازی نیست به حساب کاربری وردپرستان وارد شوید. اگر کد را به درستی در فایل wp-config.php اضافه کنید سپس شما را برای رفع مشکلات پایگاه داده یاری می&zwnj;کند. پس از تعمیر می&zwnj;توانید کد را از فایل wp-config.php حذف کنید. اگر مشکل هم&zwnj;چنان وجود دارد؛ خواندن مقاله را برای یافتن راه&zwnj;حل دیگری ادامه دهید.

ویرایش فایل wp-config.php برای یافتن مشکل

شاید شما بدانید که فایل wp-config.php فایل اصلی است که سایت وردپرس شما را به پایگاه داده متصل می&zwnj;کند. حاوی اطلاعات ورود پایگاه داده شماست. اگر شما رمز عبور ریشه یا رمز عبور کاربر پایگاه داده را تغییر داده باشید باید این جزئیات را در فایل wp-config.php نیز به روز رسانی کنید. اگر جزئیات را در این فایل تغییر ندهید با خطای ایجاد اتصال پایگاه داده مواجه می&zwnj;شوید.

باید مطئن شوید که جزئیات ورود پایگاه داده در فایل wp-config.php و آن&zwnj;چه در پایگاه داده وردپرستان تنظیم کرده&zwnj;اید یکسان باشند.

define('DB_NAME', 'database-name');

define('DB_USER', 'database-username');

define('DB_PASSWORD', 'database-password');

define('DB_HOST', 'localhost');

در این کد &zwnj;DB_Name نشان دهنده&zwnj;ی نام پایگاه داده&zwnj;ی شماست؛ DB_User نام کاربری پایگاه داده شماست؛ DB_Password رمز عبور پایگاه داده است و DB_Host مقدار هاست است.

شما می&zwnj;توانید مقدار DB_Host را localhost وارد کنید اگر میزبانی هاست وردپرستان BlueHost ,HostGator باشد. برای میزبانی&zwnj;های دیگر می&zwnj;توانید با تیم پشتیبانی آن&zwnj;ها تماس بگیرید.

ما هم&zwnj;چنین متوجه شدیم که اگر در حال اجرای سایت وردپرستان بر روی یک سرور محلی مانند XAMPP یا MAMP هستید؛ می&zwnj;توانید مقدار DB_Host را از localhost به IP تغییر دهید تا این خطا را رفع کنید.

define('DB_HOST', '127.0.0.1:8889');

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

به سرور میزبانی وب خود توجه کنید

گاهی اوقات ترافیک زیادی را به طور غیر منتظره دریافت می&zwnj;کنید و سرور میزبانی وب شما پاسخگویی به درخواست&zwnj;ها را متوقف می&zwnj;کند. ابتدا سرعت سایت شما را کاهش می&zwnj;دهد و سپس خطای ایجاد یک اتصال پایگاه داده را به کاربرانی که سعی در مشاهده&zwnj;ی سایت شما را دارند نمایش می&zwnj;دهد. این اتفاق عموما در محیط&zwnj;های اشتراکی یا میزبانی VPS رخ می&zwnj;دهد.

شما می&zwnj;توانید مستقیما با پشتیبانی میزبانی وب خود تماس بگیرید و این مشکل را بررسی کنید. برای شرکت&zwnj;های میزبانی مدیریت شده مانند WPEngine و Siteground تیم پشتیبانی شما را سریعا جهت رفع خطا یاری می&zwnj;کنند.

در صورتی که بخواهید شخصا این خطا را عیب&zwnj;یابی کنید؛ ما به شما توصیه می&zwnj;کنیم که چند مورد را در سرور MYSQL چک کنید تا مشکل را رهگیری کنید.

ابتدا باید سعی کنید به دیگر سایت&zwnj;های موجود بر روی این سرور دست یابید و بررسی کنید که به درستی اجرا می&zwnj;شوند یا خیر. اگر دیگر سایت&zwnj;ها نیز خطای یکسانی نمایش می&zwnj;دهند؛ سرور MYSQL شما مختل شده است.

هنگامی که شما سایت دیگری بر روی این سرور برای تست ندارید؛ لازم است به phpMyAdmin بروید و به پایگاه داده&zwnj;ی خود متصل شوید. پس از اتصال باید بررسی کنید که اجازه کافی را دارید یا خیر. به سادگی یک فایل جدید testconnection.php را اضافه کنید و این کد را اضافه کنید:

شما باید نام کاربری و رمز عبور را با اطلاعات ورود پایگاه داده&zwnj;ی خودتان جایگزین کنید. هنگامی که متصل شد به این معناست که مشکلی در سطح دسترسی وجود ندارد و می&zwnj;توانید بررسی فایل wp-config.php را مجددا ادامه دهید و بررسی کنید خطایی در نوشتن نام کاربری و رمز عبور نباشد.

اگر اتصال شما برقرار نشد احتمال دارد که سرور شما مشکلاتی داشته باشد. اگرچه نمی&zwnj;توان گفت که سرور MYSQL شما پایین است. ممکن است کاربر پایگاه داده&zwnj;ی شما سطح دسترسی لازم را برای دسترسی به سرور نداشته باشد.

شما می&zwnj;توانید با تماس با فراهم کننده&zwnj;ی میزبانی وب خود؛ از آن&zwnj;ها تقاضای دسترسی کنید. در این صورت می&zwnj;توانید خطاها را بررسی کنید و مشکلات را رفع کنید.

هم&zwnj;چنان دلایل زیادی وجود دارند که این خطا را دریافت کنید و شما باید سایت خود را با راه&zwnj;های متفاوتی عیب&zwnj;یابی کنید.

امیر درخشان&zwnj;پور

منبع
]]></content:encoded>
  <link> https://www.themeyab.com/blog/چگونگی-رفع-خطای-ایجاد-اتصال-به-پایگاه-داده-در-وردپرس-1397-آبان</link>
  <pubDate>Sun, 11 Nov 2018 14:45:19 +0330</pubDate>
</item><item>
  <title>۲۷ افزونه پرکاربرد وردپرس - پارت سوم</title>
  <image><url>https://www.themeyab.com/img/blog/pm8sjkV9r7Dis0b4w4a67BuaI.jpg</url></image>
  <description><![CDATA[پرکاربردترین و هیجان انگیزترین قسمت وردپرس، افزونه ها یا پلاگین های آن است که با کارایی متفاوت، مدیریت یک وب سایت وردپرسی را آسان تر می کند، در اینجا محبوب ترین افزونه های وردپرس را برا شما فراهم کرده ایم]]></description>
  <content:encoded><![CDATA[
&nbsp;

۲۷ افزونه پرکاربرد وردپرس - پارت سوم

&nbsp;

&nbsp;۲۱- افزونه WP Mail SMTP

&nbsp;



&nbsp;

WP SMTP افزونه ای برای وردپرس که مشکل کاربران را برای تحویل ایمیل ارسالی وب سایت برطرف می کند، این سرویس با بهبود پروتکل SMTP ایمیل ها را از سرور سایت ارسال می کند. مشتریان و خدمات گیرنندگان ما اغلب از یاهو، جیمیل یا outlook استفاده می کنند که در بازاریابی دیجیتال مسئله تحویل در اینباکس ایمیل و عدم ارسال هرزنامه اهمیت ویژه ای دارد، اگر احراز هویت درست وجود نداشته باشد، ایمیل ها در پوشه SPAM قرار می گیرند یا بدتر از همه تحویل داده نمی شوند. WP Mail SMTP این مسئله را حل می کند. این یک پلاگین برای همه وب سایت های دارای قالب وردپرس قابل اجرا است. در حال حاضر 900000 سایت وردپرس در حال اجرا است.

&nbsp;

&nbsp;۲۲- افزونه WPML

&nbsp;



&nbsp;

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

&nbsp;

&nbsp;۲۳- افزونه SeedProd Coming Soon Page

&nbsp;



&nbsp;

SeedProd محبوب ترین پلاگین ایجاد صفحه به زودی یا coming soonو حالت تعمیر برای وردپرس است. زمانی که شما یک وب سایت جدید ایجاد می کنید، این پلاگین یکی از سریعترین و ساده ترین راه ها برای راه اندازی یک صفحه به زودی یا cooming soon است. از قابلیت های این پلاگین، تایمر شمارش معکوس، اشتراک گذاری در شبکه های اجتماعی و ارجاع کاربر را می توان اشاره کرد. اگر شما در حال تغییر در طراحی سایت خودتان هستید، می توانید از SeedProd برای ایجاد یک صفحه coming soon زیبا استفاده کنید.

&nbsp;

&nbsp;۲۴- افزونه User Role Editor

&nbsp;



&nbsp;

User Role Editor یک پلاگین معرکه برای ایجاد مجوزهای کاربری و سطح دسترسی به گروه های کاربران در وردپرس است. این پلاگین محبوب، برای سایت های عضویت، فروش فایل، فروشگاه های آنلاین و سایت های چند نویسنده و چند کاربره مورد استفاده قرار می گیرد.

&nbsp;

&nbsp;۲۵- افزونه Better Search Replace

&nbsp;



&nbsp;

Better Search Replace این پلاگین یکی از کاربردی ترین پلاگین در وردپرس است، طرز کار این پلاگین به این شکل هست که اگر شما قصد دارید کلمات یا جملات منتشر شده در وب سایت را پیدا و تصحیح و تغییر دهید، این پلاگین براحتی چند کلیک کلیه مطالب را جستجو کرده و به شما نمایش می دهد وشما قادر به تصحیح یا تغییر آن هستید. حتی پس از اتمام کار تغییرات می توانید پلاگین را غیرفعال یا پاک کنید که با این کار تغییرات از بین نمی روند.

&nbsp;

&nbsp;۲۶- افزونه AdSanity

&nbsp;



&nbsp;

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

&nbsp;

&nbsp;۲۷- افزونه W3 Total Cache

&nbsp;



&nbsp;

با بیش از یک میلیون نصب فعال، W3 Total Cache یکی از محبوب ترین پلاگین های ذخیره سازی برای وردپرس است. این عملکرد سرور شما را با ذخیره هر جنبه ای از سایت شما بهبود می بخشد و همچنین یکپارچگی شبکه تحویل محتوا را ارائه می دهد. این پلاگین توسط شرکت های بی شماری و نشریات مانند AT &amp;amp; T ، MattCutts.com، Mashable.com و دیگران توصیه شده است. این که آیا سایت شما در یک هاست یا یک سرور اختصاصی میزبانی می شود، این پلاگین برای بهبود عملکرد وب سرور شما و کاهش زمان بارگذاری صفحه مورد نیاز است. شاید این پلاگین تنها افزونه طراحی شده برای بهینه سازی تمام محیط های میزبانی عملیاتی باشد. همچنین این پلاگین پشتیبانی از صفحات نمایش در تلفن همراه(AMP) و لایه امن لایه (SSL) را پشتیبانی می کند. توسعه دهندگان ادعا می کنند که این افزونه می تواند تا 80٪ صرفه جویی در پهنای باند را از طریق minification، فرآیند کاهش اندازه HTML، CSS، جاوا اسکریپت و غیره بدون تاثیر منفی در سئو ارائه دهد.

&nbsp;

&nbsp;

mk/tmyb

منبع

]]></content:encoded>
  <link> https://www.themeyab.com/blog/۲۷-افزونه-پرکاربرد-وردپرس---پارت-سوم-1397-آبان</link>
  <pubDate>Thu, 08 Nov 2018 01:51:12 +0330</pubDate>
</item><item>
  <title>آموزش فارسی سازی قالب وردپرس</title>
  <image><url>https://www.themeyab.com/img/blog/jcgAuWCDGnpwnJRtUcGHe8A4e.jpg</url></image>
  <description><![CDATA[با توجه به رشد روز افزون قالب&zwnj;های وردپرس و تنوع قابل توجه قالب&zwnj;ها؛ ضروری است که با فارسی سازی قالب&zwnj;ها از این تنوع بهره&zwnj;مند شویم. برای فارسی سازی قالب وردپرس به طور کلی باید این موارد را تغییر دهیم: CSS؛ فونت؛ فایل زبان و محتوای سایت]]></description>
  <content:encoded><![CDATA[با توجه به رشد روز افزون قالب&zwnj;های وردپرس و تنوع قابل توجه قالب&zwnj;ها؛ ضروری است که با فارسی سازی قالب&zwnj;ها از این تنوع بهره&zwnj;مند شویم.&nbsp;

اولین قدم برای فارسی سازی قالب وردپرس تسلط بر CSS است. اگر با این زبان آشنایی ندارید یا تسلط کافی ندارید؛ می&zwnj;توانید از سایت w3schools مهارت کافی را کسب کنید. برای فارسی سازی لازم است کدهای مرتبط با left,right,padding,margin.direction,text-align,float را تغییر دهید. تمامی کدهای مربوط به CSS را در فایل rtl.css باید بنویسیم. اگر قالبی این فایل را نداشت آن را در ریشه&zwnj;ی قالب اضافه کنید.&nbsp;لازم است برای راست چین شدن متن و ترکیب قرارگیری صحیح اعداد و متن در کنار هم به تگ body؛ direction: ltr و text-align: right می&zwnj;دهیم. در&nbsp;&zwnj;html به طور پیش فرض تمام اِلمان&zwnj;ها از بالا سمت چپ پشت سر هم قرار می&zwnj;گیرند. اِلمان&zwnj;هایی که inline-block هستند در کنار هم و از سمت چپ قرار می&zwnj;گیرند که در فارسی&zwnj;سازی با دادن float:right به selector مربوطه اِلمان&zwnj;ها از سمت راست در کنار یکدیگر قرار می&zwnj;گیرند.&nbsp;به تمام عناصر و باکس&zwnj;هایی که در کنار هم در یک ردیف هستند نیز float: right می&zwnj;دهیم تا از راست در کنار هم قرار گیرند.&nbsp;در عناصری که padding و margin دارند باید مقادیر مربوط به راست و چپ را با هم تعویض کنیم؛ برای مثال مقدار padding-left را باید برای padding-right قرار دهیم. اِلمان&zwnj;هایی که موقعیت absolute دارند باید مقادیر right و left آن&zwnj;ها با هم تعویض شوند. توجه کنید که اگر اِلمانی مقداری برای right فقط دارد آن مقدار را به left دهید و right: auto قرار دهید. در فهرست&zwnj;های انگلیسی جهت پیکان به سمت راست است که در فارسی باید جهت به سمت چپ تغییر کند. برای این منظور از کد زیر&nbsp;در selector&nbsp;مربوطه استفاده کنید:

transform: rotate(180deg)

مورد بعدی که باید تغییر دهیم فونت است تا حروف فارسی به درستی نمایش داده شوند. فرمت&zwnj;های فونت دلخواه خود را در هاست آپلود کنید. معمولا فونت&zwnj;ها در مسیر your theme/assets/fonts قرار دارند. پیشنهاد می&zwnj;شود از فرمت woff2 استفاده کنید که تمام مرورگرها آن را تشخیص می&zwnj;دهند. برای تبدیل فرمت فونت به فرمت وب می&zwnj;توانید از اینجا استفاده کنید. پس از افزودن فونت به هاست؛ کد زیر را در فایل rtl.css اضافه کنید:&nbsp;

@font-face {
font-family: 'your font name';
src: url('fonts/1.eot?#') format('eot'), /* IE6&ndash;8 */
url('fonts/3.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/2.ttf') format('truetype'); /* Saf3&mdash;5, Chrome4+, FF3.5, Opera 10+ */
}

&nbsp;سپس به selectorهای مربوطه نام فونتی که وارد کرده&zwnj;اید را نسبت دهید. هم&zwnj;چنین در کنار فونت خودتان فونت اصلی قالب را نیز به selectorهای مربوطه نسبت دهید تا حروف انگلیسی با ظاهر اصلی قالب نمایش داده شوند.

هر قالب عباراتی دارد که مربوط به خود قالب است و ارتباطی با محتوای وارد شده در پنل وردپرس ندارد. قالب&zwnj;ها فایلی با پسوند pot دارند که حاوی این عبارات است. این فایل در مسیر your theme/languages قرار دارد. پس از دانلود این فایل را با نرم&zwnj;افزار POEDIT ویرایش کنید. در نرم&zwnj;افزار روی دکمه&zwnj;ی create new translation کلیک کنید و زبان فارسی را انتخاب کنید و جلوی هر عبارت معادل فارسی آن را یادداشت نمایید. پس از ذخیره دو فایل با پسوندهای po و mo ایجاد می&zwnj;شوند که باید در کنار فایل pot آن&zwnj;ها را آپلود کنید. در برخی قالب&zwnj;ها پس از این کار عبارات هم&zwnj;چنان انگلیسی می&zwnj;مانند و باید این دو فایل را در مسیر /wp-content/languages/themes/your theme نیز آپلود کنید.

قالب اصلی حاوی محتوای انگلیسی است که باید تمام آن&zwnj;ها را با محتوای فارسی جایگزین کنید. سعی کنید حتما محتوای اصلی قالب را ترجمه کنید و محتوای دیگری را جایگزین نکنید تا بازدیدکننده تصور نکند این قالب با قالب اصلی متفاوت است.

خلاصه&zwnj;ای از عملیات مورد نیاز برای فارسی سازی قالب وردپرس:

&nbsp;

body &nbsp;&nbsp; -&amp;gt; &nbsp;&nbsp;direction: rtl;&nbsp; text-align:right;
inline-block elements &nbsp;&nbsp; -&amp;gt; &nbsp;&nbsp; float: right;
padding-left: x; padding-right: y; &nbsp;&nbsp; -&amp;gt; &nbsp;&nbsp; padding-left: y; padding-right: x;
margin-left: x; margin-right: y; &nbsp;&nbsp; -&amp;gt; &nbsp;&nbsp; margin-left: y; margin-right: x;
Arrows &nbsp;&nbsp; -&amp;gt; &nbsp;&nbsp; transform:rotate(180deg);
Fonts
Pot
Data Entry

&nbsp;نکته: در قالب&zwnj;ها اسلایدرهای&nbsp;carousel پس از دادن direction:rtl به تگ body به درستی کار نمی&zwnj;کنند که برای رفع این مسئله باید به selector اِلمان مربوطه direction:ltr دهید.

شما عزیزان می&zwnj;توانید تمامی سوالات خود را از طریق ارسال نظر مطرح کنید.

امیر درخشان&zwnj;پور&nbsp;
]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-فارسی-سازی-قالب-وردپرس-1397-آبان</link>
  <pubDate>Mon, 05 Nov 2018 09:04:47 +0330</pubDate>
</item><item>
  <title>۲۷ افزونه پراستفاده در سال ۲۰۱۸ - پارت دوم</title>
  <image><url>https://www.themeyab.com/img/blog/uDMApJ7kSxka3n5KxNI5L3RiB.jpg</url></image>
  <description><![CDATA[امروزه با فراگیر شدن وردپرس وجود پلاگین ها و افزونه های وردپرس کمک زیادی به بهبود کارایی و افزایش بهره وری وب سایت می کنند، از این رو لیست پرکاربرد ترین افزونه های وردپرس را تهیه کردیم تا شما نیز برحسب نیازتان از این مجموعه بهره مند شوید.]]></description>
  <content:encoded><![CDATA[&nbsp;

۲۷ افزونه پراستفاده در سال ۲۰۱۸ - پارت دوم

&nbsp;

&nbsp;۱۱- افزونه Woocommerce

&nbsp;



&nbsp;

WooCommerce محبوب ترین پلتفرم تجارت الکترونیک برای وردپرس است. بدون شک، این جامع ترین راه حل است که شما را قادر می سازد کالاهای دیجیتال و فیزیکی خود را در وب سایت وردپرسی خود به فروش برسانید. WooCommerce با صدها افزونه رایگان و غیر رایگان، باعث ساخت فوق العاده آسان و بهبود فروشگاه شما می شود، بنابراین شما می توانید در عرض چند دقیقه فروشگاه آنلاین خودتان را بسازید و محصولات خود را بفروش برسانید کنید. WooCommerce همراه با PayPal (برای پذیرش کارت اعتباری و پرداخت حساب PayPal)، BACS و تحویل نقدی برای پذیرش پرداخت همراه است. برای دروازه های پرداخت بیشتر، شما می توانید افزونه ها را در فروشگاه WooCommerce خود نصب کنید. WooCommerce مانند وردپرس دارای مستنداتی آسان را داراست که از جنبه های مختلف ساخت یک فروشگاه آنلاین پیروی می کند. درخواست های پشتیبانی در انجمن های رسمی ووکامرس انجام می شود، بنابراین در صورت نیاز به کمک، متخصصان و توسعه دهندگان براحتی درکنار شما هستند. پوسته و قالب های فروشگاهی و ووکامرسی قابلیت سفارشی سازی ظاهر فروشگاه شما را دارند.

&nbsp;

&nbsp;۱۲- افزونه Shared Counts

&nbsp;



&nbsp;

یک پلاگین مدیریت مشترکین شبکه های اجتماعی برای سایت وردپرسی است که به سرعت با استفاده از API SharedCount.com اطلاعات مربوط به آمار و ارقام شبکه های اجتماعی شما را بازیابی، شمارش و نمایش می دهد. این پلاگین سریع ترین پلاگین اشتراک گذاری شبکه های اجتماعی در مارکت وردپرس است. اکثر پلاگین های اشتراک گذاری مطلب در شبکه های اجتماعی سرعت وب سایت شما را کاهش می دهند، اما این پلاگین توسط توسعه دهندگان بسیار معتبر که ارزش عملکرد بالایی دارند، نوشته شده است که طبیعتا با کیفیت تر می باشد. این افزونه بسیار انعطاف پذیر و سازنده است. شما به راحتی می توانید آن را سفارشی کنید تا نیاز موضوعتان را مطابقت دهید.این افزونه از شمارش کاربران فیس بوک، Pinterest، LinkedIn، توییتر و اشتراک گذاری ایمیل را پشتیبانی می کند. همچنین تعداد کل کاربران را هم ترکیب می کند، بنابراین شما می توانید تعداد کل مشترکین را در کنار هر آیکون شبکه اجتماعی در قالب وردپرسی وب سایت نمایش دهید.

&nbsp;

&nbsp;۱۳- افزونه CSS HERO

&nbsp;



&nbsp;

CSS Hero یک پلاگین سفارشی سازی پوسته وردپرس است که به شما کمک می کند تا تم وردپرس خود را بدون نوشتن یک خط کد سفارشی سازی کنید. قالب های وردپرس از CSS برای کنترل ظاهر بصری وب سایت شما استفاده می کنند. البته که اگر شما می خواهید ظاهرسایت خود را سفارشی کنید، باید CSS را یاد بگیرید. این یک روش مناسب برای مبتدیان نیست. اگر شما از صفحه سازهایی مانند BeaverBuilder یا کامپوزر استفاده نمی کنیدCSS Hero یک راه حل بسیار ساده و عالی است.

&nbsp;

&nbsp;۱۴- افزونه Insert Headers and Footers

&nbsp;



&nbsp;

یک پلاگین ساده که به شما کمک می کند کدهای سفارشی CSS، متا تگ ها و اسکریپت ها را در قسمت هدر یا فوتر وب سایت خود اضافه کنید. در این پلاگین براحتی از طریق داشبورد مدیریت وردپرس میتوانید به فایل هدر و فوتر پوسته دسترسی داشته باشید و آنرا ویرایش کنید. این پلاگین در بیش از 400،000 وب سایت مورد استفاده قرار می گیرد.

&nbsp;

&nbsp;۱۵- افزونه Live Chat

&nbsp;



&nbsp;

لایو چت بهترین ابزار چت است که به شما امکان می دهد با بازدیدکنندگان وب سایت خود تماس بگیرید و آنها را در مسیر درست قرار دهید. این ابزار همچنین با گزارش های قدرتمند و تجزیه و تحلیل ساخته شده است. شما حتی می توانید آن را با حساب Google Analytics خود ادغام کنید تا بتوانید تاثیرات Live Chat را در کسب و کارتان اندازه گیری کنید. شما همچنین می توانید یک پلاگین رایگان وردپرس برای نصب در وب سایت خود دریافت کنید. با نصب این افزونه یک آیکون در کنار پوسته وردپرسی شما ظاهر می شود.

&nbsp;

&nbsp;۱۶- افزونه Envira Gallery

&nbsp;



&nbsp;

اگر قصد اندازی یک وب سایت گالری عکس با وردپرس را دارید، انویرا گالری یک پلاگین قدرتمند گالری عکس در وردپرس است. این پلاگین با ظاهر زیبا و انواع جزئیات قابل کنترل و همچنین قالب های از پیش آماده شده بسیار به شما کمک می کند. برخلاف پلاگین های دیگر از این دست، Envira Gallery بسیار سبک و بدون وابستگی است که این مزیت سرعت لودینگ وب سایت شما را افزایش می دهد. استفاده از تکنیک درگ اند دراپ، ریسپانسیو بودن و ایجاد گالری در متن ها و پست ها، گالری در محصولات ووکامرسی و نمایش فیلم در گالری گوشه ای از جزئیات بسیار زیاد این پلاگین پرقدرت دارد.

&nbsp;

&nbsp;۱۷- افزونه ThirstyAffiliates

&nbsp;



&nbsp;

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

&nbsp;

&nbsp;۱۸- افزونه TablePress

&nbsp;



&nbsp;

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

&nbsp;

&nbsp;۱۹- افزونه Revive Old Post

&nbsp;



&nbsp;

Revive Old Post به شما اجازه می دهد به طور خودکار پست های جدید و قدیمی خود را در شبکه های اجتماعی خود به اشتراک بگذارید. این پلاگین شما را قادر می سازد مطالب خود را در چندین شبکه اجتماعی از جمله فیس بوک، توییتر و لینکداین به اشتراک بگذارید. شما می توانید یک فضای اشتراک گذاری را ساخته و تعداد پست هایی را برای اشتراک گذاری انتخاب کنید. شما همچنین می توانید تصاویر برجسته در توییت خود پست کنید تا نرخ های کلیک را افزایش دهید.

&nbsp;

&nbsp;۲۰- افزونه EWWW Image Optimizer

&nbsp;



&nbsp;

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

&nbsp;

&nbsp;

mk/tmyb

منبع
]]></content:encoded>
  <link> https://www.themeyab.com/blog/۲۷-افزونه-پراستفاده-در-سال-۲۰۱۸---پارت-دوم-1397-آبان</link>
  <pubDate>Thu, 01 Nov 2018 01:58:05 +0330</pubDate>
</item><item>
  <title>۲۷ افزونه پرکاربرد وردپرس در سال ۲۰۱۸</title>
  <image><url>https://www.themeyab.com/img/blog/3U6Q5B935BjefSI6q4TxlOXaY.jpg</url></image>
  <description><![CDATA[پرطرفدارتین بخش وردپرس قسمت افزونه ها است که تاکنون طبق آمار 55000 افزونه ثبت شده در مخزن وردپرس وجود دارد. هرافزونه کارایی و جذابیت منحصر به خود را دارد که بسته به نوع کاربرد در مدیریت وب سایت و قالب وردپرسی به شما کمک خواهد کرد.]]></description>
  <content:encoded><![CDATA[
۲۷ افزونه پرکاربرد وردپرس در سال ۲۰۱۸

پرطرفدارتین بخش وردپرس قسمت افزونه ها است که تاکنون طبق آمار 55000 افزونه ثبت شده در مخزن وردپرس وجود دارد. هرافزونه کارایی و جذابیت منحصر به خود را دارد که بسته به نوع کاربرد در مدیریت وب سایت و قالب وردپرسی به شما کمک خواهد کرد. وجود مجموعه ای از افزونه ها در وب سایت شما، کمک بزرگی به رشد آن خواهد کرد اما در این بین کاربران تازه کار وردپرس همیشه برای یافتن افزونه مورد نیاز برای وب سایت وردپرسی خود دچار سردرگمی می شوند.

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

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

&nbsp;

&nbsp;۱- افزونه WPForms

&nbsp;



&nbsp;

همه وب سایت ها حداقل به یک فرم تماس نیاز دارند، حال اینکه ایجاد و مدیریت این فرم به آسانی صورت گیرد یک مزیت محسوب می شود. WPForms ابتدایی ترین افزونه فرم تماس برای وردپرس است که می تواند از تکنیک کشیدن و رها کردن یک فرم زیبا &nbsp;بدون نوشتن حتی یک خط کد استفاده کنید.

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

نسخه رایگان این افزونه به نام WPForms Lite در دسترس که می توانید از اینجا دریافت کنید.

&nbsp;

&nbsp;۲-افزونه MonsterInsights

&nbsp;



اگر می خواهید ترافیک وب سایت خود را افزایش دهید، قبل از هر چیز مهم است بدانید که کاربران شما چگونه وب سایت شما را پیدا کرده و استفاده می کنند. MonsterInsights بهترین و محبوبترین افزونه Google Analytics برای وردپرس است. که بیش از 1.9 میلیون وب سایت از آن استفاده می کنند.

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

برای مثال: اگر بخواهید یک کمپین یا یک فرم نظرسنجی را در Google Analytics &nbsp;را بررسی کنید، می بایست کد این رویداد را در گوگل آنالیتیک وارد کرده و تنظیمات ویژه ای برای تعیین این هدف انجام دهید. علاوه بر اتلاف زمان و اگر شما در این زمینه تخصصی نداشته باشید حتما به مشکل بر می خورید. اما در افزونه MonsterInsights با چند کلیک این کار براحتی انجام می شود.

در افزونه MonsterInsights &nbsp;کلیه اطلاعات و تجزیه و تحلیل های Google Analytics وب سایت شما در پنل وب سایت وردپرس شما خواهد بود. خوشبختانه نسخه رایگان اولیه این افزونه وردپرسی در مخزن وردپرس موجود است که شما می توانید از طریق این لینک دریافت کنید.

&nbsp;

&nbsp;۳-افزونه Yoast SEO

&nbsp;



yoast seo &nbsp;بهترین افزونه SEO &nbsp;است. افزونه به شما این امکان را می دهد تا براحتی وب سایت وردپرسی خود را برای رتبه بندی موتورجستجوگر بهینه کنید. ویژگی سایت مپ XML و ویرایش متای اطلاعات نوشته شما، کنترل روبات ها و بسیاری ویژگی های دیگر

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

به طور خلاصه، Yoast SEO از تمام تکنیک های SEO برای سایت شما استفاده کرده تا به رتبه قابل قبول دست پیدا کنید.

&nbsp;

&nbsp;۴-افزونه Sucuri

&nbsp;



Sucuri &nbsp;یک راه حل کامل امنیت وب سایت است که سایت شما را از نرم افزارهای مخرب، حملات خشونت آمیز و سایر آسیب پذیری های احتمالی محافظت می کند.

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

این افزونه وب سایت شما را در برابر SQL Injections، XSS و تمام حملات شناخته شده محافظت می کند.

&nbsp;

۵-افزونه &nbsp;OptinMonster

&nbsp;



افزونه &nbsp;OptinMonste، پلاگین قدرتمند در رهبری و کنترل کمپین و بازدیدکنندگان وب سایت وردپرسی است، با استفاده از این افزونه می توان یک کمپین را با استفاده از قالب های از پیش آماده شده ایجاد کرد، نوارهای هشدار، پاپ آپ ها و لینک علاقه مندی ها و موارد دیگر از جمله امکانات این افزونه است.

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

برخی از ویژگی های کلیدی OptinMonster عبارتند از:

تکنولوژی خروج از هدف: ارائه پیشنهادات سفارشی رد نشدنی به بازدیدکنندگان در لحظه ای که قصد ترک وب سایت دارند.

برگشت بازدیدکننده هدف به سایت وردپرسی: &nbsp;ایجاد پیشنهاد ویژه با هدف تکرار بازدید براساس تعاملات قبلی بازدیدکننده در سایت.

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

&nbsp;OptinMonster یکپارچه با تمام خدمات بازاریابی عمده ایمیل ادغام شده است. پلاگین اتصال رایگان در دسترس است که برای دانلود میتوانید از مخزن پلاگین وردپرس استفاده کنید.

&nbsp;

۶-افزونه UpdraftPlus

&nbsp;



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

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

از همه مهمتر، از گزینه های مختلف ذخیره سازی ابر شامل Google Drive، Dropbox و Amazon S3 پشتیبانی می کند.

در حالی که نسخه رایگان به طور کامل با تمام ویژگی های ضروری کارایی دارد، شما به راحتی می توانید ویژگی های اصلی را &nbsp;به نسخه پرمیوم ارتقا دهید.

&nbsp;

&nbsp;۷-افزونه Constant Contact

&nbsp;



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

&nbsp;

&nbsp;۸-افزونه MemberPress

&nbsp;



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

با MemberPress، شما می توانید دسترسی به صفحات خاص، پست ها، انواع پست های سفارشی و یا هر گونه فایل موجود را برای بازدید کنندگان خود محدود کنید. این افزونه یکپارچه با خدمات بازاریابی محبوب ایمیل مانند AWeber، MailChimp، GetResponse و غیره ادغام شده است.

MemberPress پشتیبانی داخلی برای دروازه های پرداخت مانند PayPal، Stripe و Authorize.net ارائه می دهد. شما همچنین می توانید صفحات قیمت گذاری پویا را به سرعت و به آسانی ایجاد کنید. این پلاگین نیز با چندین قالب قیمت گذاری برای ایجاد یک نگاه منحصر به فرد ارائه می شود. همچنین اتصال برای سیستم پرداخت داخل ایران برای این افزونه نیز فراهم شده است.

&nbsp;

۹-افزونه Beaver Builder

&nbsp;



​Beaver Builder یکی از بهترین صفحه سازهای وردپرس با خاصیت درگ اند دراپ یا کشیدن و رها کردن است. این افزونه به &nbsp;شما توانایی ایجاد وب سایت به طوری که شما می خواهید حتی بدون دانستن مهارت های برنامه نویسی می دهد.

&nbsp;شما می توانید با کشیدن و رها کردن برای ساخت صفحات زیبا به آسانی استفاده کنید. شما می توانید بدون نیاز به شروع از ابتدا با افزونه Beaver Builder همراه با ده ها قالب صفحه آماده، طراحی خود را سریعا شروع کنید. شما می توانید یک قالب را انتخاب کنید، تصاویر و متن را با خود جایگزین کنید و سپس پست را منتشر کنید.

Beaver Builder با هر قالب وردپرس کار می کند و به شما کنترل کامل بر مطالب خود را می دهد. حتی اگر شما از افزونه استفاده نکنید، محتوای شما به ویرایشگر وردپرس منتقل می شود.

&nbsp;

۱۰-افزونه LearnDash

&nbsp;



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

روش های فروش این افزونه به شکل های مختلفی است:


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


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

&nbsp;

mk/tmyb

منبع
]]></content:encoded>
  <link> https://www.themeyab.com/blog/۲۷-افزونه-پرکاربرد-وردپرس-در-سال-2018-1397-مهر</link>
  <pubDate>Fri, 19 Oct 2018 00:14:46 +0330</pubDate>
</item><item>
  <title>چگونه با وردپرس یک وب سایت بسازیم؟</title>
  <image><url>https://www.themeyab.com/img/blog/GPYIKJ8KJlNwCINyniEnGT0lV.jpg</url></image>
  <description><![CDATA[اگر سوال شما هم این است که چگونه با کمترین هزینه و زمان، وب سایت مورد نظرتان ساخته و مدیریت کنید! باعث خوشحالی است که اینجا به سوال شما پاسخ داده می شود، در این پست به شما میگوییم که دقیقا چگونه با صرف کمترین هزینه و زمان، وب سایتی داشته باشید که خودتان آنرا ساختید.( سریعتر و ساده تر از چیزی که فکرش رو بکنید)]]></description>
  <content:encoded><![CDATA[
​

چگونه با وردپرس یک وب سایت بسازیم؟

اگر سوال شما هم این است که چگونه با کمترین هزینه و زمان، وب سایت مورد نظرتان ساخته و مدیریت کنید! باعث خوشحالی است که اینجا به سوال شما پاسخ داده می شود، در این پست به شما میگوییم که دقیقا چگونه با صرف کمترین هزینه و زمان، وب سایتی داشته باشید که خودتان آنرا ساختید.( سریعتر و ساده تر از چیزی که فکرش رو بکنید)

&nbsp;

۶ مرحله تا ساختن اولین وب سایت

۱- از هرچیز مشخص کردن موضوع وب سایت.

۲- انتخاب یک سیستم مدیریت محتوای مناسب که پیشنهاد ما وردپرس (Wordpress) هست.

۳- انتخاب فضای میزبان ( هاست ) مناسب و با کیفیت برای میزبانی فضای وب سایت شما.

۴-انتخاب نام دامنه ( دامین ) مناسب موضوع وب سایت شما.

۵- شروع کار با سیستم مدیریت محتوای محبوب وردپرس.

۶- انتخاب قالب مناسب از انبوه قالب های وردپرس و مدیریت سایت خودتان.

&nbsp;

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

چرا باید وب سایت داشته باشیم ؟

در اینجا چند مورد نیاز برای داشتن یک وب سایت را مطرح می کنیم.

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

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

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

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


سوال اول : داشتن یک وب سایت چقدر هزینه دارد؟

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

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


&nbsp;


سوال دوم: آیا می توان بصورت رایگان یک وب سایت را ایجاد کرد؟

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


به چند دلیل:

۱- سرویس های رایگان با در اختیار گذاشتن ابزارهای محدود فضای توسعه در وب سایت را کم می کنند.

۲- با پیشرفت و دریافت مخاطب بیشتر مجبور به مهاجرت از سرویس های رایگان می شوید، این مسئله ممکن است هزینه زمانی و مالی زیادی داشته باشد.

۳- به طور کلی ما برای هر ارزشی پول پرداخت می کنیم، داشتن یک وب سایت خوب و نگهداری آن نیازمند هزینه است و سرویس های رایگان همیشه این ارزش ها را بوجود نمی آورند.

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

&nbsp;

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

&nbsp;

قدم &nbsp;اول : برنامه ریزی کنید! &nbsp;چه چیزی در وب سایت قرار می دهید؟

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

&nbsp;

قدم دوم : انتخاب سیستم مدیریت محتوای مناسب

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

در بین همه سیستم های بلاگ نویسی و مدیریت وب سایت موجود، وردپرس بهترین و پرقدرت ترین سیستم است.

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

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

&nbsp;

قدم سوم : انتخاب فضای میزبانی ( هاست ) 

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

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

&nbsp;

قدم چهارم: نام دامنه خود را ثبت کنید(دامین)

یک دامنه، یک آدرس وب است. به عنوان مثال www.themeyab.com &nbsp;آدرس وب سایت ما هست.

اگر در مورد انتخاب نام دامنه ایده ای ندارید، نام شرکت، نام کسب و کار و یا نام خودتان حتی مخفف را می توانید انتخاب کنید. اما کوتاه بودن و جذابیت برای به خاطر سپردن و معرفی آن بهتر است.

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

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

&nbsp;

قدم پنجم : شروع کار با وردپرس

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

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

ویترین یا قسمت نمای بیرونی وب سایت شما که یکی از مهمترین بخش های وب سایت تعریف می شود قالب (تم theme &nbsp;(و ظاهر آن است هیچگاه از قالب و کارهایی که انجام می دهد غافل نشوید.

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

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


&nbsp;مهمترین دلیل انتخاب قالب یا تم غیر رایگان، بروزرسانی همگام با هسته اصلی وردپرس است.


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

&nbsp;

وب سایت خودتان را بسازید


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


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

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

&nbsp;

قدم ششم&nbsp;&ndash; دیزاین و تولید مطالب برای وب سایت شما

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

۱- برای آنکه محتوا و مطالب شما از بین رقبا بهتر دیده شوند باید نکاتی رو مدنظر قرار بدید که در اصطلاح سئو &nbsp;seoنامیده می شود. در اینجا مطالبی رو در زمینه سئو می بینید.

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

۳- نام کاربری مدیریت را از admin به نام دیگری تغییر بدهید، این کار امنیت شما را افزایش&nbsp; می دهد.

۴- و دریافت گواهینامه های معتبر برای دامنه و وب سایت خود از قبیل ssl و&nbsp; https اعتبار وب سایتتان را بیشتر می کند.

&nbsp;


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


&nbsp;

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

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

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

&nbsp;

از کجا شروع کنم؟&nbsp; یک نقشه راه اساسی رو به شما میگوییم.

۱- در وردپرس (Wordpress) مهارت بیشتری کسب کنید. روش تولید مطالب، کار با پلاگین pluginها ، کار با قالب ها و تنظیمات تخصصی را کنترل و بررسی کنید. ازمجموعه آموزش های وردپرس نیز غافل نشوید.

۲- اولین نوشته، محصول، ویدئو یا عکس خود را منتشر کنید.

۳- صفحات پیش فرض یک وب سایت مانند صفحه درباره ما، ارتباط با ما و ... بسازید. و تکنیکهای آن را یاد بگیرید تا بهترین تاثیرگذاری را روی مخاطبتان داشته باشید.

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

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

۶- ایرادات را اصلاح و تکرار کنید، نگران نباشید کارشناسان ما همچنان در این زمینه کنارتان هستند.

&nbsp;


سوال چهارم: چگونه به محیط مدیریت وب سایت وردپرسی وارد شویم؟

شما می توانید با زدن آدرس پیش فرض www.yourdomain.com/wp-admin وارد قسمت مدیریت وب سایت شوید . yourdomain &nbsp;نام دامنه انتخابی شما است.

روشی را قبلا در اینجا توضیح دادیم که آدرس ورود به محیط مدیریت را برای ارتقای امنیت تغییر می دهد.

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

حتما Spam &nbsp;ایمیلتان را چک کنید.


سوال پنجم:&nbsp; چطور دیزاین قالب وب سایت وردپرسی ام را سفارشی کنم؟

با توجه به قدرتمند بودن وردپرس، قالب های زیاد با دسته بندی های مختلف به شما کمک می کند تا بهترین قالب را برای سایت خود انتخاب کنید، ما در تم یاب&nbsp;به شما کمک می کنیم که بهترین قالب را برای سایت خود انتخاب کنید.

ویژگی قالب های وردپرس این است که به راحتی با چند کلیک و داشتن حداقل دانش طراحی می توانید قالب وب سایت خود را سفارشی سازی کنید.&nbsp;

&nbsp;شما با گذشتن از این شش مرحله صاحب یک وب سایت با سیستم مدیریت محتوای وردپرس می شوید.

M​ka/tmyb

]]></content:encoded>
  <link> https://www.themeyab.com/blog/چگونه-با-وردپرس-یک-وب-سایت-بسازیم؟-1397-شهریور</link>
  <pubDate>Wed, 29 Aug 2018 22:13:37 +0430</pubDate>
</item><item>
  <title>افزایش امنیت و جلوگیری از هک شدن سایت وردپرس</title>
  <image><url>https://www.themeyab.com/img/blog/w39XBsT08w39f2kSRyb0Zxhm7.jpg</url></image>
  <description><![CDATA[پس از خرید قالب وردپرس و راه اندازی سایت، یکی از وظایف اصلی شما تامین امنیت وردپرس است تا از ورود هکرها و هک شدن سایت خود جلوگیری کنید. وردپرس به خودی خود از امنیت خوبی برخوردار است اما بهرحال نیاز است که ما با انجام یکسری تغیرات ، امنیت سایت خود را افزایش دهیم.]]></description>
  <content:encoded><![CDATA[پس از خرید قالب وردپرس و راه اندازی سایت، یکی از وظایف اصلی شما تامین امنیت وردپرس است تا از ورود هکرها و هک شدن سایت خود جلوگیری کنید. وردپرس به خودی خود از امنیت خوبی برخوردار است اما بهرحال نیاز است که ما با انجام یکسری تغیرات ، امنیت سایت خود را افزایش دهیم.
در این پست به صورت قدم به قدم مواردی که برای افزایش امنیت و هک نشدن وب&zwnj;سایت مورد نیاز است را توضیح می&zwnj;دهیم.


۱- از نام کاربری admin استفاده نکنید
شاید باورش سخت باشد اما درصد زیادی از سایت&zwnj;های وردپرس که هک می&zwnj;شوند به خاطر سادگی نام کاربری و رمز عبور پنل مدیریت است. اگر شما هم خودتان را به جای هکر بگذارید اولین حدسی که برای نام کاربری می&zwnj;زنید کلماتی مثل admin یا دامین سایت است.
سعی کنید همیشه برای پنل مدیریت خود از نام کاربری عجیب و غیرقابل حدس استفاده کنید.

۲- انتخاب یک پسورد سخت از واجبات است
پس از نام کاربری، نکته مهم دیگر انتخاب یک پسورد مناسب است. اگر از پسورد&zwnj;هایی مثل admin123456 و &hellip; استفاده می&zwnj;کنید منتظر باشید که به زودی سایتتان هک شود. سعی کنید برای پسورد از کلمات خاص که شخصی هم باشد با ترکیب کاراکتر (حروف کوچک و بزرگ) اعداد و نشانه ها استفاده کنید.
یک روش مناسب دیگر هم استفاده از نرم افزارهای ساخت و نگهداری رمز عبور &laquo;Pasword Manager&raquo; است. شما می&zwnj;توانید از طریق این نرم افزارها برای سایت خود پسوردهای سخت ساخته و نگران فراموش کردن آن&zwnj;ها نیز نباشد. 
در صورت تمایل می&zwnj;توانید از نرم افزارهایی مثل  Dashlane  ,  1Password  و  LastPass  استفاده کنید. 


۳- استفاده از کپچا برای ورود به پنل مدیریت
کار ما هنوز با صفحه لاگین پنل مدیریت تمام نشده است. یکی از روش&zwnj;هایی دیگری که کمک زیادی به افزایش امنیت سایت وردپرسی شما می&zwnj;کند استفاده از کپچا برای لاگین در کردن در سایت است. به این روش در صورتی که روباتی قصد داشت از طریق تکرار زیاد در حدس زدن نام کاربری و رمز عبور به سایت شما وارد شود به کمک این افزونه وردپرس بلاک می&zwnj;شود.
یکی از بهترین سرویس&zwnj;های کپچا در حال حاضر سرویس ReCaptcha از گوگل است. خوشبختانه پلاگین وردپرسی برای این سرویس هم به صورت رایگان وجود دارد که شما می&zwnj;توانید از طریق آدرس  Google Captcha (reCAPTCHA) by BestWebSoft  آن را به سایت وردپرسی خود اضافه کنید.


۴- تغییر آدرس ورود به پنل مدیریت وردپرس
این آخرین کاری است که ما برای صفحه لاگین از آن استفاده می&zwnj;کنیم. در این قدم ما آدرس /wp-admin یا /wp-login را که به صورت پیش فرض توسط وردپرس انتخاب می&zwnj;شود را تغییر می&zwnj;دهیم.
در گذشته به صورت کامل در وبلاگ تم یاب آموزش تغییر آدرس پنل مدیریت را توضیح داده&zwnj;ایم:
 تغییر آدرس ورود به پنل مدیریت وردپرس 

۵- نصب پلاگین&zwnj;های امنیتی وردپرس
با وجود اینکه ۴ قدم قبلی تا حد زیادی امنیت سایت را افزایش می&zwnj;دهد اما بهتر است که در کنار آن&zwnj;ها از یک پلاگین امنیتی نیز برای وردپرس استفاده کنیم. یکی از بهترین افزونه&zwnj;های امنیتی وردپرس  WordFence  است که علاوه بر اسکن کردن سایت از ورود هکرها نیز جلوگیری می&zwnj;کند. همچنین این افزونه با شناسایی حفره&zwnj;های امنیتی معرفی شده وردپرس از ورود هکرها از طریق این حفره ها جلوگیری می&zwnj;کند.
این افزونه متن باز و کاملا رایگان است و شما می&zwnj;توانید از صفحه این افزونه در سایت وردپرس آن را نصب کنید.
 صفحه افزونه WordFence در سایت وردپرس 

۶- به روز نگه داشتن ودرپرس و پلاگین های نصب شده
افزونه&zwnj;ها و مخصوصا وردپرس دایما در حال به روز رسانی هستند تا حفره های امنیتی گزارش شده را برطرف نمایند. مهم&zwnj;ترین وظیفه شما به روز نگه داشتن همیشگی آن&zwnj;ها است. زمانی که نسخه جدیدی از وردپرس یا هر یک از افزونه&zwnj;ها منتشر شود در صفحه اصلی پنل مدیریت یک پیغام مبنی بر در دسترس بودن نسخه جدید به شما نمایش داده می&zwnj;شود. نصب این آپدیت&zwnj;ها که اکثرا اتوماتیک هستند و تنها به فشار دادن یک کلیک توسط شما نیاز دارند را هیچ وقت به تعویق نیندازید.


به کمک این ۶ مرحله ساده شما می&zwnj;توانید مطمئین باشید که امنیت سایت شما از امتیاز بالایی برخوردار است و در مقابل حملات هکرها مقاوم است.]]></content:encoded>
  <link> https://www.themeyab.com/blog/افزایش-امنیت-و-جلوگیری-از-هک-شدن-سایت-وردپرس-1395-آبان</link>
  <pubDate>Sun, 13 Nov 2016 14:49:08 +0330</pubDate>
</item><item>
  <title>تبدیل المان‌های بوت استرپ به متریال دیزاین</title>
  <image><url>https://www.themeyab.com/img/blog/eOjUhmzRlUz7XgtkEhMOUSZbQ.jpg</url></image>
  <description><![CDATA[اگر از کاربران نسخه&zwnj;های جدید سیستم عامل اندروید و یا استفاده کننده سرویس های گوگل باشید  مطمئنا با زبان طراحی Material Design که توسط گوگل ارائه شده است آشنایی دارید.]]></description>
  <content:encoded><![CDATA[
اگر از کاربران نسخه&zwnj;های جدید سیستم عامل اندروید و یا استفاده کننده سرویس های گوگل باشید مطمئنا با زبان طراحی Material Design که توسط گوگل ارائه شده است آشنایی دارید.

گوگل با انتشار فریمورک Material Design Lite سعی بر این دارد که توسعه دهندگان فرانت اند را نیز با این زبان طراحی آشنا کند تا بتواند آن را بیش از پیش در سطح وب سایت&zwnj;ها گسترش دهد. این فریمورک مانند هر فریمورک دیگری از قواعد خاص خود پیروی میکند.
&nbsp;

بیراه نیست اگر بگوییم در حال حاضر بوت استرپ محبوبترین فریمورک طراحی فرانت اند در نزد توسعه دهندگان ایرانی است. شما به کمک کتابخانه MDB می&zwnj;توانید المان های گرافیکی پیش فرض بوت استرپ را با کیفیت بسیار خوبی به المان&zwnj;های متریال دیزان تبدیل کنید تا نیازی نباشد برای طراحی به سبک متریال دیزاین به سراغ یادگیری Material Design Lite بروید.



شما می&zwnj;توانید این کتابخانه را از آدرس http://mdbootstrap.com/material-design-for-bootstrap دانلود کنید.
&nbsp;

البته نکته حائز اهمیت این است که با وجود کیفیت بالای این کتابخانه در صورتی که نیاز به بهترین بازدهی در سبک طراحی متریال دیزاین دارید بهترین گزینه استفاده از فریمورک اختصاصی گوگل به نام Material Design Lite می&zwnj;باشد.

]]></content:encoded>
  <link> https://www.themeyab.com/blog/تبدیل-المان‌های-بوت-استرپ-به-متریال-دیزاین-1394-اسفند</link>
  <pubDate>Thu, 10 Mar 2016 10:53:39 +0330</pubDate>
</item><item>
  <title>تبدیل منوی بوت استرپ به منوی کشویی</title>
  <image><url>https://www.themeyab.com/img/blog/Cvmu6Nhy1H7hRGeEJRqvYY6Nl.jpg</url></image>
  <description><![CDATA[با توجه به پیشرفت فناوری و فراگیر شدن دیوایس&zwnj;های مختلف از قبیل تلفن&zwnj;های هوشمند و تبلت بخش اعظمی از مرور صفحات وب از کامپیوترهای دسکتاپ به این دیوایس&zwnj;ها منتقل شده است و این آمار به صورت روزانه در حال افزایش است. مدیران سایت&zwnj;ها برای موفقیت و جلب رضایت کاربران باید سایت&zwnj;هایی مناسب برای دیوایس های مختلف داشته باشند که این نیاز به کمک طراحی واکنشگرا (ریسپانسیو) برطرف می شود.
]]></description>
  <content:encoded><![CDATA[در انتهای این پست یاد خواهیم گرفت که منوی پیش فرض بوت استرپ را تبدیل به این منو کنیم.

 با توجه به پیشرفت فناوری و فراگیر شدن دیوایس&zwnj;های مختلف از قبیل تلفن&zwnj;های هوشمند و تبلت  بخش اعظمی از مرور صفحات وب از کامپیوترهای دسکتاپ به این دیوایس&zwnj;ها منتقل شده است و این آمار به صورت روزانه در حال افزایش است. مدیران سایت&zwnj;ها برای موفقیت و جلب رضایت کاربران باید سایت&zwnj;هایی مناسب برای دیوایس های مختلف داشته باشند که این نیاز به کمک طراحی واکنشگرا (ریسپانسیو) برطرف می شود. 
 پیش از این درقالب یک پست به صورت کامل درباره دلایل اهمیت طراحی ریسپانسیو برای سایت&zwnj;ها توضیح داده ایم اما در اینجا قصد داریم راه حلی برای یکی از معضلات و نقاط حساس طراحی ریسپانسیو که قسمت ناوبری سایت شما است صحبت کنیم. 
یکی از مشکلات اغلب سایت ها در نسخه ریسپانسیو ، سخت بودن پیمایش سایت و گشت و گذار در بین صفحات مختلف آن است که بر عهده منو&zwnj;ها می&zwnj;باشد. فریمورک&zwnj;هایی از قبیل بوت استرپ با طراحی منو&zwnj;های باز شونده و دسترس پذیری منو ، سعی در حل این مشکل داشته اند اما باز هم با این وجود در بعضی شرایط این منو جوابگوی نیازهای کاربر نیست.
یکی از بزرگترین مشکلاتی که منوی پیش فرض بوت استرپ در حالت ریسپانسیو دارد این است که اگر تعداد آیتم های منو کمی زیاد شود چیدمان آنها از حالت بهینه خود خارج و برای کاربر آزار دهنده می&zwnj;شود.
در این مقاله به شما آموزش خواهیم داد که منو پیش فرض بوت استرپ را به یک اسلاید منو تبدیل کنید.
مراحل انجام کار:
۱- فایل&zwnj;های مورد نیاز پروژه را دانلود کنید.

۲- اضافه کردن فایل&zwnj;های CSS  زیر به پروژه :

  
      
&amp;lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&amp;gt;
&amp;lt;link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"&amp;gt;
      
  

 ۳- فراخوانی کتابخانه JS به پروژه : 

  
      
&amp;lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&amp;gt;
&amp;lt;script src="../dist/js/bootstrap.offcanvas.js"&amp;gt;
      
  

 ۴- برای ساخت دکمه ساید منو کد زیر را با کد اصلی (طبق تصویر) جایگزین کنید. 

  
      
&amp;lt;button type="button" class="navbar-toggle offcanvas-toggle" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" style="float:left;"&amp;gt;
  &amp;lt;span class="sr-only"&amp;gt;Toggle Button&amp;lt;/span&amp;gt;
  &amp;lt;span class="icon-bar"&amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class="icon-bar"&amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class="icon-bar"&amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;/button&amp;gt;
      
  


۵- در مرحله آخر شما باید کد زیر را جایگزین کد پیش فرض منوی بوت استرپ کنید (طبق تصویر) .

  
      
&amp;lt;nav class="navbar navbar-default navbar-offcanvas navbar-offcanvas-touch navbar-offcanvas-fade" role="navigation" id="js-bootstrap-offcanvas"&amp;gt;
  &amp;lt;div class="container-fluid"&amp;gt;
    &amp;lt;div class="navbar-header"&amp;gt; &amp;lt;a class="navbar-brand" href="#"&amp;gt;Brand&amp;lt;/a&amp;gt;
      &amp;lt;button type="button" class="navbar-toggle offcanvas-toggle pull-right" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" style="float:left;"&amp;gt; Toggle navigation  
    &amp;lt;/div&amp;gt;
    &amp;lt;div&amp;gt;
      &amp;lt;ul class="nav navbar-nav"&amp;gt;
        &amp;lt;li class="active"&amp;gt;&amp;lt;a href="#"&amp;gt;Link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
        &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
        &amp;lt;li class="dropdown"&amp;gt; Another Link &amp;lt;span class="caret"&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;
          &amp;lt;ul class="dropdown-menu" role="menu"&amp;gt;
          &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Action&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Another action&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Something else here&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li class="divider"&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;Separated link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li class="divider"&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;li&amp;gt;&amp;lt;a href="#"&amp;gt;One more separated link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
          &amp;lt;/ul&amp;gt;
        &amp;lt;/li&amp;gt;
      &amp;lt;/ul&amp;gt;
      &amp;lt;form class="navbar-form navbar-left" role="search"&amp;gt;
        &amp;lt;div class="form-group"&amp;gt;
          &amp;lt;input type="text" class="form-control" placeholder="Search"&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;button type="submit" class="btn btn-default"&amp;gt;Submit&amp;lt;/button&amp;gt;
      &amp;lt;/form&amp;gt;
      &amp;lt;ul class="nav navbar-nav navbar-right"&amp;gt;
        &amp;lt;li&amp;gt;Link
        &amp;lt;li&amp;gt;Another Link
      &amp;lt;/ul&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;/nav&amp;gt;
      
  



 شما می&zwnj;توانید فایل نمونه این منو را بر روی CodePen مشاهده کنید. 

  See the Pen off-canvas Menu For Bootstrap by Ali Haddadkar (@ali_haddadkar) on CodePen.


]]></content:encoded>
  <link> https://www.themeyab.com/blog/تبدیل-منوی-بوت-استرپ-به-منوی-کشویی-1394-دی</link>
  <pubDate>Mon, 11 Jan 2016 10:33:16 +0330</pubDate>
</item><item>
  <title>آموزش فلکس باکس توسط FLEXBOX FROGGY</title>
  <image><url>https://www.themeyab.com/img/blog/WxfMCKiOUBhDNFWccSMLfZCFB.jpg</url></image>
  <description><![CDATA[این روزها تب استفاده از Flexbox در بین توسعه دهندگان فرانت-اند  به بالاترین میزان خود رسیده است؛ کارآمد ترین قابلیتی که کنسرسیوم W3C برای حل مشکلات توسعه دهندگان در زمینه صفحه آرایی در وب ارائه کرده است.]]></description>
  <content:encoded><![CDATA[این روزها تب استفاده از Flexbox در بین توسعه دهندگان فرانت-اند  به بالاترین میزان خود رسیده است؛ کارآمد ترین قابلیتی که کنسرسیوم W3C برای حل مشکلات توسعه دهندگان در زمینه صفحه آرایی در وب ارائه کرده است.
به کمک Flexbox شما نسبت به تنظیمات دیگر از قبیل Float , Display , Position بی&zwnj;نیاز خواهید شد و همه المان ها را به کمک این خاصیت مدیریت می&zwnj;کنید. از بزرگترین ویژگی های Flexbox ، راحتی و کیفیت بالا در سایزهای ریسپانسیو می&zwnj;باشد که کار شما را به نسبت شیوه های قدیمی ساده&zwnj;تر می&zwnj;کند.
 
پیش از این در تم یاب به صورت کامل به معرفی Flexbox پرداختیم. شما می&zwnj;توانید این آموزش را که در قالب ۴ پست در وبلاگ تم یاب منتشر شده است را از اینجا مشاهده کنید.
 
اما قدم بعدی که در زمینه آموزش فلکس باکس در نظر گرفته ایم ، آموزش این قابلیت از طریق یک بازی ساده است.



FLEXBOX FROGGY یک بازی (آموزش) ساده چند مرحله ای است که توسط  Thomas Park   طراحی شده است. در FLEXBOX FROGGY که از ۲۴ مرحله تشکیل شده است شما می&zwnj;بایست قورباغه را به کمک قابلیت های Flexbox به جایگاه اصلی خود که همان برگ نیلوفر آبی است منتقل کنید. برای هر مرحله نیز آموزش های مورد نیاز عنوان شده است.
برای استفاده بهتر ما این بازی را به همراه آموزش های آن به فارسی ترجمه کرده ایم که شما می&zwnj;توانید از آدرس www.themeyab.com/flexbox آن را مشاهده و مراحل آن را انجام دهید. 
 
شما می&zwnj;توایند نسخه انگلیسی این بازی را از صفحه Github آن مشاهده کنید. ]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-فلکس-باکس-توسط-FLEXBOX-FROGGY-1394-دی</link>
  <pubDate>Mon, 28 Dec 2015 11:35:33 +0330</pubDate>
</item><item>
  <title>حضور تم یاب در بیست و یکمین نمایشگاه الکامپ تهران</title>
  <image><url>https://www.themeyab.com/img/blog/GMfXohN0FY1wec3IrzFigB2Oo.jpg</url></image>
  <description><![CDATA[به رسم هر ساله افتخار داریم امسال نیز در طول برگزاری نمایشگاه بین المللی الکامپ تهران میزبان شما باشیم. از شما دعوت می کنیم از تاریخ ۲۳ لغایت ۲۶ آذر ماه ، همه روزه از ساعت ۹ الی ۱۷ در این نمایشگاه و غرفه تم یاب حضور بهم رسانید.]]></description>
  <content:encoded><![CDATA[
به رسم هر ساله افتخار داریم امسال نیز در طول برگزاری نمایشگاه بین المللی الکامپ تهران میزبان شما باشیم. از شما دعوت می کنیم از تاریخ ۲۳ لغایت ۲۶ آذر ماه ، همه روزه از ساعت ۹ الی ۱۷ در این نمایشگاه و غرفه تم یاب حضور بهم رسانید.
نمایشگاه الکامپ بزرگترین رویداد تجاری در عرصه تولید و عرضه محصولات و خدمات صنایع الکترونیک و کامپیوتر کشور است که همه ساله با حضور گسترده و چشمگیر دست اندرکاران این حوزه و مخاطبان آنها در محل دائمی نمایشگاه های بین المللی تهران برگزار می گردد. در این نمایشگاه آخرین دستاوردهای این صنعت اعم از سخت افزار و نرم افزار به علاقمندان عرضه     می گردد و فرصتی بی بدیل برای تبادل نظر و مذاکره در اختیار شرکت کنندگان قرار می گیرد.
تهران ، محل دائمی نمایشگاه های بین المللی تهران ، سالن خلیج فارس ، غرفه ۱-۷۱۹]]></content:encoded>
  <link> https://www.themeyab.com/blog/حضور-تم-یاب-در-بیست-و-یکمین-نمایشگاه-الکامپ-تهران-1394-آذر</link>
  <pubDate>Sun, 13 Dec 2015 18:30:04 +0330</pubDate>
</item><item>
  <title>دریافت دومین جایزه کاربردپذیری توسط تم یاب</title>
  <image><url>https://www.themeyab.com/img/blog/Mhoj9jhYcnUOcWwkrUqavx3gd.jpg</url></image>
  <description><![CDATA[همایش کاربرد پذیری که یک رویداد تخصصی است و سالانه در روز جهانی کاربرد پذیری به صورت همزمان در سراسر دنیا برگزار می&zwnj;شود امسال هم در تاریخ ۲۱ آبان ۱۳۹۴ برگزار شد. این رویداد تلاش دارد که محصولات را از نظر سهولت استفاده از آن ارتقا بخشد و لذت استفاده از آنها را برای کاربران افزایش دهد.]]></description>
  <content:encoded><![CDATA[همایش کاربرد پذیری که یک رویداد تخصصی است و سالانه در روز جهانی کاربرد پذیری به صورت همزمان در سراسر دنیا برگزار می&zwnj;شود امسال هم در تاریخ ۲۱ آبان ۱۳۹۴ برگزار شد. این رویداد تلاش دارد که محصولات را از نظر سهولت استفاده از آن ارتقا بخشد و لذت استفاده از آنها را برای کاربران افزایش دهد.
همزمان با برگزاری این رویداد تم یاب جایزه کاربرد پذیری را توسط هیئت داوران دریافت نمود. جایزه کاربردپذیری با هدف افزایش سطح کیفی تجربه کاربری و کاربردپذیری محصولات اعطا می&zwnj;شود. هیئت داوران با بررسی بیش از ۱۸۰ محصول ثبت نام شده ، تم یاب را به عنوان یکی از محصولاتی که توانست این جایزه را دریافت کند انتخاب نمود.
این محصولات از ۷ نظر مورد بررسی قرار گرفتند:

Memorability ( یادآورپذیری )
Learnability ( آموزش پذیری )
Utility ( امکانات )
Efficiency ( کارآیی )
Findability ( یافت پذیری )
Accessibility ( دسترسی پذیری )
Safety ( ایمنی )


 جناب آقای نصرالله جهانگرد معاون وزیر و رئیس سازمان فناوری اطلاعات ایران جوایز تیم های برتر را اهدا نمود. ]]></content:encoded>
  <link> https://www.themeyab.com/blog/دریافت-دومین-جایزه-کاربردپذیری-توسط-تم-یاب-1394-آبان</link>
  <pubDate>Sat, 14 Nov 2015 12:31:23 +0330</pubDate>
</item><item>
  <title>آموزش Flexbox - قسمت چهارم</title>
  <image><url>https://www.themeyab.com/img/blog/uYWqWhTQubAtrXkt5X9toFi82.jpg</url></image>
  <description><![CDATA[در جلسات گذشته تمام خاصیت&zwnj;های مربوط به flex-container و flex-item گفته شد. در این جلسه قصد داریم در مورد پشتیبانی مرورگرها از Flexbox توضیحاتی ارائه بدیم. اگر به یاد داشته باشید در جلسه اول ذکر شد که سینتکس flexbox سال&zwnj;های 2009 ، 2011 و 2012 با هم تفاوت دارند و دچار تغیراتی شده اند. دیدن مجدد تصویر زیر که در جلسه اول منتشر شد خالی از لطف نیست:]]></description>
  <content:encoded><![CDATA[اگر هنوز قسمت های گذشته آموزش Flexbox را نخوانده&zwnj;اید ، قبل از خواندن ادامه متن این پست ها را مطالعه کنید.  قسمت اول  ، قسمت دوم و قسمت سوم
        در جلسات گذشته تمام خاصیت&zwnj;های مربوط به flex-container و flex-item گفته شد. در این جلسه قصد داریم در مورد پشتیبانی مرورگرها از Flexbox توضیحاتی ارائه بدیم. اگر به یاد داشته باشید در جلسه اول ذکر شد که سینتکس flexbox سال&zwnj;های 2009 ، 2011 و 2012 با هم تفاوت دارند و دچار تغیراتی شده اند. دیدن مجدد تصویر زیر که در جلسه اول منتشر شد خالی از لطف نیست:
        
        برای اینکه مرورگرهای قدیمی هم از flexbox  پشتیبانی کنند، باید از Syntax قدیمی هم استفاده کنیم. البته به یاد داشته باشید علاوه بر استفاده از Syntax قدیمی، برای بعضی از خاصیت&zwnj;ها باید از پیشوند مرورگرها هم استفاده کرد.
        برای مثال برای استفاده از خاصیت display:flex کد زیر را می نویسیم.
        
                            
.flex-container{
&nbsp;&nbsp;display: -webkit-box;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* iOS 6 و Safari 3.1-6 */
&nbsp;&nbsp;display: -moz-box;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* برای Firefox قبل از نسخه ۱۹ */
&nbsp;&nbsp;display: -ms-flexbox;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* IE 10 */
&nbsp;&nbsp;display: -webkit-flex;&nbsp;&nbsp;&nbsp;&nbsp; /* نسخه های جدید Google Chrome */
&nbsp;&nbsp;display: flex;
}
                
            
        
        
         یا برای خاصیت order از کد زیر استفاده می کنیم.
        
                            
.flex-item{
&nbsp;&nbsp;-webkit-box-ordinal-group: 3;&nbsp;&nbsp; /* iOS 6 و Safari 3.1-6 */
&nbsp;&nbsp;-moz-box-ordinal-group: 3;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* برای Firefox قبل از نسخه ۱۹ */
&nbsp;&nbsp;-ms-flex-order: 3;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* IE 10 */
&nbsp;&nbsp;-webkit-order: 3;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* نسخه های جدید Google Chrome */
&nbsp;&nbsp;order: 3;&nbsp;
}
                
            
        
        
        برای خاصیت flex که در جلسه پیش توضیح داده شد نیز کد زیر را مینویسم:
        
                            .item1{order: -3;}
.flex-item{
&nbsp;&nbsp;-webkit-box-flex: 1 200px;&nbsp;&nbsp; /* iOS 6 و Safari 3.1-6 */
&nbsp;&nbsp;-moz-box-flex: 1 200px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* برای Firefox قبل از نسخه ۱۹ */
&nbsp;&nbsp;-ms-flex: 1 200px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* IE 10 */
&nbsp;&nbsp;-webkit-flex: 1 200px;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* نسخه های جدید Google Chrome */
&nbsp;&nbsp;flex: 1 200px;&nbsp;&nbsp;
}
                
            
        
        
        اما مطمئنا نوشتن ۵ خط کد برای هر خاصیت دشوار است و مورد رضایت توسعه دهندگان نیست. برای حل این مشکل شما می&zwnj;توانید از یکی از پیش پردازنده&zwnj;های CSS استفاده کنید. در اینجا یک فایل نمونه برای افرادی که از Sass استفاده می&zwnj;کنند قرار داده&zwnj;ایم. در این فایل همه خاصیت&zwnj;ها به صورت mixin تعریف شده اند. شما می&zwnj;توانید فایل را دانلود کنید از Flexbox همراه با Sass لذت ببرید.
        دانلود از Github
        به عنوان آخرین موضوع ، بعضی از دوستان در شبکه های اجتماعی تقاضا کرده بودند تا نمونه استفاده از Flexbox را در پروژه واقعی شرح دهیم. به همین دلیل نمونه نحوه استفاده از Flexbox را در یک پروژه ایجاد کرده&zwnj;ایم که می&zwnj;توانید در پایین مشاهده کنید. این تکه کد به کمک خاصیت order در سایزعادی و ریسپانسیو عکس العمل متفاوتی دارد که می&zwnj;توانید آن را تست کنید.
        See the Pen Flexbox_layout by Ali Haddadkar (@ali_haddadkar) on CodePen.

        سری آموزش های Flexbox در اینجا به اتمام رسید. در صورتی که در مورد نحوه استفاده از Flexbox سوالی داشتید می&zwnj;توانید از طریق قسمت نظرات همین پست و یا اکانت تم یاب در توئیتر  با ما در ارتباط باشید.]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-Flexbox-قسمت-چهارم-1394-آبان</link>
  <pubDate>Sun, 25 Oct 2015 10:54:56 +0330</pubDate>
</item><item>
  <title>آموزش Flexbox - قسمت سوم</title>
  <image><url>https://www.themeyab.com/img/blog/gDuY5jZpmfDNaigxmyHZxVhi0.jpg</url></image>
  <description><![CDATA[در سومین قسمت از آموزش Flexbox به سراغ ویژگی و خاصیت&zwnj;های Flexitem ها خواهیم رفت. در جلسات پیش توضیحات مرتبط با Flexbox و Flexcontainer عنوان شد و در این جلسه نوبت به Flex itemها رسیده است که چطور می&zwnj;توان به کمک خاصیت&zwnj;های موجود هر آیتم را شخصی سازی کرد. خاصیت هایی از قبیل order ، flex-grow ، flex-shrink ، flex-basis ، flex و align-self که تا انتهای این آموزش با آن&zwnj;ها آشنا خواهید شد.]]></description>
  <content:encoded><![CDATA[اگر هنوز  قسمت اول  و قسمت دوم آموزش Flexbox را نخوانده&zwnj;اید ، قبل از خواندن ادامه متن این ۲ پست را مطالعه کنید.
        در جلسه قبلی خصوصیات مربوط به Flex containerها را بررسی کردیم اما در این جلسه یک قدم به جلوتر خواهیم رفت و خصوصیاتی که مربوط به Flex itemها می&zwnj;باشند را مورد بررسی قرار خواهیم داد.
        در پایان این مطلب خصوصیات مربوط به Flexbox ها به اتمام می&zwnj;رسد و در قسمت بعدی به سراغ توضیحاتی در مورد پشتیبانی مرورگرها از این قابلیت می&zwnj;رویم.
        
        order
        به کمک خاصیت order شما می&zwnj;توانید ترتیب چینش Flex itemها را مشخص کنید. مقادیر این خاصیت اعداد می&zwnj;باشند و هرچه عدد کوچکتر باشد اولویت آیتم بالاتر خواهد بود.
        مقدار پیشفرض این خاصیت 1 می&zwnj;باشد که اگر به آیتمی order ندهید اولویت آن ۱ محسوب می&zwnj;شود. شما می&zwnj;توانید از اعداد منفی هم استفاده کنید.
        این خاصیت یکی از کاربردی ترین خاصیت&zwnj;ها برای طراحی ریسپانسیو می&zwnj;باشد.
        در تصویر زیر نحوه اولویت بندی آیتم ها نشان داده شده است:
        
        
            
                
.item1{order: -3;}
.item2{order: 1;}
.item3{order: 4;}
.item4{order: 2;}
                
            
        
        See the Pen Order by Ali Haddadkar (@ali_haddadkar) on CodePen.

        
        flex-grow
        با استفاده از این خاصیت می&zwnj;توانید توانایی بزرگ شدن یک آیتم را تعیین کنید. مقادیر این خاصیت اعداد هستند که مقدار پیشفرض آن 0 است؛ یعنی آیتم&zwnj;ها توانایی بزرگ شدن را ندارند. در صورتی که Flex container فضای خالی داشته باشد و به یک آیتم  flex-grow: 1 بدهید آن آیتم تا جایی بزرگ می&zwnj;شود که فضای خالی درون Flex container از بین برود.
        اگر به همه آیتم&zwnj;ها flex-grow: 1&nbsp;بدهید، همه ی آنها به یک اندازه بزرگ می&zwnj;شوند. اگر در همین حالت مقدار flex-grow یکی از آیتم&zwnj;ها را 2 قرار دهید، آن آیتم ۲ برابر بقیه آیتم&zwnj;ها بزرگ خواهد شد.
        توجه داشته باشید وقتی flex-direction : row&nbsp;  باشد، flex-grow&nbsp; در عرض (width)  آیتم اعمال میشود و اگر flex-direction : column باشد، flex-grow&nbsp;در ارتفاع(height)  اعمال می&zwnj;شود.
        
        
        
            
                
.item2{
   flex-grow: 1;

}                
                
            
        
        See the Pen flex-grow by Ali Haddadkar (@ali_haddadkar) on CodePen.

        
        flex-shrink
        به کمک این خاصیت می توانید توانایی کوچک شدن یک آیتم را تعیین کنید. مقدار پیشفرض flex-shrink برابر 1 است، یعنی آیتم ها می&zwnj;توانند کوچک شوند. اگر flex-wrap:nowrap &nbsp;باشد، آیتم ها تا زمانی که عرضشان به 0 برسد کوچک می&zwnj;شوند. حال اگر در این صورت مقدار flex-shrink&nbsp;یکی از آیتم ها را برابر 2 قرار دهیم، آن آیتم ۲ برابر دیگر آیتم ها کوچک می&zwnj;شود.
        
        توجه داشته باشید که این خاصیت در حالت ریسپانسیو فعال می&zwnj;شود. در دمو ۲حالت Full-width و Responsive نمایش داده شده است. در حالت Full-width به دلیل اینکه Container فضای خالی دارد آیتم ها به سایز کاملشان نمایش داده می&zwnj;شوند. اما زمانی که به حالت Responsive برویم به دلیل اینکه Container کوچک می&zwnj;شود و فضای کافی برای نمایش همه آیتم ها وجود ندارد آیتم ها کوچک می&zwnj;شوند.
        کارایی flex-shrink در اینجا مشخص می&zwnj;شود که به دلیل اینکه آیتم دوم مقدار flex-shrink : 2 را گرفته است ۲ برابر سایر آیتم&zwnj;ها کوچک می&zwnj;شوند.

        
            
                
.item2{
  flex-shrink: 2;
}         
                
            
        
        See the Pen flex-shrink by Ali Haddadkar (@ali_haddadkar) on CodePen.

        flex-basis
        این خاصیت مقدار عرض یا ارتفاع flex-item را تعیین میکند. یعنی عرض یا ارتفاع از این مقدار نمی&zwnj;تواند کمتر شود. این خاصیت مانند  min-height&nbsp;وmin-width&nbsp; عمل می کند. اگر خاصیت flex-direction : row بود flex-basis عرض آیتم را مشخص می&zwnj;کند و اگر flex-direction : culomn بود آنگاه flex-basis ارتفاع آیتم را مشخص می کند.
        
            
                
.item2 {
  flex-basis: 200px;
}
                
            
        
        Flex
        این خاصیت یکی دیگر از خاصیت&zwnj;های مختصر نویسی CSS می&zwnj;باشد. به کمک flex می&zwnj;توانید خاصیت&zwnj;های flex-grow ، flex-shrink  و flex-basis را در یک خط خلاصه نویسی کنید.
        
            
                
.item2{
  flex-grow: 1;
  flex-shrink: 4;
  flex-basis: 200px;

}
یا
.item2{
  flex: 1 4 200px;
}
                
            
        
        مقادیر flex به ترتیب عبارتند از flex-grow , flex-shrink و flex-basis که مقادیر ۲ و ۳ اختیاری است و شما می&zwnj;توانید آن&zwnj;ها را ننویسید.
        align-self
        با استفاده از این خاصیت می&zwnj;توانید نحوه قرار گرفتن عمودی هر flex-item را مشخص کنید. مقادیر این خاصیت دقیقا همان مقادیر خاصیت align-items است.
        
        
            
                
.item2 {
  align-self: flex-start;
  align-self: flex-end;
  align-self: center;
  align-self: baseline;
  align-self: stretch;
} 
                
            
        
        آموزش این جلسه هم به پایان رسید. آخرین مطلب آموزشی flexbox که در جلسه بعدی توضیح خواهیم داد در مورد پشتیبانی مرورگرها از این قابلیت است.
        شما می&zwnj;توانید نظرات ، انتقادات و پیشنهادات خود را درباره این آموزش و سایر آموزش&zwnj;ها از طریق بخش نظرات اعلام کنید.
به روز رسانی
 جلسه بعدی آموزش Flexbox در سایت قرار گرفت. شما می&zwnj;توانید قسمت چهارم آموزش Flexbox را از اینجا مطالعه کنید.]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-Flexbox---قسمت-سوم-1394-مهر</link>
  <pubDate>Sat, 17 Oct 2015 10:27:13 +0330</pubDate>
</item><item>
  <title>آموزش Flexbox - قسمت دوم</title>
  <image><url>https://www.themeyab.com/img/blog/5OQWukbIHYxcsaDRySxz7wmPG.jpg</url></image>
  <description><![CDATA[در دومین قسمت از سری آموزش های FlexBox با قابلیت&zwnj;های بیشتری از این خصوصیت کاربردی آشنا خواهیم شد. در جلسه قبل ، ابتدا به معرفی Flexbox پرداختیم و سپس با خاصیت&zwnj;های flex و flex-direction آشنا شدیم. در این پست تعداد بیشتری از خاصیت&zwnj;های flexbox را آموزش خواهیم داد. ]]></description>
  <content:encoded><![CDATA[        اگر هنوز قسمت اول آموزش Flexbox را نخوانده&zwnj;اید ، قبل از خواندن ادامه متن این پست را مطالعه کنید.
        همانطور که به یاد دارید در جلسه قبل ، ابتدا به معرفی Flexbox پرداختیم و سپس با خاصیت&zwnj;های flex  و flex-direction آشنا شدیم. در این پست تعداد بیشتری از خاصیت&zwnj;های flexbox را آموزش خواهیم داد. در انتهای این پست قادر هستیم المان&zwnj;های خود را به کمک قابلیت Floxbox به هر شکل دلخواه در صفحه قرار دهیم.
        flex-wrap
        در حالت عادی همه flex-item ها در یک خط قرار می&zwnj;گیرند. به کمک خاصیت flex-wrap شما می&zwnj;توانید مشخص کنید که flex-item ها در چندین خط قرار بگیرند.
        
        همانطور که در تصویر بالا مشاهده کردید در حالت پیشفرض همه Flex itemها در یک خط قرار می&zwnj;گیرند. در این حالت width آیتم&zwnj;ها در نظر گرفته نمی&zwnj;شود و آیتم ها تا حدی که در یک خط قرار بگیرند کوچک می&zwnj;شوند (اسلاید ۱) .
        اما در صورتی که بخواهیم فلکس آیتم ها در چندین خط نمایش داده شوند می&zwnj;توانیم از خاصیت wrap استفاده کنیم. در این حالت Flex itemها به نسبت عرض خود در صفحه جایگذاری می&zwnj;شوند و در صورت نیاز تعدادی از آن&zwnj;ها به خط بعدی می&zwnj;روند (اسلاید ۳) .
        به هر کدام از خط&zwnj;هایی که در این روش ایجاد می&zwnj;شوند اصطلاحا flex-line می&zwnj;گویند(اسلاید ۴) .
        مقادیری که می&zwnj;توانید برای  flex-wrap استفاده کنید به شرح زیر است:
        
            
                
.container {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    flex-wrap: wrap-reverse;
}
                
            
        
        
        nowrap : این مقدار پیشفرض است و تمامی آیتم ها در یک خط و در کنار هم قرار می&zwnj;گیرند.
        wrap : با استفاده از این مقدار آیتم ها در چند خط قرار میگیرند (اگر صفحه شما RTL   باشد از راست به چپ و اگر صفحه LTR باشد از چپ به راست قرار میگیرند) . 
        wrap-reverse : این مقدار شبیه به wrap است اما به جای اینکه چیدمان آیتم ها از بالا به پایین باشد از پایین به بالا است.
    
        شما می&zwnj;توانید پیش نمایش هر ۳ مقدار را از اینجا مشاهده کنید:
        See the Pen flex-Wrap by Ali Haddadkar (@ali_haddadkar) on CodePen.

        flex-flow
        مطمئینا با قابلیت های ساده نویسی در CSS آشنا هستید. اکنون به کمک flex-flow شما می&zwnj;توانید مقادیری که برای flex-direction و flex-wrap در نظر دارید را در یک خاصیت بنویسید. 
        به مثال زیر دقت کنید:
        
            
                
.container {
    flex-direction:row;
    flex-wrap: wrap;
}
یا
.container {
    flex-flow: row wrap;
}
                
            
        
        
         محور اصلی و محور فرعی
        قبل از ادامه توضیح خاصیت&zwnj;های Flexbox می&zwnj;خواهیم ۲ عنوان مهم در مورد فلکس باکس را شرح دهیم:
        
            محور اصلی: 
        محور اصلی که اصطلاحا Main نامیده می&zwnj;شود از محدوده سمت چپ تا سمت راست Flexbox است. به بیان ساده&zwnj;تر می&zwnj;توان گفت محور اصلی هم اندازه Width است.
        
            محور فرعی: 
                محور فرعی که اصطلاحا Cross نامیده می&zwnj;شود از محدوده بالا تا پایین Flexbox است. به بیان ساده&zwnj;تر می&zwnj;توان گفت محور اصلی هم اندازه Height است.
        
        در شکل زیر این ۲ مفهوم و چندین مفهوم دیگر از قبیل Main axis و Cross axis به ساده&zwnj;ترین شکل توضیح داده شده است.
        
        در آخر به این نکته توجه داشته باشید که اگر خاصیت flex-direction را برابر با column و یا column-reverse قرار داده باشید جای محور اصلی (Main) و فرعی (Cross) برعکس خواهد شد.
        justify-content
        با استفاده از این خاصیت می&zwnj;توانید نحوه چیدمان آیتم&zwnj;ها بر روی محور اصلی را تعیین کنید (به یاد داشته باشید همانطور که گفتیم اگر خاصیت flex-direction برابر column یا column-reverse باشد، محور اصلی عمودی خواهد بود) .
        
        
            
                
.container {
&nbsp;&nbsp;justify-content: flex-start;
  justify-content: flex-end;
  justify-content: center;
  justify-content: space-between;
  justify-content: space-around;
}                
            
        
        
        flex-start : آیتم&zwnj;ها از ابتدای flex-line ها چیده می&zwnj;شوند.
        flex-end : آیتم&zwnj;ها از انتهای flex-line ها چیده می&zwnj;شوند.
        center :آیتم&zwnj;ها از وسط flex-line ها چیده می&zwnj;شوند.
        space-between :آیتم اول در ابتدا و آیتم آخر در انتهای flex line قرار می گیرند و بقیه آیتم ها در بین آنها با یک فاصله ی برابر قرار می&zwnj;گیرند.
        space-around :آیتم ها با فضای برابر در کنار یکدیگر قرار می&zwnj;گیرند.
    
        پیش نمایش این خاصیت:
        See the Pen justify-content by Ali Haddadkar (@ali_haddadkar) on CodePen.

        
        align-items
        این خاصیت نحوه چینش Flex itemها را در محور Cross مشخص می کند. این خاصیت مانند justify-content&nbsp; است تنها تفاوت آنها در مقادیرشان است.
        
        
            
                
.container {
&nbsp;&nbsp;align-items: flex-start;
  align-items: flex-end;
  align-items: center;
  align-items: baseline;
  align-items: stretch;
}
                
            
        
        
            flex-start : آیتم&zwnj;ها از نقطه ابتدایی محور cross (محور عمودی) چیده می&zwnj;شوند.
            flex-end  :آیتم&zwnj;ها از نقطه انتهایی محور cross (محور عمودی) چیده می&zwnj;شوند.
            center : آیتم&zwnj;ها در وسط محور Cross (محور عمودی) چیده می&zwnj;شوند.
            Stretch : در صورتی که ارتفاع آیتم&zwnj;ها مشخص نشده باشد، آیتم ها کشیده میشوند و Flex line را پر میکنند.این مقدار پیشفرض است.
            Baseline : این مقدار یکی از جالب&zwnj;ترین خصوصیات Flexbox است. با انتخاب این مقدار، آیتم ها بر اساس Baselineشان هم&zwnj;تراز می&zwnj;شوند. در عکس بالا این مورد به خوبی نشان داده شده است. در آن عکس Baseline آیتم ها پایین کلمه Themeyab است و آیتم ها بر اساس آن خط با هم&zwnj;دیگر تراز شده اند.
        
        پیش نمایش این خاصیت:
        See the Pen align-items by Ali Haddadkar (@ali_haddadkar) on CodePen.

        همانطور که در توضیحات ذکر شد ، مقدار Stretch در صورتی آیتم&zwnj;ها را به شکل کشیده در می&zwnj;آورد که Height نداشته باشند. در این مثال هم دیدید که وقتی حالت Stretch را انتخاب کردید flex-item 4 کشیده نشد. زیرا از طریق CSS به این آیتم ارتفاع داده ایم. اما flex-item 2 که ارتفاع نداشت کشیده شد.
        align-content
        فرض کنید که ارتفاع flex-container بیشتر از فضایی است که flex-lineها گرفته اند و اصطلاحا مقداری فضای خالی در flex-container وجود دارد. به کمک خاصیت align-content شما می&zwnj;توانید محل قرارگیری این flex-line ها را مشخص کنید که از نظر محور عمودی در کجا قرار گیرند.
        مقادیری که align-content به جز یک مورد می&zwnj;گیرد دقیقا همان مقادیر justify-content است که در همین پست توضیح دادیم.
        
        
            
                
.container {
  align-content: flex-start;
  align-content: flex-end;
  align-content: center;
  align-content: space-between;
  align-content: space-around
  align-content: stretch;
}
                
            
        
        
            flex-start : با این مقدارflex-line ها در ابتدای flex-container جمع می&zwnj;شوند.
            flex-end  :با این مقدارflex-line ها در انتهای flex-container جمع می&zwnj;شوند
            center : با این مقدار flex-lineها در وسط flex-container جمع میشوند.
            space-between : با این مقدار فضای خالی&nbsp;به طور مساوی بینflex-line ها توزیع میشود. خط اول در ابتدا و خط آخر در انتهای flex container قرار می&zwnj;گیرند و بقیه خطوط در بین این ۲ خطر قرار می&zwnj;گیرند.
            space-around : فضای خالی به طور مساوی بینflex-line ها تقسیم می&zwnj;شود.
            stretch : با این مقدارflex-line ها کشیده می&zwnj;شوند و فضای خالی را پر می کنند (این مقدار پیشفرض است).
        
        See the Pen align-content by Ali Haddadkar (@ali_haddadkar) on CodePen.

        خصوصیات مربوط به flex-contianer در اینجا به اتمام رسید و از جلسه آینده بحث را پیرامون خصوصیات flex-item ادامه خواهیم داد.
        شما می&zwnj;توانید نظرات ، انتقادات و پیشنهادات خود را درباره این آموزش و سایر آموزش&zwnj;ها از طریق بخش نظرات اعلام کنید.
به روز رسانی
 جلسه بعدی آموزش Flexbox در سایت قرار گرفت. شما می&zwnj;توانید قسمت سوم آموزش Flexbox را از اینجا مطالعه کنید.
        نویسنده: علی حدادکار]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-Flexbox-قسمت-دوم-1394-مهر</link>
  <pubDate>Sat, 03 Oct 2015 10:54:05 +0330</pubDate>
</item><item>
  <title>آموزش Flexbox - قسمت اول</title>
  <image><url>https://www.themeyab.com/img/blog/pCZqpm9nP0DLb3YipJLiagn2i.jpg</url></image>
  <description><![CDATA[همه ما با Layout بندی فعلی از طریق CSS آشنایی داریم (display ، margin: auto; ، max-width ، position ، float ، clear ، media query ، inline-block و ...) و تقریبا همه مشکلات آنها را میدانیم. برای مثال حتما با مشکل Float که به وسیله تکنیک Clearfix حل می شود برخورد داشته&zwnj;اید؛ خبر خوبی که برای طراحان وب وجود دارد این است که با معرفی Flexbox نه تنها تمامی این موارد برطرف شده&zwnj;اند، بلکه قابلیت های بسیار خوب و کاربردی به کمک این دستور در اختیار شما قرار گرفته است.]]></description>
  <content:encoded><![CDATA[همه ما با Layout بندی فعلی از طریق CSS آشنایی داریم (display ، margin: auto; ، max-width ، position ، float ، clear ، media query ، inline-block و ...) و تقریبا همه مشکلات آنها را میدانیم. برای مثال حتما با مشکل Float که به وسیله تکنیک Clearfix حل می شود برخورد داشته&zwnj;اید؛ خبر خوبی که برای طراحان وب وجود دارد این است که با معرفی Flexbox نه تنها تمامی این موارد برطرف شده&zwnj;اند، بلکه قابلیت های بسیار خوب و کاربردی به کمک این دستور در اختیار شما قرار گرفته است.
      Flexbox چیست؟
      Flexbox یک مدل Layout بندی جدید است که با CSS3 معرفی شد و هدف آن ایجاد لایه بندی پویا و انعطاف پذیر است. در ادامه به معرفی قابلیت ها و آموزش استفاده ازFlexbox  می پردازم. 
      
      برخلاف آنچه اکثر طراحان وب فکر می&zwnj;کنند Flexbox خیلی هم تازه نیست! Flexbox ابتدا در ژولای 2009 با سینتکس&nbsp;display : box&nbsp;معرفی شد و بعد از یک سری تغییرات در مارس سال 2011 سینتکس آن تغییر یافت و به display: flexbox&nbsp;تبدیل شد. سپس در سپتامبر 2012 مرحله ی سوم بازبینی از سینتکس  این قابلیت توسط W3C یا همان کنسرسیوم شبکه جهانی وب انجام گرفت که در نهایت به شکل کنونی که همان display: flex است تغییر یافت. 
       بار برخلاف ۲ مرتبه گذشته این display : flex مورد تائید W3C واقع شد و این Syntax به عنوان سینتکس همیشگی فلکس باکس معرفی شد.
      
      در حال حاضر تمامی مرورگرها به جز اینترنت اکسپلورر ۸ و ۹ از flexbox پشتیبانی میکنند پس با خیال راحت میتوانید از این قابلیت استفاده کنید.
      نحوه ایجاد Flexbox
      برای استفاده از Flexbox نیاز به Flex-container و Flex-item دارید.
      Flex-container همان محدوده ای است که قرار است است در بر گیرنده چندین آیتم باشد. به عنوان مثال فرض کنید که شما ۳ div دارید که می&zwnj;خواهید این ۳ div در کنار یکدیگر قرار بگیرند. در این حالت شما یک div کلی خواهید داشت (که اصطلاحا به آن Flex-container گفته می&zwnj;شود) و در داخل آن ، ۳ عدد div جداگانه قرار خواهید داد (که همان Flex-item خواهند بود).
      
      سورس کد:
      
            
                
&amp;lt;div&amp;amp;gt flex-container
    &amp;lt;div&amp;amp;gt flex-item&amp;lt;/div&amp;amp;gt
    &amp;lt;div&amp;amp;gt flex-item&amp;lt;/div&amp;amp;gt
    &amp;lt;div&amp;amp;gt flex-item&amp;lt;/div&amp;amp;gt
&amp;lt;/div&amp;amp;gt
                
            
        
      ساخت Flex-container به وسیله خاصیت display
      برای ایجاد flex-container به المنت مورد نظر display: flex یا display: inline-flex می&zwnj;دهیم. در آن حالت تمامی المنت&zwnj;های درون flex-container به flex-item تبدیل می شوند. (کار inline-flex  شبیه flex است با این تفاوت که باعث می شود عنصر نگهدارنده خاصیت inline بگیرد).

      
      
      
            
                
.container {
    display: flex;
}

یا

.container {
    display: inline-flex;
}
                
            
        
      ترتیب نمایش flex-item ها با خاصیت flex-direction
      قدم بعدی انتخاب نحوه نمایش flex-item ها است. تا اینجا ما یک div ساخته ایم که قرار است ۳ div که همان flex-item ها هستند را در داخل خود جای دهد.به طور کلی ما ۴ حالت برای نمایش این div ها خواهیم داشت که در ادامه به همراه عکس توضیح داده شده است. برای اینکه تمامی flex-item ها به صورت ردیف یا ستون در کنار هم قرار بگیرند از خاصیت flex-direction استفاده می کنیم. 
      
      
            
            
                
.container
{
    flex-direction: row;
    flex-direction: row-reverse;
    flex-direction: column;
    flex-direction: column-reverse;
}

                
            
        
     
        
            row : این مقدار برای چیدمان افقی به کار میرود. اگر صفحه شما RTL  باشد چیدمان از راست به چپ انجام می شود در غیر اینصورت آیتم ها از چب به راست قرار میگیرند.
                
        
            Column : اگر میخواهید چیدمان عمودی داشته باشید از این مقدار استفاده کنید. 
        
        
            row-reverse و column-reverse : این دو دقیقا برعکس ۲ مورد قبلی بودن. اگر در حالت row چیدمان آیتم ها از چپ به راست بود در row-reverse به صورت برعکس آن یعنی راست به چپ خواهد بود. همچنین در column-reverse هم چیدمان آیتم ها از پایین به بالا خواهد بود.  
        
    
      در پایین شما می&zwnj;توانید نتیجه این کدها را مشاهده کنید:
      See the Pen FlexBox1 by Ali Haddadkar (@ali_haddadkar) on CodePen.

    
      
      قسمت اول سری آموزش فلکس باکس به اتمام رسید در این قسمت مقدمه&zwnj;ای برای آموزش Flexbox عنوان کردیم. در جلسات آینده با خصوصیات بیشتری آشنا خواهید شد.
به روز رسانی
         جلسه بعدی آموزش Flexbox در سایت قرار گرفت. شما می&zwnj;توانید قسمت دوم آموزش Flexbox را از اینجا مطالعه کنید.
      نویسنده: علی حدادکار
      ]]></content:encoded>
  <link> https://www.themeyab.com/blog/آموزش-Flexbox-1394-شهریور</link>
  <pubDate>Mon, 21 Sep 2015 11:13:32 +0430</pubDate>
</item><item>
  <title>تغییر آدرس ورود به پنل مدیریت وردپرس</title>
  <image><url>https://www.themeyab.com/img/blog/sgKAFm2ilVe62Xh6zRRrht57P.jpg</url></image>
  <description><![CDATA[با این آموزش یاد خواهید گرفت که چطور صفحه ورود به مدیریت (لاگین) وردرپرس را تغییر دهید. همه ما میدونیم که برای ورود به صفحه مدیریت وردپرس باید وارد آدرس yoursite.com/wp-admin یا yoursite.com/wp-login.php شویم. تغییر دادن این آدرس میتونه تاثیر خوبی روی امنیت سایت بزاره. پس با ما همراه باشید تا سایتی ایمن&zwnj;تر و شخصی&zwnj;تر داشته باشید]]></description>
  <content:encoded><![CDATA[با این آموزش یاد خواهید گرفت که چطور صفحه ورود به مدیریت (لاگین) وردرپرس را تغییر دهید. همه ما میدونیم که برای ورود به صفحه مدیریت وردپرس باید وارد آدرس yoursite.com/wp-admin یا yoursite.com/wp-login.php شویم. تغییر دادن این آدرس میتونه تاثیر خوبی روی امنیت سایت بزاره. پس با ما همراه باشید تا سایتی ایمن&zwnj;تر و شخصی&zwnj;تر داشته باشید. برای این کار چند روش وجود داره که در این پست دوتا از بهترین روش&zwnj;ها رو توضیح خواهیم داد.
        
        ۱- استفاده از پلاگین HC Custom WP-Admin URL
        
        با استفاده از این پلاگین خیلی راحت و بی دردسر می&zwnj;تونید آدرس ورود به بخش مدیریت سایت را تغییر دهید. در مرحله اول این افزونه رو دانلود و نصب کنید. 
         دانلود پلاگین
         بعد از نصب افزونه به بخش تنظیمات &amp;gt; پیوند&zwnj;های یکتا بروید. خواهید دید که فیلد جدیدی به اسم WP-Admin slug اضافه شده است.
        
        
        آدرس مورد نظر خود را می&zwnj;تونید در این فیلد بنویسید و بر روی دکمه ذخیره تفییرات کلیک کنید. حالا خواهید دید که دیگر با آدرس قبلی امکان مشاهده صفحه لاگین را ندارید و باید از طریق آدرس جدید اقدام به ورود در سایت نمایید.
        
        ۲- تغییر در فایل های هسته وردپرس
        علاوه بر استفاده از پلاگین HC Custom WP-Admin URL شما می&zwnj;توانید با ایجاد تغییراتی در فایل&zwnj;های وردپرس آدرس صفحه مدیریت سایت خود را تغییر دهید. لازم به ذکر است که این روش نسبت به روش قبلی از امنیت بالاتری برخوردار است و توصیه ما این است که در صورت داشتن اطلاعات فنی ، از این روش استفاده کنید.
        
        قبل از شروع از فایل&zwnj;های سایت خود بکاپ بگیرید.
        اکنون به فولدر وردپرس (root) بروید و فایل wp-login.php را پیدا کرده و اسم آن را به اسم مورد نظر خود تغییر دهید. برای مثال من به new-page-login.php تغییر دادم.
        
        بعد از تغییر نام ، فایل را با یک نرم افزار ادیتور متن (notepad++ ، sublime text و...) باز کنید و هرکجا رشته wp-login.php وجود داشت آن را به new-page-login.php تغییر دهید.
        حالا سعی کنید با آدرس wp-login.php وارد شوید ، خواهید دید که با خطا مواجه می&zwnj;شوید اما اگر آدرس جدید را وارد کنید صفحه لاگین برای شما باز می&zwnj;شود. نسبتا کار ما تمام شده فقط یک مرحله دیگر هنوز باقی است.
        برای ادامه کار به پوشه wp-includes بروید و فایل general-template.php را باز کنید. اکنون مثل مرحله قبل همه رشته&zwnj;های wp-login.php را به new-page-login.php تغییر دهید.
        حالا دیگه همه چی تمام شد و به راحتی می تونید از این پس با ادرس your-site.com/new-page-login.php وارد صفحه مدیریت وردپرس خود شوید.
        فقط به این نکته توجه داشته باشید که با برورسانی وردپرس این تغییرات به حالت پیشفرض برمیگردند و بعد از هر بروزرسانی مجددا باید این تغییرات رو اعمال کنید.
        
        نویسنده: علی حدادکار]]></content:encoded>
  <link> https://www.themeyab.com/blog/تغییر-آدرس-ورود-به-پنل-مدیریت-وردپرس-1394-شهریور</link>
  <pubDate>Sat, 12 Sep 2015 10:39:58 +0430</pubDate>
</item><item>
  <title>شخصی سازی پیشخوان وردپرس</title>
  <image><url>https://www.themeyab.com/img/blog/JT9ph6Z1TxZ7hxhKUGUTJTuPn.jpg</url></image>
  <description><![CDATA[همه مدیران سایت&zwnj;های وردپرسی ساعت&zwnj;هایی از وقتشان را در پنل مدیریت سایتشون سپری می&zwnj;کنند. اما نکته&zwnj;ای که وجود داره اینه که برخلاف انتظار خیلی از این افراد خیلی ساده از صفحه اول پنل مدیریت سایت وردپرسی (یا همان پیشخوان) رد می&zwnj;شوند و معمولا این صفحه کاربرد زیادی برایشان ندارد. یکی از دلایل این اتفاق عدم وجود ابزارک&zwnj;های مفید و کاربردی در پیشخوان است.]]></description>
  <content:encoded><![CDATA[        همه مدیران سایت&zwnj;های وردپرسی ساعت&zwnj;هایی از وقتشان را در پنل مدیریت سایت خود سپری می&zwnj;کنند. اما نکته&zwnj;ای که وجود دارد این است که برخلاف انتظار اکثر آنها خیلی ساده از صفحه اول پنل مدیریت سایت وردپرسی (یا همان پیشخوان) رد می&zwnj;شوند و معمولا این صفحه کاربرد زیادی برایشان ندارد. یکی از دلایل این اتفاق عدم وجود ابزارک&zwnj;های مفید و کاربردی در پیشخوان است.
        شاید بارها پیش آمده باشد که از خودتون بپرسید آیا امکان شخص سازی داشبورد وردپرس وجود دارد یا خیر؟ امروز با استفاده از هک&zwnj;های وردپرس نحوه انجام این کار رو برای شما شرح خواهیم داد.
        ۱- غیرفعال کردن پیغام آپدیت وردپرس

        
        برای غیرفعال کردن پیغام آپدیت وردپرس فایل functions.php موجود در فولدر قالب را باز کرده (اگر این فایل وجود نداشت اون رو بسازید) و کد زیر رو بهش اضافه کنید:
        
            
                
add_action('admin_menu','wphidenag');
function wphidenag() {
    remove_action( 'admin_notices', 'update_nag', 3 );
}
                
            
        
        از این به بعد دیگر هیچ پیغامی برای آپدیت داخل داشبورد نمایش داده نمی&zwnj;شود. اما یادتان باشد که همیشه نسخه وردپرس سایت را به روز نگه دارید.
        
        ۲- تغییر متن فوتر پیشخوان وردپرس
        
        برای تغییر متن فوتر کافیه کد زیر را در فایل functions.php قالب وردپرس قرار دهید:
        
            
                
function remove_footer_admin () {
    echo "تمام حقوق سایت نزد &amp;lt;a href='http://www.themeyab.com'&amp;amp;gtتم یاب&amp;lt;/a&amp;amp;gt محفوظ است.";
} 

add_filter('admin_footer_text', 'remove_footer_admin');
                
            
        
        بعد از اعمال تغیرات ، خروجی چیزی مانند عکس زیر خواهد شد:
        

        
        ۳- حذف ابزارک های پیشفرض پیشخوان وردپرس
        ساده&zwnj;ترین راه برای عدم نمایش ابزارک ها در صفحه پیشخوان ، استفاده از منوی &laquo;تنظیمات صفحه&raquo; است که در بالا سمت چپ صفحه قرار دارد.
        
        اما راه دیگری نیز برای این کار وجود دارد که همان استفاده از فایل functions.php موجود در پوشه قالب است. با این روش می&zwnj;توانید به صورت دائم ابزارک&zwnj;هایی را از داشبورد پنل مدیریت حذف کنید. برای این کار کافی است تکه کد زیر را به این فایل اضافه کنید:
        
            
                
function example_remove_dashboard_widgets() {

global $wp_meta_boxes;

unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);

unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
}

add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );
                
            
        
        
        ۴- افزودن ابزارک اختصاصی به پیشخوان وردپرس
        بعد از حذف ابزارک های اختصاصی اگر میخواهید ابزارک&zwnj;های دلخواه و اختصاصی شما در پیشخوان وردپرس نمایش داده شود باز به سراغ فایل functions.php بروید و ابزارک دلخواه خودتون رو بسازید.
        
            
                
function example_dashboard_widget_function() {
    echo " پایگاه فروش و خرید قالب وب سایت | تم یاب";
}

function example_add_dashboard_widgets() {
    wp_add_dashboard_widget('example_dashboard_widget', 'تم یاب', 'example_dashboard_widget_function');
}
add_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );

                
            
        
        اکنون اگر به پیشخوان مدیریت وردپرس مراجعه کنید خواهید دید که ابزارک تم یاب به سایت اضافه شده است.این دستور یک ابزارک با نام &laquo;تم یاب&raquo; و با پیام &laquo;پایگاه فروش و خرید قالب وب سایت | تم یاب&raquo;  می&zwnj;سازد و به کاربر مورد نظر در پیشخوان وردپرس نمایش می دهد.

        
       
        ۵- غیرفعال کردن منوها
        برای سفارسی سازی بیشتر پیشخوان وردپرس می&zwnj;توانید منو هایی که نیاز ندارید را از دید مشتری یا مدیر سایت پنهان کنید. برای این کار فایل functions.php رو باز کرده و تکه کد زیر رو به آن اضافه کنید.

        
            
                
function remove_menus()
{
    global $menu;
    global $current_user;
    get_currentuserinfo();

    if($current_user-&amp;gt;user_login == 'clients-username')
    {
        $restricted = array(__('Posts'),
        __('Media'),
        __('Links'),
        __('Pages'),
        __('Comments'),
        __('Appearance'),
        __('Plugins'),
        __('Users'),
        __('Tools'),
        __('Settings')
        );
        end ($menu);
        while (prev($menu)){
            $value = explode(' ',$menu[key($menu)][0]);
            if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
        }// end while

    }// end if
}
add_action('admin_menu', 'remove_menus');
                
            
        
        نام کاربری مورد نظرتون رو با clients-username جایگزین کنید و منو هایی که می خواید برای این کاربر در دسترس باشند را از کد بالا حذف کنید.
        در تصویر زیر خواهید دید که با تکه کد اضافه شده منوها از شکل سمت راست به شکل سمت چپ تغیر کرده اند.
        
        
        ۶- تغیر لوگو صفحه ورود
        برای تغییر لوگو صفحه ورود وردپرس کد زیر رو به فایل functions.php اضافه کنید.
        
            
                
function custom_login_logo() {
    echo '';
}
add_action('login_head', 'custom_login_logo');
                
            
        
        تصویر لوگو مورد نظرتون رو در پوشه قالب خود آپلود کنید و نام اون را به جای logo.png قرار دهید.
        
نویسنده: علی حدادکار]]></content:encoded>
  <link> https://www.themeyab.com/blog/شخصی-سازی-پیشخوان-وردپرس-1394-شهریور</link>
  <pubDate>Sat, 05 Sep 2015 13:19:06 +0430</pubDate>
</item><item>
  <title>نکات طراحی رابط کاربری - سری اول</title>
  <image><url>https://www.themeyab.com/img/blog/zFw2YNljLI4b63XaMfIcwxUke.jpg</url></image>
  <description><![CDATA[اگر از دنبال کنندگان اکانت تم یاب در اینستاگرام باشید ، سری پست های &laquo;نکات طراحی&raquo; را مشاهده کرده اید. ما در اینستاگرام هر از چندی پستی با موضوع آموزش نکات کوچک اما کاربردی در طراحی رابط کاربری ارسال می&zwnj;کنیم. اگر تاکنون این سری پست&zwnj;ها را ندیده اید می&zwnj;توانید در این پست ، ۵ نکته اول را مشاهده کنید.]]></description>
  <content:encoded><![CDATA[   اگر از دنبال کنندگان اکانت تم یاب در اینستاگرام باشید ، سری پست های &laquo;نکات طراحی&raquo; را مشاهده کرده اید. ما در اینستاگرام هر از چندی پستی با موضوع آموزش نکات کوچک اما کاربردی در طراحی رابط کاربری ارسال می&zwnj;کنیم. اگر تاکنون این سری پست&zwnj;ها را ندیده اید می&zwnj;توانید در این پست ، ۵ نکته اول را مشاهده کنید.
    
    ۱- استفاده از کنتراست برای جلب توجه
    
    شما به عنوان طراح باید به صورت هوشمندانه از کنتراست استفاده کنید.
    
    کنتراست بین المان ها کمک میکند که قسمت های مهم تر ، توجه کاربر را بیشتر به خود جلب کند.
    به عنوان مثال در طرح اول همه موراد با یک رنگ نشان داده شده&zwnj;اند و فهمیدن تمایز بین المان برای کاربر سخت است. درست است که استایل و سایز فونت با همدیگر متفاوت است اما کنتراست باعث می شود که چشم کاربر راحت تر بین المان ها تفکیک کند.
        
    به یاد داشته باشید هرچه میزان کنتراست یک المان با رنگ بک&zwnj;گراند بیشتر باشد بهتر توجه کاربران را جلب می&zwnj;کند. به عنوان مثال در طرح دوم در اولین لحظه توجه کاربر به عنوان متن جلب می&zwnj;شود زیرا بیشترین کنتراست متعلق به عنوان متن می باشد. بعد از آن اسم نویسنده در اولیت قرار دارد و در آخرین مرحله تاریخ به چشم کاربران می&zwnj;آید.
    لینک پست در اینستاگرام
    
    
    ۲- فضای خالی (به کاربران اجازه نفس کشیدن بدهید)
    
    استفاده هوشمندانه از فضای سفید در طراحی وب سایت بسیار مهم است. استفاده از فضای سفید خالی بین متون و باکس ها علاوه بر اینکه باعث می&zwnj;شود حواس و چشم بازدیدکنندگان بر روی المان های خاص که برای شما ارزش بیشتری دارند متمرکز شود. همچنین باعث می&zwnj;شود خوانایی متون نیز بالا رود.
    همانقدر که عدم استفاده از فضای سفید به طراحی شما صدمه می&zwnj;زند، استفاده بیش از حد آن نیز مضر است. این فضای خالی نباید آنقدر زیاد باشد که به یوزر حس رها شدن طرح را القا کند. استفاده و انتخاب هوشمندانه از فضای خالی در تجربه کاربری سایت نیز تاثیر بسزایی دارد.
    لینک پست در اینستاگرام
    
    
    ۳- محدوده حساس لینک&zwnj;ها
    
    تا حالا چندبار برای کلیک کردن روی لینک&zwnj;های خیلی کوچک مشکل داشته&zwnj;اید (مخصوصا اگر از لپ تاپ استفاده میکنید.) ؟
    یکی از المان&zwnj;هایی که مطمئینا در همه صفحات اینترنتی وجود دارد لینک است. لینک ها نقش مهمی را در صفحات اینترنتی ایفا میکنند چون وظیفه اصلی ناوبری و پیمایش در سایت شما بر عهده آنهاست. 
جدا از محل قرارگیری لینک ها که در هر طراحی متفاوت است مورد مهم دیگری که وجود دارد دسترس پذیری و قابلیت لمس راحت آنهاست. همیشه سعی کنید محدوده حساس و کلیک پذیر لینک ها را به صورت باکسی با مقداری حاشیه ایجاد کنید تا کاربران راحت تر بتوانند بر روی لینک مورد نظرشان کلیک کنند.

    در عکس هر ۲ روش نشان داده شده است و تکه کد مورد نیاز برای حل این مشکل هم ذکر شده. انتخاب با خود شماست
    
    
        
            
            a {
                display: block;
                padding: 10px;
            }
            
        
    
    لینک پست در اینستاگرام
    
    
    ۴- فاصله خط&zwnj;های متون از یکدیگر
    
    قسمت زیادی از هر وب سایت را متون تشکیل می&zwnj;دهد. این متون همیشه نقش مهمی را در رساندن بازدیدکننده به هدفی که به خاطر آن به سایت شما وارد شده است ایفا می&zwnj;کنند. لذا راحتی کاربر در خواندن آنها بسیار مهم و حائز اهمیت می&zwnj;باشد.
    یکی از نکاتی که علاوه بر انتخاب فونت و سایز مناسب باید به آن دقت کنید فاصله خطوط پاراگراف&zwnj;ها از همدیگر هستند. مقدار دهی اشتباه به این خصوصیت بر خلاف سادگیش می&zwnj;تواند سایت شما را قربانی خود کند.

در تصویر ، تکه کد یک خطی برای مقدار دهی به این خصوصیت ذکر شده است و شما می&zwnj;توانید نتیجه آن را نیز مشاهده کنید.

        
        
            
            p {
                line-height: 20px; 
            }
            
        
    
    لینک پست در اینستاگرام
      
    
    ۵- فاصله صحیح بین المان&zwnj;ها
    
    در پست قبلی درباره فاصله صحیح خط&zwnj;های متون از یک دیگر توضیح دادیم. اما باز هم این مورد همه آن چیزی که باید رعایت بکنید نیست.
    گاهی اوقات شما موضوعات مختلفی را به صورت متنی پشت سر هم می&zwnj;نویسید که این موضوعات عناوین مختلف دارند. یادتان باشد باید فاصله این عناوین با خط های بالا و پایینشان را به شکلی انتخاب کنید که کاربران به سادگی متوجه بشوند این عنوان مربوط به کدام تکه از متن است.

    لینک پست در اینستاگرام
    
    
    شما می&zwnj;توانید با فالو کردن اکانت تم یاب در اینستاگرام پست های بعدی ما را در هنگام انتشار مشاهده کنید.]]></content:encoded>
  <link> https://www.themeyab.com/blog/نکات-طراحی-رابط-کاربری---سری-اول-1394-شهریور</link>
  <pubDate>Wed, 26 Aug 2015 10:10:06 +0430</pubDate>
</item><item>
  <title>تغییر رنگ نوار ناتیفیکیشن تلفن های اندروید متناسب با سایت شما</title>
  <image><url>https://www.themeyab.com/img/blog/8qEaOnTlNobX3iMmExppyCUHz.jpg</url></image>
  <description><![CDATA[یکی از مشکلاتی که اغلبا طراحان وب سایت با آن مواجه هستند محدودیت های موجود در طراحی سایت برای دیوایس&zwnj;های موبایل یا تبلت است. گاهی طراحان مجبورند تعدادی از المان های اضافه&zwnj;تر که برای زیبایی بیشتر در نسخه دسکتاپ استفاده کرده&zwnj;اند را در نسخه موبایل و تبلت حذف کنند. این موضوع ممکن است باعث دلزدگی کاربران این دیوایس&zwnj;ها شود زیرا دیگر از آن شور و شوق و زیبایی نسخه دسکتاپ خبری نیست.]]></description>
  <content:encoded><![CDATA[یکی از مشکلاتی که اغلبا طراحان وب سایت با آن مواجه هستند محدودیت های موجود در طراحی سایت برای دیوایس&zwnj;های موبایل یا تبلت است. گاهی طراحان مجبورند تعدادی از المان های اضافه&zwnj;تر که برای زیبایی بیشتر در نسخه دسکتاپ استفاده کرده&zwnj;اند را در نسخه موبایل و تبلت حذف کنند. این موضوع ممکن است باعث دلزدگی کاربران این دیوایس&zwnj;ها شود زیرا دیگر از آن شور و شوق و زیبایی نسخه دسکتاپ خبری نیست.
    متاسفانه راهکار خاص و همیشگی برای حل این موضوع وجود ندارد و این خود طراح است که باید در طراحی خود به نحوی عمل کند که طراحی بصری سایت در سایز موبایل کاهش پیدا نکند. اما در این میان راه حل&zwnj;هایی وجود دارد که با یک سری از امکانات بتوانیم با کاربران موبایل تعامل برقرار کنیم. سعی می&zwnj;کنیم در آینده هر از گاهی یکی از این قابلیت ها را شرح دهیم. 
یکی از این روش&zwnj;ها این است که شما می&zwnj;توانید زمانی که کاربر سایت شما را در موبایلش باز کرد اگر تلفن همراه آن یک تلفن اندرویدی بود Notification Bar آن را به رنگ سایت خود تغییر رنگ دهید. 

این قابلیت درحال حاضر تنها برای تلفن های هوشمند با سیستم عامل Android 5 به بالاتر و مرورگر گوگل کروم کار می&zwnj;کند. به عنوان مثال اگر تلفن همراه شما از اندروید ۵ بهره می&zwnj;برد سایت تم یاب را در مرورگر گوگل کروم باز کنید خواهید دید که رنگ محدوده ناتیفیکشن گوشیتان به رنگ آبی تم یاب تغییر می&zwnj;کند. رنگی که در حالت عادی مشکی + سفید است.
در عکس زیر تفاوت میان استفاده و عدم استفاده از این قابلیت را مشاهده می&zwnj;کنید. 

برای این کار شما می&zwnj;توانید از متاتگ theme-color در قسمت &amp;lt;Head&amp;gt; قالب خود استفاده کنید. در اینجا می&zwnj;توانید کد مورد نیاز را مشاهده کنید. تنها کافی است کد هگزادسیمال رنگ مورد نظر را جایگزین کد رنگ فعلی کنید.

    
        
&amp;lt;html&amp;amp;gt
    &amp;lt;head&amp;amp;gt
        &amp;lt;meta name="theme-color" content="#1f90e0"&amp;amp;gt
    &amp;lt;/head&amp;amp;gt
    
    &amp;lt;body&amp;amp;gt...&amp;lt;/body&amp;amp;gt
&amp;lt;/html&amp;amp;gt
        
    

همانطور که اعلام شد در حال حاضر تنها تلفن های هوشمند اندروید ۵ و بالاتر با نرم افزار گوگل کروم از این قابلیت پشتیبانی می&zwnj;کنند اما شاید در آینده سایر سیستم عامل ها یا مرورگرها نیز این قابلیت را به لیست خود اضافه کنند. ]]></content:encoded>
  <link> https://www.themeyab.com/blog/تغییر-رنگ-نوار-ناتیفیکیشن-تلفن-های-اندروید-متناسب-با-سایت-شما-1394-مرداد</link>
  <pubDate>Mon, 10 Aug 2015 09:46:45 +0430</pubDate>
</item><item>
  <title>چرا سایت شما به طراحی ریسپانسیو نیاز دارد؟</title>
  <image><url>https://www.themeyab.com/img/blog/WUWCcKXK17qNmwzbdkiEnvvWK.jpg</url></image>
  <description><![CDATA[شما روی چه دیوایسی این متن را مطالعه می&zwnj;کنید؟ تبلت ،  تلفن هوشمند ، کامپیوتر شخصی و یا حتی لپ تاپ ؟ امکان داره در حال حاضر شما از هریک از این دیوایس ها برای خواندن این پست استفاده کنید و نفر دیگر در حال استفاده از یکی دیگر از دستگاه های ذکر شده باشد. این همان دلیلی است که به خاطر آن ما باید مطمئین باشیم که سایتمان به خوبی در همه سایزهای صفحات نمایش باز می&zwnj;شود.]]></description>
  <content:encoded><![CDATA[
    شما روی چه دیوایسی این متن را مطالعه می&zwnj;کنید؟ تبلت ،  تلفن هوشمند ، کامپیوتر شخصی و یا حتی لپ تاپ ؟ امکان داره در حال حاضر شما از هریک از این دیوایس ها برای خواندن این پست استفاده کنید و نفر دیگر در حال استفاده از یکی دیگر از دستگاه های ذکر شده باشد. این همان دلیلی است که به خاطر آن ما باید مطمئین باشیم که سایتمان به خوبی در همه سایزهای صفحات نمایش باز می&zwnj;شود.
در ۵ سال گذشته آمار استفاده از موبایل و تبلت برای گشت و گذار در وب به میزان زیادی افزایش یافته و این دلیل قانع کننده ای برای اهمیت یافتن طراحی ریسپانسیو می&zwnj;باشد.

طراحی ریسپانسیو چیست؟
طراحی سایت ریسپانسیو (RWD) که در فارسی به آن طراحی واکنشگرا نیز گفته می&zwnj;شود یک روش در طراحی سایت است که هدف آن ایجاد تجربه مطلوب در نمایش ، پیمایش و خواندن متون با کمترین میزان اسکرول و ریسایز کردن در دیوایس های مختلف است (از تلفن های هوشمند گرفته تا مانیتورهای بزرگ) . برگرفته از ویکی پدیا

به معنی ساده&zwnj;تر ، طراحی ریسپانسیو سایت شما را قادر می&zwnj;سازد که در انواع دیوایس ها با هر سایز صفحه نمایش به بهترین شکل و بدون هیچگونه مشکلی نمایش یابد.
مانند آب که خود را به شکل ظرفی که آن را در آن ریخته&zwnj;ایم میکند ، سایت ریسپانسیو هم خودش را هماهنگ با رزولیشن صفحه&zwnj;ای که در آن باز شده است می&zwnj;کند.

در ۲ ماه گذشته ۱۳ درصد از بازدیدکنندگان تم یاب از موبایل یا تبلت&zwnj;های خود وارد سایت ما شده اند که این آمار هر روزه در حال افزایش است. این بدین معناست که در صورتی که بازدید کنندگان تجربه خوبی را در نمایش این سایت در موبایل یا تبلتشان نداشته باشند در دفعات بعد دیگر به تم یاب سر نخواهند زد. 
        
مزایای طراحی ریسپانسیو چیست؟



        ۱- بزرگترین نکته مثبت طراحی ریسپانسیو سایت شما این است که کاربرانی که با موبایل ، تبلت یا سایر دستگاه ها وارد سایت شما شده اند تجربه خوبی از گشت و گذار در سایت دارند. مهم نیست که سایت شما یک وبلاگ شخصی باشد ، یا سایت شرکت و یا حتی فروشگاه اینترنتی ؛ شما با داشتن یک قالب ریسپانسیو کاربران را نسبت به سایت خود وفادار خواهید کرد.

        
    
    ۲- از مزایای دیگر طراحی سایت واکنشگرا این است که یک قالب برای همه دستگاه های مختلف کاربرد دارد. به بیان ساده&zwnj;تر شما با داشتن یک قالب ریسپانسیو جامعه ۱۰۰ درصدی از کاربران را پشتیبانی خواهید کرد.

    
    
    ۳- همچنین با داشن قالب ریسپانسیو شما ترسی از آینده نخواهید داشت. شما مطمئین هستید که همه دستگاه هایی که در آینده نیز تولید خواهند شد باز هم به بهترین شکل سایت شما را نمایش خواهند داد.

    
    
        ۴- موتورهای جستجوی اینترنتی هم با توجه به افزایش تعداد کاربران موبایل و تبلت برای ارائه نتایج بهتر، رتبه سایت هایی که در موبایل به درستی نمایش داده می&zwnj;شوند را افزایش داده&zwnj;اند. به عنوان مثال اگر شما با موبایل یا تبلتتان در گوگل کلمه فروش قالب را جستجو کنید خواهید دید که اولین نتیجه گوگل سایت تم یاب است و در کنار توضیحات نوشته &ldquo;Mobile-friendly&rdquo; نقش بسته که نشان از پشتیبانی کامل تم یاب از موبایل و تبلت ها دارد. 
        
        
    



اگر قالب سایت شما هنوز ریسپانسیو نیست همین حالا می&zwnj;توانید با تغییر آن سایت خود را مجددا به روز کنید و از مزایای داشتن یک سایت ریسپانسیو بهره&zwnj;مند شوید. برای این کار می&zwnj;توانید لیست قالب های ریسپانسیو تم یاب رامشاهده کنید و قالب مدنظر خود را پس از خریداری بر روی سایت خود بارگزاری کنید. 
        
        
برگرفته شده از مقاله: Why Do You Need a Responsive design for your Blog or website ]]></content:encoded>
  <link> https://www.themeyab.com/blog/چرا-سایت-شما-به-طراحی-ریسپانسیو-نیاز-دارد؟10-1394-مرداد</link>
  <pubDate>Sat, 01 Aug 2015 12:39:06 +0430</pubDate>
</item><item>
  <title>عبور میزان فروش قالب ها در تم یاب از مرز 100 میلیون ریال</title>
  <image><url>https://www.themeyab.com/img/blog/zJkMmAtq4ep8xJSVKrafhnEQ3.jpg</url></image>
  <description><![CDATA[با حمایت شما کاربران عزیز از حقوق طراحان و توسعه دهندگان ایرانی مبلغ قالب های فروخته شده در تم یاب از مرز 100 میلیون ریال عبور کرد. حمایت از طراحان و توسعه دهندگان ایرانی از همان ابتدای شکل گیری تم یاب بزرگترین هدف این مجموعه بود که مطمئینا بدون همراهی کاربران عزیز این امر محقق نمی&zwnj;شد.
]]></description>
  <content:encoded><![CDATA[با حمایت شما کاربران عزیز از حقوق طراحان و توسعه دهندگان ایرانی مبلغ قالب های فروخته شده در تم یاب از مرز 100 میلیون ریال عبور کرد.
حمایت از طراحان و توسعه دهندگان ایرانی از همان ابتدای شکل گیری تم یاب بزرگترین هدف این مجموعه بود که مطمئینا بدون همراهی کاربران عزیز این امر محقق نمی&zwnj;شد.
]]></content:encoded>
  <link> https://www.themeyab.com/blog/عبور-میزان-فروش-قالب-ها-در-تم-یاب-از-مرز-100-میلیون-ریال-۱۳۹۳-خرداد</link>
  <pubDate>Sat, 07 Jun 2014 14:54:17 +0430</pubDate>
</item><item>
  <title>حضور تم یاب در مرحله نهایی رقابت های جهانی سید استارز</title>
  <image><url>https://www.themeyab.com/img/blog/Dkz3t68NUImeUAk9hNnJ4NPLB.jpg</url></image>
  <description><![CDATA[تم یاب به عنوان یکی از استارتاپ های موفق ایرانی در جمع کاندیدای نهایی رقابت های سید استارز ایران قرار گرفت. &laquo;سید استارز&raquo; یک رقابت جهانی می باشد که امسال به 30 شهر در کشورهای در حال توسعه سفر می کند و بهترین استارتاپ های هر شهر را ارزیابی میکند.]]></description>
  <content:encoded><![CDATA[تم یاب به عنوان یکی از استارتاپ های موفق ایرانی در جمع کاندیدای نهایی رقابت های سید استارز ایران قرار گرفت.
&laquo;سید استارز&raquo; یک رقابت جهانی می باشد که امسال به 30 شهر در کشورهای در حال توسعه سفر می کند و بهترین استارتاپ های هر شهر را ارزیابی میکند.
مرحله نهایی این رقابت ها در تاریخ 5 اردیبهشت در دانشکده کارآفرینی دانشگاه تهران برگزار می شود و 15 عدد از بهترین استارتاپ های تهران و ایران روند رشد خود را شرح میدهند و در انتهای مراسم یک تیم به عنوان برنده انتخاب میشود.
برای اطلاعات بیشتر به آدرس زیر مراجعه کنید:
http://seedstarsworld.com/event/seedstars_tehran-2014]]></content:encoded>
  <link> https://www.themeyab.com/blog/حضور-تم-یاب-در-مرحله-نهایی-رقابت-های-جهانی-سید-استارز-۱۳۹۳-اردیبهشت</link>
  <pubDate>Thu, 24 Apr 2014 19:10:34 +0430</pubDate>
</item><item>
  <title>تم یاب کاندیدای ششمین دوره جشنواره وب ایران</title>
  <image><url>https://www.themeyab.com/img/blog/OQWDdMSKMrDJr6kmnQwXXzBNu.jpg</url></image>
  <description><![CDATA[وب سایت تم یاب ، در ششمین دوره جشنواره وب ایران در شاخه کسب و کارهای اینترنتی کاندید کسب رتبه بهترین سرویس آنلاین شد. جشنواره وب ایران هر ساله با هدف رقابت  بهترین وب سایت های فارسی برگزار میگردد و امسال نیز همانند سال های گذشته با هدف کمک به بهبود وضعیت کسب و کارهای بر پایه اینترنت در حال برگزاری است. مراسم اختتامیه این دوره 1 اسفند ماه برگزار خواهد شد که تم یاب نیز یکی از کاندیداهای کسب رتبه در این دوره می باشد.]]></description>
  <content:encoded><![CDATA[وب سایت تم یاب ، در ششمین دوره جشنواره وب ایران در شاخه کسب و کارهای اینترنتی کاندید کسب رتبه بهترین سرویس آنلاین شد.
جشنواره وب ایران هر ساله با هدف رقابت  بهترین وب سایت های فارسی برگزار میگردد و امسال نیز همانند سال های گذشته با هدف کمک به بهبود وضعیت کسب و کارهای بر پایه اینترنت در حال برگزاری است. مراسم اختتامیه این دوره 1 اسفند ماه برگزار خواهد شد که تم یاب نیز یکی از کاندیداهای کسب رتبه در این دوره می باشد.
سال گذشته نیز تم یاب در 2 بخش "ابزار وب" و "بهترین ایده سال" کاندید کسب رتبه شده بود که توانست به رتبه بهترین ایده سال دست یابد.

لیست کاندیداهای ششمین جشنواره وب ایران]]></content:encoded>
  <link> https://www.themeyab.com/blog/تم-یاب-کاندیدای-ششمین-دوره-جشنواره-وب-ایران-۱۳۹۲-بهمن</link>
  <pubDate>Tue, 04 Feb 2014 20:00:31 +0330</pubDate>
</item><item>
  <title>حضور تم یاب در نمایشگاه بین المللی کامپیوتر و اتوماسیون اداری اصفهان</title>
  <image><url>https://www.themeyab.com/img/blog/AgLunMg9SWdeWjfETueQfRH7z.jpg</url></image>
  <description><![CDATA[گروه تم یاب از چهارشنبه 4 لغایت 8 دی ماه با حضور در نوزدهمین نمایشگاه بین المللی کامپیوتر و اتوماسیون اداری اصفهان در کنار بازدیدکنندگان عزیز اصفهانی می باشد.
این نمایشگاه هر روز از ساعت 15 الی 21 در محل دائمی برگزاری نمایشگاه های بین المللی اصفهان واقع در پل شهرستان برگزار می&zwnj;گردد.]]></description>
  <content:encoded><![CDATA[گروه تم یاب از چهارشنبه 4 لغایت 8 دی ماه با حضور در نوزدهمین نمایشگاه بین المللی کامپیوتر و اتوماسیون اداری اصفهان در کنار بازدیدکنندگان عزیز اصفهانی می باشد.
این نمایشگاه هر روز از ساعت 15 الی 21 در محل دائمی برگزاری نمایشگاه های بین المللی اصفهان واقع در پل شهرستان برگزار می&zwnj;گردد.
وعده دیدار ، سالن میرداماد ، غرفه تم یاب

به امید دیدار شما عزیزان
]]></content:encoded>
  <link> https://www.themeyab.com/blog/حضور-تم-یاب-در-نمایشگاه-بین-المللی-کامپیوتر-و-اتوماسیون-اداری-اصفهان-۱۳۹۲-دی</link>
  <pubDate>Wed, 25 Dec 2013 11:48:44 +0330</pubDate>
</item><item>
  <title>حضور تم یاب در دهمین نمایشگاه بین المللی تبلیغات تهران</title>
  <image><url>https://www.themeyab.com/img/blog/zoNfZxX4Fau4bszlrqNen8x9K.jpg</url></image>
  <description><![CDATA[تیم تم یاب از تاریخ 28 آذر 1392 لغایت 1 دی ماه در دهمین نمایشگاه بین المللی تبلیغات، بازاریابی وصنایع وابسته تهران حضور دارد. این نمایشگاه در روزهای ذکر شده در محل دائمی برگزاری نمایشگاه های بین المللی تهران دایر می باشد.
بازدیدکنندگان گرامی می&zwnj;توانند همه روزه از ساعت 9 الی 16 از غرفه تم یاب واقع در سالن 10 بازدید نمایند.]]></description>
  <content:encoded><![CDATA[تیم تم یاب از تاریخ 28 آذر 1392 لغایت 1 دی ماه در دهمین نمایشگاه بین المللی تبلیغات، بازاریابی وصنایع وابسته تهران حضور دارد. این نمایشگاه در روزهای ذکر شده در محل دائمی برگزاری نمایشگاه های بین المللی تهران دایر می باشد.
بازدیدکنندگان گرامی می&zwnj;توانند همه روزه از ساعت 9 الی 16 از غرفه تم یاب واقع در سالن 10 بازدید نمایند.
در سالن 10 ، غرفه تم یاب منتظر شما هستیم.
به امید دیدار 
]]></content:encoded>
  <link> https://www.themeyab.com/blog/حضور-تم-یاب-در-دهمین-نمایشگاه-بین-المللی-تبلیغات-تهران-۱۳۹۲-آذر</link>
  <pubDate>Wed, 18 Dec 2013 17:58:04 +0330</pubDate>
</item><item>
  <title>عبور میزان فروش قالب های تم یاب از مبلغ 5 میلون تومان</title>
  <image><url>https://www.themeyab.com/img/blog/pfHlICle4uLiKb4At9k0VNsbA.jpg</url></image>
  <description><![CDATA[در حالی که چند هفته تا یک سالگی سایت تم یاب زمان باقی مانده است امروز میزان فروش قالب های طراحانی که قالب های خود را در تم یاب برای فروش قرار داده اند از مبلغ 5 میلیون تومان عبور کرد. 
تیم تم یاب بابت این موضوع مجددا از همه طراحان و خریداران که در طول این مدت همراه ما بوده اند تشکر می کند.]]></description>
  <content:encoded><![CDATA[در حالی که چند هفته تا یک سالگی سایت تم یاب زمان باقی مانده است امروز میزان فروش قالب های طراحانی که قالب های خود را در تم یاب برای فروش قرار داده اند از مبلغ 5 میلیون تومان عبور کرد.
تیم تم یاب بابت این موضوع مجددا از همه طراحان و خریداران که در طول این مدت همراه ما بوده اند تشکر می کند.]]></content:encoded>
  <link> https://www.themeyab.com/blog/عبور-فروش-قالب-های-تم-یاب-از-مبلغ-5-میلون-تومان-۱۳۹۲-آذر</link>
  <pubDate>Wed, 11 Dec 2013 20:49:23 +0330</pubDate>
</item><item>
  <title>حضور تمیاب در الکامپ 92</title>
  <image><url>https://www.themeyab.com/img/blog/ycoWUEmWSCdOa65oZP7Zfr1YF.jpg</url></image>
  <description><![CDATA[تیم تم یاب با حضور در نوزدهمین نمایشگاه بین المللی الکترونیک،کامپیوتر،تجارت الکترونیکی تهران (الکامپ) در کنار شما همراهان عزیز خواهد بود.این نمایشگاه از تاریخ 14 لغایت 17 آذر ماه سال 1392 در محل دائمی نمایشگاه های شهر تهران برگزار می گردد. در این نمایشگاه سرویس CMSmelli که باعث درآمد زایی بیشتر طراحانی که اقدام به انتشار قالب هایشان در تم یاب می&zwnj;کنند معرفی می&zwnj;گردد.
ساعات کار این دوره از نمایشگاه از ساعت 9 الی 16 می باشد و غرفه تم یاب در سالن میلاد (31B) واقع می&zwnj;باشد. ]]></description>
  <content:encoded><![CDATA[تیم تم یاب با حضور در نوزدهمین نمایشگاه بین المللی الکترونیک،کامپیوتر،تجارت الکترونیکی تهران (الکامپ) در کنار شما همراهان عزیز خواهد بود.این نمایشگاه از تاریخ 14 لغایت 17 آذر ماه سال 1392 در محل دائمی نمایشگاه های شهر تهران برگزار می گردد.
در این نمایشگاه سرویس CMSmelli که باعث درآمد زایی بیشتر طراحانی که اقدام به انتشار قالب هایشان در تم یاب می&zwnj;کنند معرفی می&zwnj;گردد.
ساعات کار این دوره از نمایشگاه از ساعت 9 الی 16 می باشد و غرفه تم یاب در سالن میلاد (31B) واقع می&zwnj;باشد. 

منتظر دیدار شما در الکامپ 19 هستیم.]]></content:encoded>
  <link> https://www.themeyab.com/blog/حضور-تمیاب-در-الکامپ-92-۱۳۹۲-آذر</link>
  <pubDate>Mon, 02 Dec 2013 09:04:46 +0330</pubDate>
</item><item>
  <title>جشنواره تابستانی تم یاب</title>
  <image><url>https://www.themeyab.com/img/blog/yQUBnK3X6ILpqURwTUTUTDOHu.jpg</url></image>
  <description><![CDATA[همزمان با آغاز فصل تابستان ، وب سایت تم یاب با هدف حمایت از طراحان وب سایت و افزایش قدرت انتخاب خریداران برای اولین بار اقدام به برگزاری جشنواره تابستانی کرده است. این جشنواره با هدف افزایش کسب درآمد طراحان وب از این تاریخ آغاز به کار می&zwnj;نماید. در طول مدت این جشنواره که از 1 تیر تا 31 شهریور ماه می باشد ، درآمد همه طراحانی که اقدام به فروش قالب های خود در تم یاب می&zwnj;کنند افزایش 15 درصدی خواهد داشت. درصد سودهای جدید در مدت جشنواره به شرح ذیل می&zwnj;باشد: - در صورتی که مجموع فروش تم های شما پایین تر از 100,000 تومان باشد میزان سهم شما 75 درصد کل موجودی حسابتان میباشد. - در صورتی که مجموع فروش تم های شما پایین تر از 250,000 تومان باشد میزان سهم شما 80 درصد کل موجودی حسابتان میباشد.]]></description>
  <content:encoded><![CDATA[
همزمان با آغاز فصل تابستان ، وب سایت تم یاب با هدف حمایت از طراحان وب سایت و افزایش قدرت انتخاب خریداران برای اولین بار اقدام به برگزاری جشنواره تابستانی کرده است. این جشنواره با هدف افزایش کسب درآمد طراحان وب از این تاریخ آغاز به کار می&zwnj;نماید.
در طول مدت این جشنواره که از 1 تیر تا 31 شهریور ماه می باشد ، درآمد همه طراحانی که اقدام به فروش قالب های خود در تم یاب می&zwnj;کنند افزایش 15 درصدی خواهد داشت. درصد سودهای جدید در مدت جشنواره به شرح ذیل می&zwnj;باشد:
- در صورتی که مجموع فروش تم های شما پایین تر از 100,000 تومان باشد میزان سهم شما 75 درصد کل موجودی حسابتان میباشد.

- در صورتی که مجموع فروش تم های شما پایین تر از 250,000 تومان باشد میزان سهم شما 80 درصد کل موجودی حسابتان میباشد.

- در صورتی که مجموع فروش تم های شما پایین تر از 500,000 تومان باشد میزان سهم شما 85 درصد کل موجودی حسابتان میباشد.

- در صورتی که مجموع فروش تم های شما پایین تر از 1,000,000 تومان باشد میزان سهم شما 90 درصد کل موجودی حسابتان میباشد.

- در صورتی که مجموع فروش تم های شما بالاتر از 1,000,000 تومان باشد میزان سهم شما 95 درصد کل موجودی حسابتان میباشد.



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

لازم به ذکر است ، درصد جدید درآمد طراحان ، بر روی قالب هایی که پیش از این نیز در تم یاب قرار گرفته اند اعمال می&zwnj;شود.

]]></content:encoded>
  <link> https://www.themeyab.com/blog/جشنواره-تابستانی-تم-یاب-۱۳۹۲-تیر</link>
  <pubDate>Sat, 22 Jun 2013 11:32:36 +0430</pubDate>
</item><item>
  <title>تم یاب ، ایده برتر سال در جشنواره وب</title>
  <image><url>https://www.themeyab.com/img/blog/TFk3v8NDILqGg6Tr8ULtG0RJL.jpg</url></image>
  <description><![CDATA[سایت تم یاب ، در پنجمین دوره جشنواره وب ایران به عنوان ایده برتر سال برگزیده شد. این جشنواره که هر سال بین برترین وب سایت های فارسی برگزار می&zwnj;شود زمستان امسال نیز با شرکت بیش از 6000 سایت در دسته های مختلف برگزار شد که تم یاب در 2 گروه بهترین ابزار وب و ایده برتر سال کاندید دریافت جایزه شد و در نهایت در مراسم اختتامیه که 25 بهمن ماه برگزار شد توانست رتبه ارزشمند ایده برتر سال را از طرف هئیت داوران این جشنواره کسب کند.]]></description>
  <content:encoded><![CDATA[سایت تم یاب ، در پنجمین دوره جشنواره وب ایران به عنوان ایده برتر سال برگزیده شد.این جشنواره که هر سال بین برترین وب سایت های فارسی برگزار می&zwnj;شود زمستان امسال نیز با شرکت بیش از 6000 سایت در دسته های مختلف برگزار شد که تم یاب در 2 گروه بهترین ابزار وب و ایده برتر سال کاندید دریافت جایزه شد و در نهایت در مراسم اختتامیه که 25 بهمن ماه برگزار شد توانست رتبه ارزشمند ایده برتر سال را از طرف هئیت داوران این جشنواره کسب کند.
می توانید از اینجا  لیست افتخارات تم یاب در جشنواره وب را مشاهده نمایید.
]]></content:encoded>
  <link> https://www.themeyab.com/blog/تم-یاب-،-ایده-برتر-سال-در-جشنواره-وب-۱۳۹۱-بهمن</link>
  <pubDate>Thu, 14 Feb 2013 15:30:00 +0330</pubDate>
</item><item>
  <title>اضافه شدن دسته قالب های وردپرس و جوملا به تم یاب</title>
  <image><url>https://www.themeyab.com/img/blog/TFk3v8NDSwhlg6Tr8ULtG0RJL.jpg</url></image>
  <description><![CDATA[از امروز 2 دسته مخصوص قالب های سیستم های مدیریت محتوای وردپرس و جوملا به تم یاب اضافه گردید. طراحانی که برای این 2 CMS قالب طراحی می&zwnj;کنند از این پس می&zwnj;توانند قالب های خود را در صفحه آپلود تم جدید آپلود نمایند تا پس از بررسی ، در صورت کسب تائیدیه فنی در تم یاب قرار گیرد. توجه به این نکته ضروری است که این قالب ها حتما باید دارای یک نسخه پیش نمایش زنده بر روی اینترنت باشد و طراح در هنگام آپلود قالب آدرس اینترنتی آن را برای تم یاب ارسال نماید]]></description>
  <content:encoded><![CDATA[از امروز 2 دسته مخصوص قالب های سیستم های مدیریت محتوای وردپرس و جوملا به تم یاب اضافه گردید. طراحانی که برای این 2 CMS قالب طراحی می&zwnj;کنند از این پس می&zwnj;توانند قالب های خود را در صفحه آپلود تم جدید&nbsp;آپلود نمایند تا پس از بررسی ، در صورت کسب تائیدیه فنی در تم یاب قرار گیرد.توجه به این نکته ضروری است که این قالب ها حتما باید دارای یک نسخه پیش نمایش زنده بر روی اینترنت باشد و طراح در هنگام آپلود قالب آدرس اینترنتی آن را برای تم یاب ارسال نماید]]></content:encoded>
  <link> https://www.themeyab.com/blog/اضافه-شدن-دسته-وردپرس-جوملا</link>
  <pubDate>Wed, 16 Jan 2013 15:30:00 +0330</pubDate>
</item><item>
  <title>تم یاب افتتاح شد</title>
  <image><url>https://www.themeyab.com/img/blog/FqlQQcCp5Wi4ZxNLp2TicO5hi.jpg</url></image>
  <description><![CDATA[امروز در تاریخ 91/10/10 وب سایت تم یاب رسما افتتاح شد. تم یاب با هدف افزایش کیفیت قالب وب سایت های فارسی و همچنین افزایش درآمد طراحان وب آغاز به کار کرد. در حال حاضر در تم یاب قالب های HTML قرار گرفته است اما به زودی 2 بخش مجزا برای قالب های وردپرس و جوملا نیز به سایت اضافه خواهد شد. از این پس همه طراحان می&zwnj;توانند قالب های طراحی شده توسط خود را برای فروش در تم یاب قرار دهند. همچنین برای آشنایی بیشتر با روش کاری تم یاب لطفا از صفحات قوانین تم یاب ، کسب درآمد و  شروع به کار بازدید نمایید. همچنین شما می توانید تم یاب را از طریق صفحه اش در فیسبوک و توئیتر دنبال کنید.]]></description>
  <content:encoded><![CDATA[امروز در تاریخ 91/10/10 وب سایت تم یاب رسما افتتاح شد. تم یاب با هدف افزایش کیفیت قالب وب سایت های فارسی و همچنین افزایش درآمد طراحان وب آغاز به کار کرد. 
در حال حاضر در تم یاب قالب های HTML قرار گرفته است اما به زودی 2 بخش مجزا برای قالب های وردپرس و جوملا نیز به سایت اضافه خواهد شد. از این پس همه طراحان می&zwnj;توانند قالب های طراحی شده توسط خود را برای فروش در تم یاب قرار دهند.
همچنین برای آشنایی بیشتر با روش کاری تم یاب لطفا از صفحات قوانین تم یاب&nbsp;، کسب درآمد&nbsp;و &nbsp;شروع به کار&nbsp;بازدید نمایید.

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

]]></content:encoded>
  <link> https://www.themeyab.com/blog/تم-یاب-افتتاح-شد-۱۳۹۱-دی</link>
  <pubDate>Sun, 30 Dec 2012 15:30:00 +0330</pubDate>
</item></channel></rss>