فشرده سازی و افزایش سرعت در وردپرس با GZIP

فشرده سازی و افزایش سرعت در وردپرس با GZIP

برای اینکه بتوانید بهینه سازی و افزایش سرعت وردپرس را از همان ابتدای فعالیت وبسایت خود انجام دهید باید عملیات فشرده سازی فایل ها را نیز انجام دهید. عملیات فشرده سازی و افزایش سرعت در وردپرس با GZIP را می توانید فشرده سازی و افزایش سرعت وردپرس با Check and Enable GZIP compression انجام دهید. یک افزونه بسیار ساده و در عین حال کاربردی است.

gzip چگونه عمل می کند؟

قبل از فشرده سازی و افزایش سرعت در وردپرس با GZIP کمی در باره Gzip و نحوه عمل کرد آن اطلاع داشته باشیم ، از آنجاییکه فایل های css و html شامل کدهای تکراری زیادی بوده و فضای زیادی را اشغال می کنند، استفاده از آن به دلیل فشرده سازی کدهای مشترک، باعث کاهش اندازه صفحات تا بالای ۷۰% می گردد.

هنگامی که مرورگر به وب سرور ( سرور سایت شما ) همانند Apache , IIS و … مراجعه می کند، در ابتدا مشاهده می کند که آیا gzip در سرور فعال شده یا خیر، سپس درخواست خود را ارسال می نماید؛ در صورتیکه gzip فعال شده باشد، فایل فشرده شده ای را دریافت می کند که حجم بسیار کمی دارد ( که در آن فایل های وب سایت وردپرسی شما به صورت فشرده شده قرار دارند ) ، اما در صورتیکه این حالت وجود نداشته باشد، مرورگر مجبور است که تمام صفحات را بصورت یکجا به همان شکل واقعی دریافت نماید که در این حالت، فایل مربوطه بسیار حجیم تر خواهد بود.

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

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

نصب و راه اندازی افزونه Check and enable GZIP compression

برای نصب و راه اندازی افزونه Check and enable GZIP compression می توانید از بخش افزودن اقدام کنید و افزونه را فعال کنید. پس از فعال سازی افزونه از قسمت ابزارها می توانید گزینه GZIP compression را مشاهده کنید که مربوط به افزونه است.

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

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

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


# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

(Remove browser bugs (only needed for really old browsers#
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

 

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

مبارزه با اسپمر ها با افزونه کپچای گوگل برای وردپرس WP Recaptcha Integration

افزونه کپچای گوگل برای وردپرس

حتما بارها برای شما پیش آمده که کلی کاربر اسپم (الکی) در سایتتون ثبت نام انجام دادند. یا شاید خیلی دیدگاه های اسپم تو لیست دیدگاه هاتون اومده باشه .

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

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

گوگل یک کپچا یا کدامنیتی تولید کرده است که به راحتی این مشکل را برطرف مینماید. به همین منظور کافیست از افزونه WP Recaptcha Integration استفاده نمایید .

راهنمای فعال سازی افزونه وردپرس گوگل کپچا WP Recaptcha Integration :

بعد از نصب و فعال سازی افزونه از طریق منوی تنظیمات >‌ ReCaptcha در پیشخوان وردپرس به صفحه تنظیمات افزونه بروید :

همانطور که در تصویر فوق مشاهده مینمایید برای بار اول باید ابتدا دو فیلد Site key و Secret Key را وارد نمایید تا تنظیمات افزونه برای شما فعال گردد.

جهت دریافت این دو فیلد باید ابتدا وارد سایت گوگل به آدرس https://www.google.com/recaptcha/admin شوید :

در صفحه ای که از سایت گوگل براتون باز شد . در پایین صفحه مطابق تصویر نمونه فوق فرم را پر نموده و بر روی Register کلیک نمایید.تا در صفحه بعدی همانند تصویر زیر به شما اطلاعات Site key و Secret Key داده شود.

حالا باید مقدار این دو فیلد را در تنظیمات افزونه وارد نمایید تا افزونه وردپرس WP Recaptcha Integration برای شما مطابق تصویر زیر فعال گردد :

از قسمت Forms to protect مکان هایی که میخواهید کپچای گوگل نمایش داده شود را انتخاب نمایید .

از قسمت Language Settings زبان کپچا را مشخص نمایید ( در صورت عدم انتخاب زبان کپچا انگلیسی میباشد که میتوانید با انتخاب زبان سایت یا فارسی کپچا را با زبان فارسی به کاربران نمایش دهید )

از قسمت Theme ظاهر کپچا را مشخص نمایید .

در پایان کلید ذخیره را بزنید و قسمت هایی که کپچا قرار دادید را مشابه تصویر زیر بررسی نمایید :

نوشته مبارزه با اسپمر ها با افزونه کپچای گوگل برای وردپرس WP Recaptcha Integration اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

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

نمایش پنجره پاپ آپ به صورت متفاوت در وردپرس با ITRO Popup

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

 

اینترنت پر شده از پاپ آپ های تکراری و خسته کننده! حالا وقتش شده تا یه دستی به سر رو روی سایت بکشید و پاپ آپ های حرفه ای چند لایه ای رو به سایتتون اضافه کنید که بسیار زیبا و کاربرپسند هستند. این پاپ آپ ها نه تنها کاربر سایت شما را آزار نمیدهند ، بلکه حس پویایی وصف نشدنی را به سایت شما می بخشند.استفاده از افزونه پاپ آپ این روزها در سایت ها مرسوم است و خواهان بسیاری دارد. از این رو تا به امروز افزونه های متعددی در این زمینه برای شما معرفی شد.که معروف ترین آن ها Popup Builder – Responsive WordPress Pop up که بیشتر امکانات آن ویژه است در تصویر زیر می بینید اکثر امکانات این پلاگین پرو هست و تنها ۴ مورد آن رایگان است :

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

 

نصب و راه اندازی افزونه ITRO Popup

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

آموزش کار با افزونه پاپ آپ وردپرس ITRO Popup

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

ستون سمت راست محتوای پاپ آپ وردپرس ITRO Popup

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

ستون سمت چپ تنظیمات افزونه پاپ آپ وردپرس ITRO Popup

در ستون سمت چپ نیزز میتوانید تنظیمات دیگر را انجام دهید.

مانند:

DECIDE WHERE POPUP WILL BE DISPLAYED : در این قسمت باید مشخص کنید که پنجره پاپ آپ در وردپرس در کدام صفحات وبسایت نمایش داده شود.
GENERAL SETTINGS : در این قسمت باید تنظیمات مربوط به زمان نمایش پنجره پاپ آپ را مشخص کنید. (یعنی پس از گذر چه زمانی بسته شود)
POPUP ASPECT : این بخش مربوط به اندازه ی پنجره پاپ آپ و تنظیمات در حالت پیکسل و % برای حالت ریسپانسیو می باشد.
BACKGROUND IMAGE : در اینجا می توانید تصویری متناسب برای پنجره پاپ آپ در وردپرس، بارگذاری کنید.

OPAQUE LAYER : شفافیت لایه زیرین پاپ آپ

RESPONSIVE SETTINGS : تنظیمات برای حالت موبایل برای فعال و غیر فعالسازی در موبایل

ITRO Popup messages : بخش تبلیغات پاپ آپ وردپرس ITRO Popup

سایر موارد نیز مشخص است و می توانید علامت بزنید.

پس از آن تنظیمات را ذخیره کنید و وبسایت خود را Refresh کنید تا نتیجه مشخص شود.

پیش نمایش پنجره پاپ آپ در افزونه وردپرس ITRO Popup

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

کپی کردن نوشته‌ها در وردپرس با افزونه Duplicate Post

کپی کردن نوشته‌ها در وردپرس

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

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

افزونه Duplicate Post به شما این امکان را میدهد که به راحتی نوشته ها/برگه ها و … را کپی بگیرید .

راهنمای صفحه تنظیمات افزونه Duplicate Post

بعد از نصب و فعال سازی افزونه از طریق منوی تنظیمات > Duplicate Post در پیشخوان وردپرس به صفحه تنظیمات افزونه بروید .

در این صفحه سه تب اصلی وجود دارد :‌

  • What to copy
  • Permissions
  • Display

What to copy‌ : این تب مربوط میشود به تنظیمات عمومی در کپی کردن نوشته ها و آیتم هایی که قرار هست همراه با هر کپی از هر نوشته ایجاد گردد :‌

Post/page elements to copy : این بخش مربوط میشود به کپی آیتم ها . مثلا اگر تیک گزینه نام را بردارید نوشته هایی که کپی میکنید با عنوان خالی کپی میشوند.

Title prefix : اگر در این فیلد متنی را وارد نمایید زمانی که یک نوشته را کپی میکنید قبل عنوان آن نوشته متن مورد نظر شما قرار میگیرد. مثلا فرض کنید عنوان نوشته شما “دنیای وردپرس“ هست و آن نوشته را کپی میکنید و در این فیلد وارد نموده اید “مقاله جدید” . در این جا کلمه مقاله جدید قبل عنوان دنیای وردپرس قرار میگیرد و در نهایت متن کامل میشود : مقاله جدید دنیای وردپرس .

Title suffix : این مورد هم مثل مورد بالا میباشد و تنها تفاوت آن این است که متنی که در این فیلد وارد مینمایید بعد از عنوان نوشته درج میشود.

Increase menu order by : این فیلد مرتبط میشود با نحوه مرتب سازی نوشته بعد از هر بار کپی کردن.

Do not copy these fields : در این فیلد میتوانید زمین های دلخواهی را که نیاز به کپی شدن آن ندارید را وارد نمایید.

Do not copy these taxonomies : در این بخش میتوانید تاکسونومیها را از لیست کپی فعال/غیرفعال نمایید.

Permissions : این تب مربوط میشود به سطوح دسترسی :

Roles allowed to copy : با استفاده از این گزینه میتوانید تعیین نمایید که چه گروه ها یا نقش های کاربری در پیشخوان وردپرس به این افزونه دسترسی داشته باشند و بتوانند از آن استفاده نمایند.

Enable for these post types : با استفاده از این گزینه میتوانید تعیین نمایید که این افزونه برای چه بخش های از پیشخوان وردپرس فعال باشد . به فرض مثال شما میتوانید نمایش این افزونه را لیست برگه ها بردارید.

Display : این تب مربوط میشود به نمایش لینک یا پیوند کپی کردن در بخش های مختلف مثل لیست نوشته ها .

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

جهت درک دقیق کارکرد این افزونه از طریق منوی نوشته ها > همه نوشته ها در پیشخوان وردپرس وارد لیست نوشته های خود شوید :

همانطور که در تصویر فوق مشاهده مینمایید . دو لینک Clone و New Draft به مابقی گزینه ها اضافه گردیده است .

هر دو گزینه عملیات یکسانی را انجام میدهند. یعنی با کلیک بر روی هر گزینه یک کپی از نوشته به صورت پیش نویس ایجاد میگردد. اما تنها تفاوتی که میان Clone و New Draft وجود دارد در این است که Clone یک کپی از نوشته ایجاد مینماید و در لیست نوشته ها قرار میگیرد. و New Draft یک کپی از نوشته ایجاد مینماید و مستقیما هدایت میشود به ویرایش نوشته .

بعد از این که از یک نوشته Clone یا New Draft انجام میدهید آن نوشته مثل تصویر فوق به صورت پیش نویس در لیست نوشته های شما قرار میگیرد.۱

نوشته کپی کردن نوشته‌ها در وردپرس با افزونه Duplicate Post اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

مرتب سازی آسان مطالب و دسته بندی ها در وردپرس با افزونه post type order

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

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

کارکرد این افزونه به این شکل میباشد که شما به راحتی در لیست نوشته ها در پیشخوان وردپرس به شیوه کشیدن و رها کردن (drag & drop) میتوانید به راحتی نوشته ها را مرتب نمایید.

راهنمای صفحه تنظیمات افزونه Post Type Order وردپرس

بعد از نصب و فعال سازی افزونه از طریق منوی تنظیمات > Post Type Order در پیشخوان وردپرس , وارد صفحه تنظیمات افزونه شوید .

 

این صفحه شامل یکسری تنظیمات عمومی افزونه میباشد که در صورت تمایل میتوانید آن را برای بخش های مختلف تنظیم نمایید :

Show / Hide re-order interface : در این بخش میتوانید تعیین نمایید که افزونه برای کدام بخش از پیشخوان وردپرس میتواند فعال باشد . در حالت پیش فرض برای همه بخش ها فعال (show) میباشد . به طور مثال میتوانید برای بخش محصولات یا رسانه غیر فعال (hide) نمایید.

Minimum Level to use this plugin : در این بخش میتوانید تعیین نمایید که این افزونه برای چه گروه های کاربری یا نقش های کاربری در پیشخوان وردپرس قابل نمایش باشد.

Auto Sort : با تیک زدن این گزینه افزونه به صورت خودکار مطالب و نوشته های شما را مرتب مینماید.

Admin Sort : با تیک زدن این گزینه امکان مرتب سازی نوشته ها در داخل لیست نوشته ها وجود دارد.در غیر این صورت اگر این گزینه را تیک نزنید باید از طریق منوی Re-Order نوشته ها را مرتب نمایید.

Use query ASC / DESC parameter : این گزینه مربوط میشود به شیوه نمایش و مرتب سازی نوشته ها به صورت صعودی و نزولی.

Archive Drag&Drop : این گزینه مربوط میشود به قابلیت کشیدن و رها کردن (Drag & Drop) آرشیو نوشته ها .(این گزینه را غیر فعال نکنید)

Next / Previous Apply‌ : این گزینه نوع مرتب سازی نوشته ها را بر اساس دکمه قبلی/بعدی در سایت انجام میدهد.

آموزش مرتب سازی آسان مطالب و دسته بندی ها در وردپرس

جهت درک بهتر این افزونه به پیشخوان وردپرس خود بروید و از طریق منوی نوشته ها > Re-Order وارد بخش مرتب سازی نوشته ها شوید .

با توجه به تصویر فوق می توانید لیست نوشته ها را مشاهده نمایید . و با استفاده از کلیک ماوس و قابلیت کشیدن و رها کردن (Drag & Drop) نوشته ها را مرتب سازی نمایید .

راه دوم : همچنین شما میتوانید به جای اینکه وارد منوی Re-Order شوید . وارد منوی همه نوشته ها شوید و باز در این بخش با قابلیت کشیدن و رها کردن (Drag & Drop) نوشته های خود را مرتب نمایید.

نوشته مرتب سازی آسان مطالب و دسته بندی ها در وردپرس با افزونه post type order اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

نمایش وضعیت آب و هوا در سایت وردپرس با افزونه Awesome Weather Widget

نمایش وضعیت آب و هوا در سایت  وردپرس با افزونه Awesome Weather Widget

با افزونه Awesome Weather Widget قادر به نمایش وضعیت آب و هوا در سایت وردپرس خواهید بود تا آب و هوای تمامی شهر های ایران را در سایت وردپرس خود نمایش دهید!

قصد داریم یک افزونه در رابطه با نمایش وضعیت آب و هوا رو در این مقاله وردپرسی معرفی کنیم ، افزونه ای که با استفاده آن میتوانید وضعیت آب و هوای هر شهری رو که میخواهید برای کاربران خودتون در قسمت ابزارک های سایت به نمایش بگذارید. همراهی همیشگی مبنای وردپرس باشید با معرفی افزونه نمایش وضعیت آب و هوا در وردپرس Awesome Weather Widget.

افزونه Awesome Weather Widget چگونه کار می کند

شرکت OpenWeatherMap افزونه Awesome Weather Widget را جهت نمایش وضعیت آب و هوا در سایت وردپرس ساخته است تا این قابلیت بسیار کاربردی در سایدبار سایت‌های وردپرسی قابل‌استفاده باشد، این افزونه از اکتبر سال ۲۰۱۵ از سمت شرکت OpenWeatherMap برای دسترسی کاربران به داده‌های آب و هوایی آن‌ها را موظف به گرفتن کلید API کرده است تا افراد به‌صورت شناخته‌شده و تخصصی از موقعیت آب و هوایی استان خودآگاهی پیدا کنند، ازاین‌جهت شما باید در این سایت ثبت‌نام کنید و این کد را در این افزونه وارد کنید، برای سهولت در استفاده از این افزونه تمام این مراحل را قدم‌به‌قدم با یکدیگر مرور می‌کنیم، پس با آموزش نمایش وضعیت آب و هوا در وردپرس با افزونه Awesome Weather Widget همراه ما باشید.

 

 

در بخش افزونه ها با جستجوی کلمه ” Awesome Weather Widget ” افزونه Awesome Weather Widget را نصب و فعال کنید

پس از نصب افزونه Awesome Weather Widget در نوار کناری (سایدبار) در قسمت تنظیمات روی گزینه “Awesome Weather” کلیک کنید و به قسمت تنظیمات این افزونه بروید.

قسمت تنظیمات افزونه Awesome Weather Widget :

OpenWeatherMaps APPID: کد API را از سایت “openweathermap.org ” گرفته و در این قسمت وارد می‌کنید.

Error Handling: این قسمت دارای سه گزینه برای اختصاص دادن نمایش خطا است که از سمت چپ عبارت است از :

  1. مخفی سازی خطا
  2. دومی نمایش به ادمین
  3. سومی نمایش خطا به همه، بهتر است در صورت بروز مشکل به ادمین نمایش داده شود.

Clear all Awesome Weather Widget Cache: درصورتی‌که در نمایش ابزارک در سایدبار مشکل داشتید روی این گزینه کلیک کنید تا حافظه پنهان آن را پاک کند و در آخر روی گزینه ذخیره تغییرات کلیک کنید.

 

برای دریافت API بر روی گزینه “Get Your APPID” کلیک کنید

سپس وارد سایت openweathermap.org می شوید و با کلیک بر روی Sign Up ، ثبت نام کنید

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

بعد از ساخته‌شدن حساب کاربری در این سایت در قسمت API Keyes می‌%D

نوشته نمایش وضعیت آب و هوا در سایت وردپرس با افزونه Awesome Weather Widget اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

ایجاد واترمارک بر روی تصاویر وردپرس با افزونه Easy Watermark

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

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

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

افزونه Easy Watermark وردپرس به عنوان یکی از افزونه های محبوب وردپرس بیش از ۳۰,۰۰۰ هزار بار از مخزن وردپرس دانلود و نصب شده است.

راهنمای کار باافزونه Easy Watermark وردپرس :

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

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

  • عمومی
  • تصویر
  • متن

عمومی : در این تب, تنظیمات کلی و عمومی این افزونه را میتوانید تغییر دهید .

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

انواع تصاویر : در این بخش میتوانید تعیین نمایید که واترمارک بر روی تصاویر با فرمت مورد نظر شما ایجاد شوند.مثلا تعیین مینماییدفقط تصاویر با فرمت png قابلیت واترمارک را داشته باشند.

Backup : این گزینه یک کپی از تصاویر بدون واترمارک بر روی سرور شما ذخیره مینماید.

اندازه تصاویر : این گزینه تعیین کننده ایجاد واترمارک بر روی تصاویر با سایز های مختلف است.مثلا میتوانید تعیین کنید که بر روی تصویر شاخص نوشته یا تصاویر thumb واترمارک ایجاد نشود.

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

کیفیت Jpeg : در این بخش اندازه کیفیت تصاویر با مشخص مینمایید . نمره بندی کیفیت از ۰ تا ۱۰۰ میباشد.

فرمت تاریخ : این بخش مرتبط میشود با نوع فرمت تاریخ ایجاد واترمارک بر روی تصاویر.

فرمت زمان : این بخش مرتبط میشود با نوع فرمت زمان ایجاد واترمارک بر روی تصاویر.

نقشهای کاربری : در این بخش میتوانید تعیین نمایید که چه گروه ها یا نقش های کاربری در سایت بتوانند از واترمارک تصاویر استفاده نمایند.

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

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

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

متن : در این تب, میتوانید متن مورد نظری را که میخواهید بر روی تصاویر ایجاد شوند را تایپ نموده و با استفاده از تنظیماتی که در این بخش وجود دارد نوع قلم متن,رنگ,سایز,زاویه و موقعیت و … را تعیین نمایید.

ایجاد اتوماتیک واترمارک بر روی تصاویر قدیمی :‌

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

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

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

ایجاد واترمارک دستی بر روی تصاویر وردپرس :

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

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

با توجه به تصویر بالا . میتوانید به صورت موردی با کلیک کردن بر روی ” اضافه کردن واترمارک” واترمارک ایجاد نمایید.

نوشته ایجاد واترمارک بر روی تصاویر وردپرس با افزونه Easy Watermark اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

جلوگیری از ارسال نظرات اسپم در وردپرس با افزونه Akismet Anti-Spam

جلوگیری از ارسال نظرات اسپم در وردپرس

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

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

راهنمای استفاده از افزونه اکیسمت (Akismet) :

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

ابتدا وارد این لینک شوید :

بعد از ورود مطابق تصویر فوق, باید یکی از پنل های BASIC,PLUS,ENTERPRISE را به دلخواه انتخاب نمایید.

در صورتی که بخواهید از نسخه رایگان آن استفاده نمایید. از پلن BASIC بر روی دکمه Get Basic کلیک نمایید.

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

حالا برروی دکمه CONTINUE کلیک نمایید و کلید API افزونه اکیسمت را دریافت نموده و در صفحه تنظیمات افزونه وارد نمایید.

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

نوشته جلوگیری از ارسال نظرات اسپم در وردپرس با افزونه Akismet Anti-Spam اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

بهینه سازی و کاهش حجم تصاویر در وردپرس با افزونه EWWW Image Optimizer

اهمیت کاهش حجم تصاویر در وردپرس : همانطور که شما عزیزان میدانید، فایل های مدیا، عکس‌ها بیشترین تعداد (در نتیجه بیشترین حجم) را دارند و جزء مهم‌ترین عوامل کاهش سرعت سایت هستند درنتیجه تصاویر در سایت ها میتواند عامل اصلی موثر در سرعت یک وبسایت به حساب بیاید.
این موضوع علیرغم ساده بودن، بسیار حائز اهمیت است؛ پس به راحتی می‌توان فهمید با بهینه سازی و کاهش حجم تصاویر وردپرس چه خدمتی به افزایش سرعت سایت وردپرسی و حتی سئو سایتمان می‌کنیم. حال به سراغ یکی دیگر از افزونه های کاربردی برای بهینه سازی تصاویر در وردپرس رفتیم.

کاهش حجم تصاویر در وردپرس با افزونه EWWW Image Optimizer

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

اگر با فرمت تصاویر آشنایی داشته باشید، احتمال کلمه lossless را شنیده اید. افزونه EWWW Image Optimizer دقیقا از همین فرایند‌ها برای کاهش حجم تصاویر وردپرس استفاده می‌کند. با دو ابزار TinyJPG و TinyPNG بهترین بهینه سازی را برای فرمت‌های JPG و PNG انجام داده و با کمک گرفتن از کلاس معروف wp_image_editor هر پوشه‌ای در وردپرس را برای بهینه سازی تصاویر اسکن می‌کند.

بهینه سازی حجم تصاویر در وردپرس با EWWW Image Optimizer

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

 

آموزش کاهش حجم تصاویر در وردپرس با EWWW Image Optimizer

 

 

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

پس از کلیک بر روی گزینه ” EWWW Image Optimizer ” ، صفحه تنظیمات را به صورت زیر خواهید دید:

Debugging: با فعال کردن این گزینه اگر مشکلی رخ دهد، پیغام‌های خطا و راهنما را برای کمک به حل مشکل نشان می‌دهد.

Remove metadata: شاید بدانید که در هر عکس، اطلاعاتی مثل زمان ثبت عکس، نوع دوربین و حتی گاهی اطلاعات مکان ثبت عکس یا نرم افزار ویرایش‌گر و … در داخل عکس ذخیره می‌شود. آیا واقعا ما به این اطلاعات نیاز داریم؟ معلوم است که خیر! پس این تیک را می‌زنیم.

Lossy JPG optimization و Lossy PNG optimization: این دو گزینه فرایند اصلی کم حجم کردن تصاویر را انجام می‌دهند.

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

Bulk Delay: این گزینه برای کم کردن فشار افزونه روی هاست است. اگر ما این گزینه را خالی بگذاریم فرایند افزونه بی توقف از عکسی به عکس دیگر ادامه پیدا می‌کند. اما با زدن مقداری(به ثانیه) بین هر عکس یه همان میزان افزونه صبر می‌کند و بعد ادامه می‌دهد.

با ذخیره تغییرات، از این به بعد تصاویر جدید به صورت خودکار بهینه شده و تصاویر قدیمی را نیز می‌توانیم بایک کلیک بهینه سازی کنیم.

همچنین افزونه ” EWWW Image Optimizer “ یک زیرمنو در آیتم رسانه منو پیشخوان وردپرس شما ایجاد میکند. مانند تصویر زیر:

 

پس از کلیک بر گزینه “Scan for unoptimized images ” شاهد صفحه زیر خواهید بود

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

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

 

سایر تنظیمات افزونه EWWW Image Optimizer

یک قسمت جالب دیگر Disable Resizes است. خود وردپرس از هر تصویر سه اندازه مختلف می‌سازد و اگر از قالب یا افزونه خاصی استفاده کنیم اندازه ها تعداد بیشتر می‌شود. در این قسمت در بخش Disable Creation می توانیم با زدن تیک‌های مختلف اجازه ساخت اندازه‌های مختلف را ندهیم همچنین از بخش Disable Optimization افزونه را محدود کنیم که بهینه سازی روی این اندازه خاص انجام نشود.

در بخش نهایی دیگری ار تنظیمات افزونه با نام Conversion Settings وظیفه تبدیل فرمت‌های مختلف به هم را دارد. پیشنهاد می‌کنم از این بخش استفاده نکنید. چون تبدیل فرمت jpg به png بی‌هوده است و تبدیل فرمت png به jpg نیز به معنای از بین رفتن کیفیت و حتی ظاهر عکس می‌شوند.(معمولا زمانی از عکس png استفاده می‌کنیم که نیاز به زمینه عکس Transparent یا بدون پس زمینه داشته باشیم.با تغییر فرمت این زمینه سفید می‌شود)

بابهینه سازی حجم تصاویر در وردپرس با EWWW Image Optimizer :

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

نوشته بهینه سازی و کاهش حجم تصاویر در وردپرس با افزونه EWWW Image Optimizer اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.

فارسی سازی و تاریخ شمسی فارسی وردپرس با wp-parsidate

فارسی سازی و تاریخ شمسی فارسی وردپرس

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

اما با گذشت زمان و آمدن نسخه های جدید وردپرس تغییر خاصی در فارسی سازی و تاریخ شمسی فارسی وردپرس (تاریخ جلالی ) و کدهای افزونه جلالی ایجاد نشد و همچنین بسته های فارسی وردپرس با تاخیر نسبتا زیادی در اختیار کاربران قرار می گرفتند. اگر از تاخیر در ارائه نسخه فارسی وردپرس بگذریم مشکلات افزونه جلالی باعث بروز مشکلات زیادی برای کاربران وردپرس فارسی شد. مشکلاتی مثل افزایش فشار روی سرور (باعث کندی لود صفحات وب سایت میشد ) ، تداخل با برخی از افزونه های کاربردی مثل افزونه های سئو، ایجاد مشکلات در بخش مدیریت وردپرس و مشکلات در بخش پیوند یکتا و … از جمله مشکلاتی بودند که کاربران افزونه جلالی (wp-jalali) با آن دسته و پنجه نرم می کردند.

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

فارسی سازی و تاریخ شمسی فارسی وردپرس توسط wp-parsidate

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

با فارسی سازی و تاریخ شمسی فارسی وردپرس توسط wp-parsidate دیگر نیازی به استفاده از وردپرس فارسی نخواهید داشت زیرا فایل های زبان از طریق افزونه به وردپرس منتقل می شوند. اهمیت این موضوع زمانی خیلی مهم و تاثیر گذار می شود که شما می توانید بلافاصله پس از ارائه نسخه های جدید وردپرس , بدون فوت وقت وردپرس را بروزرسانی کنید و دیگر منتظر فارسی سازی نسخه جدید توسط گروه وردپرس فارسی نمانید.

برخی از ویژگی های بسته پارسی ساز وردپرس عبارتند از:

– شمسی کردن تاریخ کلیه نوشته ها، برگه ها، دیدگاه ها، آرشیو ها, دسته بندی ها و جستجو ها
– شمسی نمودن تاریخ پیوندهای یکتا

  • تبدیل همه حروف عربی (مانند ی , ک) به حروف معادل فارسی
  • شمسی نمودن قسمت های مختلف پنل مدیریت مثل لیست برگه ها و نوشته ها و دیدگاه ها
  • افزودن ابزارک آرشیو شمسی/جلالی به وردپرس
  • افزودن ابزارک آرشیو شمسی/جلالی به وردپرس
  • راست چینی و فیکس در ادیتور پیش فرض وردپرس
  • شمسی سازی پیوند یکتا وردپرس در همه حالت ها
  • تغییر فونت بخش مدیریت در صورت در خواست
  • بهبود RTL ویرایشگر tinymce
  • توابع مختلف برای اعداد فارسی
  • شمسی کردن تاریخ woocommerce
  • شمسی کردن تاریخ easy digital downloads

نصب فارسی سازی و تاریخ شمسی فارسی وردپرسwp-parsidate

برای استفاده از این افزونه اگر هم اکنون از وردپرس استفاده می کنید ابتدا باید افزونه هایی که مربوط به تاریخ شمسی هستند را غیر فعال کنید و بعد افزونه wp-parsidate را نصب و فعال کنید. اگر هم به تازگی می خواهید وردپرس را نصب کنید باید افزونه را از سایت وردپرس دانلود و در سایت خود نصب و فعال کنید.

پنل تنظیمات فارسی سازی و تاریخ شمسی فارسی وردپرسwp-parsidate

پنل تنظیمات تبدیل فارسی سازی و تاریخ شمسی فارسی وردپرس wp-parsidate

در این بخش شما می توانید تمامی اعداد در سایت خود را تغییر دهید و این تغییر در URL سایت نیز اتفاق می افتد و تغییر فونت پنل مدیریت و ویرایشگر tinymce

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

شما در بخش ابزارک ها می توانید از ابزارک wp-parsidate برای نمایش آرشیو با تاریخ شمسی استفاده کنید

موارد بهینه و بروز شده فارسی سازی و تاریخ شمسی فارسی وردپرس توسط wp-parsidate :
۱٫ تابع شمسی این افزونه بصورت کامل از ابتدا نوشته شده تابع date در زبان php بصورت کامل برای شمسی اجرا شد
۲٫ ابزارک بایگانی کاملا از ابتدا نوشته شده و در همه بخش‌ها و حالت‌ها در داخل و سرتیتر تاریخ شمسی را نمایش می‌دهد
۳٫ بخش پیوند یکتا براساس آخرین تغییرات تابع اصلی وردپرس نوشته شده و کاملا بهینه و سریع‌تر شده
۴٫ تاریخ شمسی در بخش‌های ویرایش سریع (در لیست نوشته‌ها و صفحه ارسال پست) در بخش مدیریت اضافه شده (جدید)
۵٫ regex در تابع اعداد فارسی بهینه‌تر و سریع‌تر شده
۶٫ افزودن فایل زبان فارسی از طریق افزونه به وردپرس. با این امکان کاربر اجباری به استفاده از وردپرس فارسی ندارد. کافیست وردپرس اصلی را نصب و سپس افزونه را فعال نماید. فایل های زبان از طریق افزونه به وردپرس اضافه می‌شود و پوشه languages در مسیر wp-content اضافه می‌شود.

 

مستندات:
کلاس bn_parsidate: کلاس اصلی برای شمسی سازی و تبدیل تاریخ میلادی به شمسی و برعکس می‌باشد. این کلاس کاملا تابع date در زبان php را پیاده سازی کرده و می‌توانید براساس مستندات این تابع در سایت php.net از خروجی‌های آن استفاده کنید.

نحوه استفاده از کلاس:

$bndate = bn_parsidate::getInstance();
$bndate = $bndate->persian_date($input,$datetime,$lang);
echo $bndate;

نمونه برای تبدیل تاریخ میلادی به شمسی:

parsidate('Y m d',$datetime='now',$lang='per')

توضیحات:
متغییر $input ورودی چیدمان تاریخ است. مانند Y m d
متغییر $datetime برای تعریف زمان است. مانند now / +1 days / 1998-04-05 / timestamp
متغییر $lang که نوع خروجی عدد (فارسی/انگلیسی) را مشخص می‌کند. مانند per / eng

نمونه برای تاریخ شمسی به میلادی:

gregdate($input,$datetime)

توضیحات:
متغییر $input ورودی چیدمان تاریخ است. مانند Y m d
متغییر $datetime برای تعریف زمان است. مانند now / +1 days / 1998-04-05 / timestamp

تابع per_number جهت تبدیل اعداد به فارسی. نحوه استفاده:

per_number($content)

متغییر $content مقدار عدد صحیح است مانند: ۱۴۴۰

تابع eng_number جهت تبدیل اعداد فارسی به انگلیسی. نحوه استفاده:

eng_number($content)

متغییر $content مقدار عدد صحیح است مانند: ۲۰۲۰

استفاده از بایگانی خورشیدی از تابع wp_get_parchives

مقدار xxx را میتوانید جایگزین یکی از مقادیر زیر کنید:

year (برای نمایش آرشیو به صورت سالانه)
monthly(برای نمایش آرشیو به صورت ماهانه)
daily (برای نمایش آرشیو به صورت روزانه)

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

همانند نمونه زیر:

نوشته فارسی سازی و تاریخ شمسی فارسی وردپرس با wp-parsidate اولین بار در طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس. پدیدار شد.