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


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

افزونه ویرایشگر گروهی محصولات ووکامرس (Advanced Bulk Edit)

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

 

افزونه ویرایشگر گروهی

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

 

افزونه ویرایشگر گروهی

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

 

افزونه ویرایشگر گروهی

بیاید فیلترش کنید.

 

افزونه ویرایشگر گروهی

محصولاتتون رو انتخاب بکنید.

 

افزونه ویرایشگر گروهی

و از قسمت ویرایش, ویرایش رو بزنید.

 

افزونه ویرایشگر گروهی

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

 

افزونه ویرایشگر گروهی

وبروز رسانی رو بزنید.

 

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

 

افزونه ویرایشگر گروهی

 

افزونه ویرایشگر گروهی

ولی از طریق افزونه ی ویرایش گروهی ووکامرس یا advanced bulk edit میتونید به راحتی این کاررو انجام بدید.

 

افزونه ویرایشگر گروهی

از طریق این افزونه و فعال کردن این افزونه.

 

افزونه ویرایشگر گروهی

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

 

افزونه ویرایشگر گروهی

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

 

افزونه ویرایشگر گروهی

 

افزونه ویرایشگر گروهی

 

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

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

ویژگی‌های افزونه Advanced Bulk Edit
از ویژگی های این افزونه موارد زیر رو میتونیم مثال بزنیم.
اعمال کردن فیلتر روی محصولات بر اساس موارد زیر
.عنوان
.دسته‌بندی محصولات
.ویژگی‌های محصول
.قیمت فروش محصول
.برچسب‌ها
.توضیحات محصولات
.وضعیت موجودی محصول
.نوع محصول
.کلاس‌های تعریف شده برای فروش
.نویسنده پست یا مقاله
.ویژگی‌های ظاهری محصول مثل (وزن، ارتفاع و …)

نمایش دادن محصولات براساس فیلتر به صورت پیشرفته
.نمایش محصولات ساده و متغیر در کنار هم بودن محصولات متغیر و ساده
.استفاد از تکنولوژی به نام ajax برای جست و جو و نمایش نتایج این تغییرات

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

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

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

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

موفق باشید…

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



Source link

آموزش ویرایشگر گوتنبرگ(قسمت دوم)


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

آموزش ویرایشگر گوتنبرگ

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

در قسمت بعد برای مثال دکمه اضافه می کنیم که با انتخاب گزینه ی layout elements وسپس button این کارو به راحتی انجام میدهیم. و باز هم میتونید زمانی که دکمه رو گذاشتید با تنظیمات موجود در سمت چپ در آن تغییراتی از قبیل تغییر رنگ و… ایجاد کنید. یه قابلیت خوبی که داره اینه که در همون قسمت چپ در سمت پایین می گه که مثلا رنگ متن و رنگ پس زمینه ی دکمه با هم همخوانی نداره و خوندنش برای کاربر مشکل هست و شما می تونید رنگ ها رو تغییر بدید تا خوانایی اون متن روی دکمه مناسب بشه. ونیز به راحتی می تونید بهش لینک بدید و اینطوری زمانی که کاربر روی دکمه کلیک می کنه می ره داخل صفحه ای که شما می خواید. و همچنین در قسمت چپ در قسمت style می تونید انتخاب کنید دور دکمتون مستطیل باشه گرد باشه و خیلی امکانات دیگه که ویرایشگر گوتنبرگ برای ما ایجاد کرده.

 

گوتنبرگ

 

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

 

 

گوتنبرگ

 

 

همین طور که میبینید ویرایشگر ما با همون شکل و شمایل ظاهر میشه و ما میتونیم متنمون رو ویرایش کنیم مثل قبل.

 

گوتنبرگ

 

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

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

گزینه ی دیگه list هست که با انتخاب گزینه ی common block و list می تونیم به راحتی لیست های شکیل و زیبا درست کنید.

 

گوتنبرگ

 

گوتنبرگ

 

با توجه به تصویر زیر حتی می تونیم زیرمنو هم درست کنیم.

خب تا اینجای کار یه توضیحات کلی و تا حدودی جزئی در مورد ویرایشگر گوتنبرگ برای شما داده شد.
حالا بریم تا ببینیم چطوری محتوا رو انتشار بدیم. همون طور که میبینید در قسمت document اطلاعات نوشته ی ما اینجا قرار میگیره. مثل سابق دسته ی نوشته رو تعیین میکنیم. برچسب برای نوشتمون میزاریم. تصویر شاخص میذاریم.

 

گوتنبرگ

 

برای مثال تصویر شاخص به این ترتیب می ذاریم.

 

گوتنبرگ

 

گوتنبرگ

 

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

 

گوتنبرگ

 

Discussion قسمت نظرات هست که با زدن تیک allow comment اجازه ی گذاشتن نظرات رو میدید.

 

گوتنبرگ

 

وقتی من روی گزینه ی publish کلیک کنم یه صفحه ی دیگه برام باز میشه که visibility یا نمایشش رو  میتونم انتخاب کنم که public یا عمومی باشه و برای همه در دسترس باشه یا private یا اختصاصی باشه وفقط برای مدیران سایت و نویسندگان سایت قابل دسترسی باشه. گزینه ی بعد password protected هست که میتونید یه پسوردی رو برای نوشتتون انتخاب کنید و اینکه هر کاربری اون پسورد رو بدونه میتونه محتوای شما رو ببینه. و این موارد خودشون قبلا به صورت افزونه روی سایت ازش استفاده میشد ولی الان به راحتی با وجود این گزینه ها در ویرایشگر گوتنبرگ نیازی به نصب افزونه های اضافه نیست.

 

گوتنبرگ

 

گوتنبرگ

 

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

 

گوتنبرگ

 

گزینه ی بعد suggestion هست که میتونید در این قسمت برچسب هارو وارد کنید.

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

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

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

شاد و سربلند باشید…

نوشته آموزش ویرایشگر گوتنبرگ(قسمت دوم) اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

آموزش ویرایشگر گوتنبرگ(قسمت اول)


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

گوتنبرگ وردپرس چیست؟

تیم توسعه و بروز رسانی وردپرس هر روزه در تلاش است تا امکاناتی مفید برای وب سایت‌های وردپرسی ایجاد کند. ویرایشگر گوتنبرگ چیست؟ آیا تا به حال این واژه به گوشتان خورده است؟ در مورد گوتنبرگ چه می دانید؟ ممکن است اطلاعاتی در این باره داشته باشید ویا اصلا اسم آن را نشنیده باشید. تیم طراحی سایت اصفهان تصمیم دارد editor (ویرایشگر) جدید وردپرس که گوتنبرگ نام دارد را به شما عزیزان معرفی کرده. و به گونه ای به شما آموزش دهد. اگر آشنایی زیادی با این ویرایشگر ندارید تا پایان مقاله ما را همراهی کنید. امیدواریم این مقاله مورد توجه شما عزیزان قرار بگیرد.

 

گوتنبرگ

 

ویرایشگر گوتنبرگ به طور پیش فرض ویرایشگر اصلی وردپرس شده و از وردپرس ۵ ما ویرایشگر کلاسیک را مشاهده نمی کنیم.
البته این امکان را هم به ما داده است تا بتوانیم ادیتور کلاسیک را به وردپرس ۵ به بالا اضافه کنیم.
و تا سال ۲۰۲۱ کاربران می توانند از ادیتور کلاسیک به عنوان افزونه ی جانبی استفاده کنند. و از ۲۰۲۱ به بعد همه به اجبار باید از گوتنبرگ به عنوان ادیتور وردپرس خود استفاده کنند.
حال به این می پردازیم که ادیتور یا ویرایشگر جدید وردپرس به چه شکل کار می کند.
از قسمت نوشته ها, افزودن نوشته را انتخاب می کنیم. تا یک نوشته ی جدید بنویسیم.

 

گوتنبرگ

 

همان طور که در عکس زیرمشاهده میکنید. محیط کاملا تغییر کرده و خبری از محیط کلاسیک نیست. در قسمت add title موضوع نوشته ی خودمان که همان عنوان هست رو می نویسیم.

 

گوتنبرگ

 

با استفاده از گزینه ی افزودن, المان هایی می توان اضافه کرد و قابل ذکر است که افزونه ی گوتنبرگ کار چندین افزونه را باهم انجام می دهد. قبل از وجود گوتنبرگ اگر می خواستیم کدهای html را به کاربران نشان دهیم باید از افزونه استفاده می کردیم یا اگر میخواستیم لیستی اضافه و جدولی درست کنیم باید از افزونه استفاده می کردیم. ولی با وجود ویرایشگر گوتنبرگ برای نوشتن محتوای خود نیازی به نصب افزونه نداریم. و درصد بالایی از کارمان بدون نیاز به افزونه انجام خواهد شد.
اول از همه عبارت most used را مشاهده می کنید. که بیشترین المان هایی که استفاده کردید را در اینجا لیست می کند.

 

گوتنبرگ

بعد از اون common Blocks هست که به نوعی بلاک هایی که خیلی از آن استفاده می شه را نشان می ده. اعم از list (لیست ها) و gallery برای (گذاشتن عکس) , audio برای (گذاشتن موزیک) و heading برای نوشتن تیتر و… .

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

گزینه ی بعدی layout elements هست.

 

گوتنبرگ

 

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

 

گوتنبرگ

 

برای مثال می خوام از قسمت جداکننده استفاده کنم و layout element رو میزنم و سپس گزینه ی separator را انتخاب میکنم. اگر دقت کنید زمانی که من جداکننده رو انتخاب کردم در سمت چپ گزینه ی بلاک اومذ و همچنین گرینه ی style که من با استفاده از این گزینه میتونم استایل اون رو نیز تغییر بدم. یعنی این که دوست دارم مدل خطی که به عنوان جداکننده به کار بردم چه شکلی باشه مثلا خط ممتد باشه یا خط چین باشه و… .

 

گوتنبرگ

 

گزینه ی بعدی ابزارک ها هستند. که برای دسته بندی سایتتون می تونید از گزینه ی category استفاده کنید. برای آرشیو از گزینه ی archive وبرای آخرین پست ها و آخرین کامنت ها از گزینه یlatest post و latest comment استفاده کنید. همچنین قابلیت جالبی که داره shortcode هست که اگر از افزونه هایی مثل افزونه ی تماس استفاده میکنید و یک فرم تماس ساختید که shortcode آن را می خواهید در نوشتتون قرار دهید می تونید از این گزینه استفاده کنید و اون فرم تماس هم در نوشتتون میتونه ظاهر بشه.

 

گوتنبرگ

 

گزینه ی بعدی جاسازی ها هست که می تونید به عنوان مثال اگر از اینستاگرام استفاده می کنید و پیجی در اینستاگرام دارید پیجتون در یک باکسی خیلی زیبا به کاربرانتون نشون داده خواهد شد(با استفاده از گزینه ی Instagram). یا اینکه افزونه ای در وردپرس دارید که می خواید منتشر کنید در یک باکسی زیبا به تمام کاربرانتون نشون داده خواهد شد (با استفاده از گزینه ی wordpress) .

 

گوتنبرگ

 

خب بریم سراغ common block که در واقع المان های کابردی هستند.

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

 

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

 

گوتنبرگ

 

اگر بخواهید المانی را حذف کنید روی سه نقطه کلیک کرده و remove block رو می زنید و به راحتی پاک میشه.

 

گوتنبرگ

 

زمانی که پاراگراف را انتخاب کردیم و متنمون رو قرار دادیم وقتی روی متن کلیک کنیم در سمت چپ امکاناتی به ما می ده که می تونیم مثلا فونت سایزش رو تغییر بدیم. رنگ و background color و text color رو تغییر بدیم. یعنی رنگ پس زمینه و رنگ متن.

 

گوتنبرگ

 

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

شاد و سلامت باشید…

نوشته آموزش ویرایشگر گوتنبرگ(قسمت اول) اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

رقص گوگل, گوگل دنس (Google Dance) چیست؟


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

گوگل دنس (Google Dance)

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

گوگل دنس(google dance)

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

 

گوگل دنس

 

آیا الگوریتم گوگل دنس نگران کننده است؟

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

گوگل دنس

در گذشته بالا و پایین شدن رتبه ی سایت ها که گوگل دنس باعث آن بود. بازه ی زمانی کمی را شامل میشد. برای مثال چند ثانیه تا چند روز. حال با جدیدترین و آخرین بروزرسانی الگوریتم پاندا, بررسی تغییرات سئوی سایت ها توسط موتور جستجوی گوگل به صورت لحظه ای انجام می شود.

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

 

کاهش رتبه سایت توسط گوگل دنس

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

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

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

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

نوشته رقص گوگل, گوگل دنس (Google Dance) چیست؟ اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

پیدا کردن دسترسی به XMLRPC


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

پیدا کردن دسترسی به XMLRPC

XML-RPC وردپرس

XML-RPC یا همان Remote Procedure Call یک پروتکل رابط بین سایت شما و نرم افزارهایی است که از طریق آن ها می توانید اقدام به کنترل سایت وردپرسی خود و مدیریت نوشته و تنظیمات سایت خود نمایید. این پروتکل از نسخه ی ۳٫۵ به بعد به صورت پیش فرض در وردپرس فعال شد. قابلیت XML-RPC وردپرس امکان اتصال سایت شما را با سرویس هایی مانند IFTTT فراهم می کند و نرم افزارهای مدیریت در محیط ویندوز و اندروید نیز از همین راه برای اتصال به سایت شما استفاده می کنند. تیم طراحی سایت اصفهان با مضمون XML-RPC و توضیحاتی در این باره مقاله ای برای شما تهیه کرده است. تا پایان این مقاله ما را همراهی کنید.

XML-RPC وردپرس
چگونگی تهدید امنیت وردپرس توسط XML-RPC

اولین نکته ای که باید به آن توجه کرد این است که ممکن است سرویس ها و پلاگین هایی که این پروتکل را به کار می گیرند دارای فعالیت های ضد امنیتی باشند که برای نرم افزار ها و سرویس های امنیتی به راحتی قابل تشخیص نباشد. یکی از مشکلاتی که فعال بودن این پروتکل برای شما به وجود می آورد امکان حملات DDOS می باشد که در نهایت باعث Down شدن وب سایت شما می گردد. یکی از مشکلات دیگر امکان حمله ی Brute Force می باشد، در این حمله هکر می تواند اسکریپت هایی بنویسد که به سایت مورد نظر درخواست هایی ارسال کند. این درخواست ها می تواند شامل نام کاربری و رمز عبور مربوط به سایت مورد حمله باشد. مسئله ی دیگر این است که وقتی از این چنین سرویس هایی استفاده می کنید، این نرم افزارها می توانند با سایت شما ارتباط برقرار کنند و بدون نیاز به بررسی برای سایت شما درخواست های ورود ارسال نمایند. هکر در حین ارسال این درخواست ها شروع به استخراج مطالب و محتویات سایت شما می نماید. این مسائل چند نمونه از مشکلاتی هستند که در صورت استفاده از پروتکل XML-RPC با آن ها مواجه می شوید. در صورتی که نیازی به استفاده از نرم افزارهای مذکور ندارید بهتر است تا قابلیت xml-rpc وردپرس را غیرفعال کنید.

غیر فعال کردن قابلیت xml-rpc وردپرس

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

غیر فعال کردن قابلیت xml-rpc وردپرس با استفاده از افزونه

یکی از افزونه هایی که برای غیر فعال کردن این قابلیت استفاده می شود، افزونه ی Disable XML-RPC می باشد. با استفاده از این افزونه قادر به غیرفعال کردن قابلیت xml-rpc وردپرس می باشید. بعد از این که این افزونه را نصب کردید و سپس اقدام به فعال سازی آن نمودید نیازی به تنظیمات خاصی برای غیر فعال سازی این قابلیت وجود ندارد و خود به خود این قابلیت غیر فعال می شود.

غیر فعال کردن قابلیت xml-rpc وردپرس از طریق Function

راهکار دوم برای غیر فعال کردن قابلیت xml-rpc وردپرس قرار دادن کدهایی در فایل Function قالب می باشد. بعد از این فایل Function قالب خود را باز کردید باید کد زیر را به آن اضافه کنید.

add_filter(‘xmlrpc_enabled’, ‘__return_false’);

غیر فعال کردن قابلیت xml-rpc وردپرس از طریق فایل htaccess.

در صورتی که برای غیر فعال کردن این قابلیت اقدام به ویرایش فایل htaccess. نمایید، این پروتکل از روی سایت شما غیرفعال می شود. برای دسترسی به این فایل ابتدا باید وارد CPANEL هاست خود شوید از آنجایی که این فابل جزء فایل های مخفی به شمار می رود بعد از ورود به بخش File Manager باید در بخش Setting گزینه ی Show hidden file را انتخاب کنید و دکمه ی Save را کلیک کنید تا این فایل برای شما به نمایش درآید. درنهایت بعد از باز کردن این فایل باید کد زیر را به آن اضافه کنید.

Prevent Access to xmlrpc.php File#
<Files xmlrpc.php>
order deny,allow
deny from all
allow from 123.123.123.123
<Files/>

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

غیر فعال کردن قابلیت xml-rpc وردپرس

سخن آخر

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

نوشته پیدا کردن دسترسی به XMLRPC اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

بهینه سازی سئو سایت


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

 

بهینه سازی سئو سایت

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

مهم ترین مسئله, بهینه سازی سئو سایت یا سئوی سایت (seo-optimize-website) هست. این مقاله به شما کمک می کند تا بتوانید کاری کنید تا وب سایت شما در نتایج حاصل از جستجوی یک کلمه یا عبارت در موتورهای جستجو، در جایگاه مناسبی قرار بگیرد. برای مثال جایگاه مناسب, صفحه ی اول گوگل می باشد. برای تفهیم شدن موضوع بهینه سازی سایت وسئو سایت تا پایان مقاله با تیم سئو سایت اصفهان همراه باشید.

بهینه سازی سئو سایت

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

 

سئو سایت

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

 

سئو سایت و کلمات کلیدی

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

بهینه سازی سئو سایت
 

ماه عسل گوگل

ماه عسل گوگل یا Google Honeymoon به موقعیتی گفته می شود که زمانی که یک سایت طراحی شد و محتواهایی با کلمات کلیدی اصلی در آن منتشر کردیم. در مدت زمان کم در صفحه ی نخست گوگل قرار میگیرد. ولی این زمان خوشی کوتاه است. و بعد از مدت زمان تقریبا یک هفته سایت به جایگاه و موقعیت خود می رود. و از صفحه ی اول گوگل حذف می شود. به این حالت که گوگل رتبه ی خوبی به سایت می دهد ماه عسل گوگل گویند. فارغ از هر رتبه ای که سایت مورد نظر داشته باشد ماه عسل گوگل ممکن است برای هرگونه سایتی انجام گیرد. حال بیان می کنیم که علت پدیده ماه عسل گوگل برروی سایت ها چیست؟
از علت اصلی ماه عسل گوگل خود موتور جستجوی گوگل اطلاع دارد. اما با این وجود توضیحاتی را بیان می کنیم.
از توضیحاتی که می توانیم بیان کنیم این که موتور جستجوی گوگل سایت را در اولین نتیجه های جستجو قرار می دهد تا ارتباط سایت ها با کلمات کلیدی را بررسی کرده و بسنجد. و همچنین اینکه نحوه ی پاسخ دهی آن ها چگونه است.
موتور جستجوی گوگل برای مدتی کوتاه و موقت برای دیده شدن سایت شما رتبه ی خوب و رنک دهی بالایی به آن می دهد.
یکی ازدلایل موتور جستجوی گوگل برای آوردن سایت شما به صفحه ی اول گوگل این است که مطالب جدیدی در مورد کلمات کلیدی اصلی در اختیار کاربران قرار بدهد. و فرض را بر این میگیرد که سایت شما مطالب و محتوای جدید و مناسبی برای کاربران دارد.
از دلایل دیگر آمدن سایت به اولین صفحه ی گوگل می تواند این باشد که رقیبی برای کلمه ی کلیدی که در سایت تان قرار دادید وجود نداشته و پس از مدتی که سایت های دیگر با کلمه ی کلیدی اصلی شما روی کار آمدند و مطلبی با آن کلمات کلیدی در سایت خود قرار داده رقیب شما می شوند. و به این ترتیب به تدریج جای شمارا میگیرند. و رتبه ی شما پایین می آید.
پدیده ی ماه عسل گوگل را در ذهن داشته باشید. و با بالا آمدن وب سایت خود و بدست آوردن رتبه ی خوب و افت رتبه سایت تعجب نکنید.

 

انواع سئو

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

 

سئو کلاه سفید

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

 

سئو کلاه سیاه

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

 

سئو کلاه خاکستری

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

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

بهینه سازی سئو سایت

نوشته بهینه سازی سئو سایت اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

محل قرار گیری عناصر ،خواص float و clear


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

محل قرار گیری عناصر ،خواص float و clear

در مقاله امروز قصد بیان سه Property کاربردی در css  را دارم . برای آشنایی کامل با Property های position،float،clear تا انتهای مطلب با تیم طراحی سایت اصفهان همراه باشید.

خاصیت position

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

ویژگی position دارای ۴ مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد ، می پردازم.

  • static

تمام عناصر html به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند.عناصری که از ویژگی static استفاده می کنند از ویژگی های top,right,bottom,left تبعیت نمی کنند.

  • Fixed

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

  • Relative

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

  • Absolute

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

  • Overlapping elements

خاصیت z-index ترتیب قرار گیری عناصر را مشخص می کند .به عبارتی کدام عنصر باید جلو یا پشت عنصر دیگر قرار گیرد.دقت کنید که خصوصیت z-index فقط در مواقعی کار می کند که عنصر با استفاده از خصوصیت position مکان دهی شده باشد.شکل زیر به فهم شما از متن فوق کمک می کند.

 

 

خاصیت position

خاصیت float

Float  در لغت به معنای شناور بودن می باشد. یکی از پرکاربردترین Property در طراحی سایت ویژگی float می باشد. با استفاده از این خاصیت می توانید موقعیت عناصر را به سمت راست یا چپ تنظیم کنید. با این روش می توان به قرار گیری عناصر در کنار یک دیگر کمک کرد. خاصیت float دارای دو مقدار می باشد.

  • Right

عنصر شناور به سمت راست است

  • Left

عنصر شناور به سمت چپ می باشد

 

خاصیت clear

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

خاصیت  clear از والد خود تبعیت نمی کند به عبارتی دارای ارث بری نیست .

ویژگی clear دارای مقدار both  می باشد به این معنا که هیچ عنصر در سمت راست و چپ عنصر شناور قرار نداشته باشند. دو مقدار دیگری که ویژگی clear  دارا می باشد clear:right به معنی پاکسازی سمت راست عنصر شناور و clear:left به معنای پاکسازی سمت چپ عنصر شناور می باشد. clear:none  یکی دیگر از مقادیر پیش فرض این خاصیت می باشد که تمام عناصر به طور پیش فرض دارای clear:none هستند.

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

نوشته محل قرار گیری عناصر ،خواص float و clear اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

تنظیم خواص  عناصر Border و Margin و Padding   


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

خواص عناصر Border و Margin و Padding

در مقاله های قبلی در رابطه با طریقه نوشتن css صحبت کرده بودیم. حال در این مقاله سعی شده است به بررسی برخی از خواص عناصر Border و Margin و Padding و باکس ها و نحوه ی کار همه ی آن ها پرداخته شود. برای کسب اطلاعات بیشتر در این زمینه با اسپادان همراه باشید.

در نگاه اول استفاده از خواص عناصر Border و Margin و Padding و نحوه ی استفاده از آن ها نسبتا ساده هستند. با این حال موتور های جستجوی مرورگر از لیستی طولانی از قوانینی که در توصیه نامه ی CSS ارائه شده اند پیروی می کنند. به همین دلیل جزییات زیادی قبل از استفاده از css ها وجود دارند که باید فرا بگیرید.

خاصیت Margin

این خاصیت از  css برای مشخص کردن فضای خالی  خارج از محیط عناصر مورد استفاده قرار می گیرد. تمام خصوصیات Margin می توانند مقدار منفی بگیرند که با این کار باعث هم پوشانی عناصر html  می شوید. این عنصر css را می توان برای حالت های Top , Right , Bottom ,Left تنظیم نمود. برای دادن Margin به هر کدام از حالت های بالا می توان از دو روش زیر استفاده کرد. در روش اول می توان به صورت جداگانه به هر کدام از حالت ها مقدار داد. به مثال زیر توجه کنید:

  margin-top:1px;

  margin-right:2px;

  margin-bottom:3px;

  margin-left:2px;

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

;margin:1px 2px 3px 2px

مقدار اول margin  را در حالت Top مشخص می کند. مقدار دوم margin  را در حالت  right مشخص می کند. مقدار سوم margin  را در حالت  bottomمشخص می کند. مقدار چهارم margin  را در حالت  left مشخص می کند.

اگر تنها برای تمام حالت ها یک مقدار وجود داشته باشد. می توان آن را به صورت margin: 2px نوشت که برای تمام جهت ها اعمال می شود.

اگر برای حالت بالا و پایین یک مقدار و برای حالت چپ و راست یک مقدار وجود داشته باشد. برای آن که آن ها را خلاصه بنویسیم می توانیم. margin-top و margin-bottom  را بر روی مقدار اول  و margin-right و margin-left را بر روی مقدار دوم تنظیم کنیم. margin: 1px 2px

حال اگر حالت چپ و راست یک مقدار داشته باشد و پایین و بالا دو مقدار مجزا داشته باشند. به عبارت دیگر سه مقدار وجود داشته باشد. بالا بر روی مقدار اول تنظیم می شود سمت چپ و راست بر روی مقدار دوم و پایین بر روی مقدار سوم تنظیم می شود.margin: 1px 2px 3px

مقادیر margin را می توان به چند صورت مشخص کرد. می توان محاسبه ی مقدار margin را برعهده ی مرورگر قرار داد و برای ان مقدار auto درنظر گرفت. می توان مقادیر آن را برحسب px,em,cm,pt و… در نظر گرفت. یا می توان به margin  مقدار درصد داد. که در این صورت اندازه ی margin برحسب اندازه ی صفحه نمایش تغییر خواهد کرد.

خاصیت Padding

این خاصیت از  css برای مشخص کردن فضای خالی  داخل عناصر مورد استفاده قرار می گیرد. به عبارت دیگر با استفاده از این عنصر می توانید فضای خالی بین لبه(border) و محتوای عنصر را تنظیم کنید. بر خلاف خصوصیت padding , margin  نمی تواند مقدار منفی بگیرد. از این خصوصیت برای تنظیم هر چهار جهت بالا , پایین,چپ و راست می توان استفاده کرد. این خصویت را نیز می توان مانند margin مقدار دهی کرد. به هر کدام از مثال های زیر توجه کنید.

padding-top: 25px;

padding-right: 50px;

padding-bottom: 25px;

padding-left: 50px;

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

padding: 25px 50px 75px 100px;

 

در این مثال از روش مختصر نویسی استفاده شده است و هر چهار مقدار padding  در یک تعریف تنظیم شده اند.

padding: 25px 50px 75px;

 

در مثال بالا یک مقدار برای جهت بالا یک مقدار برای جهت های چپ و راست و یک مقدار برای جهت پایین تنظیم شده است.

padding: 25px 50px;

در صورتی که برای جهت های بالا و پایین یک مقدار و برای جهت های راست و چپ یک مقدار وجود داشته باشد.  می توان از روش بالا استفاده کرد. مقدار اول برای  padding-topو padding-bottom  و مقدار دوم برای padding-right و padding-left تنظیم شده است.

padding: 25px;

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

Padding را می توان برحسب, pt px, cm , em مشخص کرد و یا می توان به padding  مقدار درصد داد تا اندازه ی آن بر اساس اندازه ی مرورگر تغییر کند.

خاصیت border

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

خاصیت border-style

Dotted: لبه به صورت مجموعه ای از نقاط به نمایش در می آید.

none: این حالت معادل border-width=0 می باشد و لبه به نمایش در نمی آید.

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

solid: لبه به صورت یک خط به نمایش در می آید.

Double: با استفاده از این خاصیت می توانید لیه را به صورت دو خطه نمایش دهید.

Groove: لبه در این حالت به نظر می رسد که به صورت سه بعدی است.

Ridge: در این حالت لبه به صورت سه بعدی برجسته می باشد.

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

Outset: لبه به صورت سه بعدی خارجی به نمایش در می اید.

خاصیت border-width

از خاصیت هایی که باید در border تنظیم شود border-width می باشد. این خصوصیت ممکن است یکی از مقادیر زیر را دارا باشد:

thin : یک بوردر نازک

medium : یک بوردر متوسط

thick : یک بوردر ضخیم

همچنین می توان این خصوصیت را بر اساس مقادیر px,pt,cm,em نیز تنظیم کرد .

در صورتی که خاصیت border-style  تنظیم نشده باشد نمی توان از خاصیت border-width استفاده کرد.

خاصیت border-color

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

به مثال های زیر توجه کنید

;border-style:solid
;border-color:red

border-style:solid;
border-color:#98bf21;

border-style:solid;
border-color:rgb(170, 50, 220);

در این خاصیت می توان برای هر کدام از لبه ها مقادیر جداگانه تعریف کرد :

 border-top: solid red;

border-right: solid red;

border-bottom: solid red;

border-left: solid red

border-style:dotted solid double dashed;

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

border-style:dotted solid double;

لبه های بالا, راست و چپ و پایین می باشد.

border-style:dotted solid;

لبه های بالا , پایین و راست, چپ می باشد.

border-style:dotted;

در این حالت تمام چهار لبه یک مقدار واحد را می گیرند.

این قوانین خلاصه سازی در مورد border-color  و border-widht نیز برقرار می باشند.

به این صورت نیز می توان مقادیر خصوصیت border را نیز خلاصه نویسی کرد

border-bottom: thick solid red

که در این حالت مقدار اول border-width,  مقدار دوم border-style  و مقدار سوم border-color  می باشد.

 

سخن آخر

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

نوشته تنظیم خواص  عناصر Border و Margin و Padding    اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

طریقه نوشتن css


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

طریقه نوشتن css

Style دهی به عناصر html روش های گوناگونی دارد .اگر شما هم در نوشتن style عناصر خود دچار مشکل هستید و نمی دانید از کدام روش استفاده کنید با تیم اسپادان از طراحی سایت اصفهان  همراه باشید.

به طور کلی  طریقه نوشتن css به سه صورت انجام می گیرد (internal, inline ,external)  اولین روش به آن internal style sheet می گویند. در این روش کد های css را درون فایل html و تگ head   قرار می دهیم. این روش زمان بارگذاری صفحه را افزایش می دهد. بنابراین اصلا توصیه نمی شود. تنها مزیت این روش نسبت به روش بعدی (درون خطی) این است که می تواند از خاصیت ارث بری کلاس ها استفاده کند.

یعنی می توانید از یک style در چندین جای صفحه استفاده کنید.

طریقه نوشتن css

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

<head>

<style>

h {

color:silver;

}

p {

margin-left:20px;

}

body {

background-image:url(“images/bg.gif”);

}

</style>

</head>

 

روش دوم از طریقه نوشتن inline style sheet ، css است. در این روش دقیقا style را درون عنصری تعریف می کنیم که می خواهیم به آن cssبدهیم .این روش برای سایت هایی که تعداد صفحات کمتری دارند می تواند استفاده شود اما هرگز توصیه نمی شود زیرا مانند روش قبل سرعت بارگذاری صفحه را افزایش می دهد .

مثال :

<!DOCTYPE html>

<html>

<body> <h1 style=”color:blue”>این یک عنوان است</h1> <p style=”color:red”>این یک پاراگراف است.</p> </body>

</html>

روش سوم و مرسوم ترین  طریقه نوشتن css روش external style sheet (ظاهر سازی به روش خارجی ) است. این روش بسیار ایده ال است. و سرعت بارگذاری صفخه در آن نسبت به روش های قبل بالاتر است زیرا به طور مثال اگر شما بخواهید رنگ یا فونت تگ p درون صفحه html را تغییر دهیدلازم نیست مانند روش بالا در کنار هر تگ p  ،style مورد نظرتان را اضافه کنید کافی است صفحه ای جدا گانه به نام style.sheet باز کزده و style مورد نطرتان را تنها با یک بار نوشتن به کلیه تگ های p اضافه کنید

P:{

Color:red;

Font-size:12px;

}

 

در این طریقه نوشتن  css باید دقت کنید که لینک به صفحه مربوط به css خود را در صفحه html تان به شکل زیر قرار دهید

<head>
<link href=”css/style.css” rel=”stylesheet” type=”text/css”>
</head>

در کد بالا قسمت rel و type را لازم نیست تغییر دهید اما باید لینک صفحه cssخود را به درستی در قسمت href قرار دهید تا صفحه html تان به صفحه cssلینک شود در غیر این صورت عنصر ها stlye های مورد نظر را نمی گیرند .

همان طور که می دانید کد نویسی سایت را با تگ <div> بخش بندی می کنند. حال اگر بخواهیم به div  در صفحه خارجی Style  دهیم می توانیم مانند کد های زیر به آن کلاس یا id دهیم و در صفحه css با . برای کلاس و # برای id، divمورد نظر را فراخوانی کنیم . تفاوت کلاس با id در این است که id  یکسان فقط به یک عنصر یا  divتعلق می گیرد (انحصاری )است اما می توان به چند عنصر یا div کلاس یکسان داد.

صفحه html:

<html>

<body>

<div id=”search”></div>

<div class=”search-submit”><p>hello world</p></div>

</body>

صفحه css:

#search{

Width:500 px;

Height:200px;

Float:right;

}

.search-submit{

Width:500 px;

Height:200px;

Float:right;

}

حال اگر بخواهیم به تگ p درون کلاس search-submit ، style دهیم باید به صورت زیر بنویسیم:

.search-submit  P {

Color:red;

}

سخن پایانی : در مطلب فوق سعی بر آن بود که شما را با روش های style دهی عناصر html آشنا کنیم تا طریقه نوشتن css

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

نوشته طریقه نوشتن css اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

نحوه ی پیکربندی ویژگی Leech protection در cpanel


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

نحوه ی پیکربندی ویژگی Leech protection در cpanel

ویژگی Leech Protection چیست؟

Leech protection یک ویژگی امنیتی استاندارد در Cpanel می باشد. فرض کنید یک کاربر به طور عمومی نام کاربری یا کلمه های عبور را به قسمت های محدود سایت شما ارسال کند، در صورتی که تهدیدی برای امنیت سایت شما به وجود آید می توانید انجام این کار را برای کاربر محدود کنید. همچنین می توان کاربرانی که قصد دسترسی به نام کاربری و رمز عبور دیگران از طریق حدس زدن ترکیبی از رمزهای عبور را دارند را نیز محدود کنید. استفاده از ویژگی Leech protection مانع از ورود کاربران به صورت چندین بار در مدت زمان کوتاه می شود.

در واقع این ویژگی این امکان را به شما می دهد تا تعداد دفعات مراجعه به یک محدوده ی رمزنگاری شده را برحسب زمان تنظیم شده محدود کنید. در Leech protection زمان پیش فرض ۲ ساعت است بنابراین شما می توانید حداکثر تعداد ورودی را برای کاربران برای ۲ ساعت تنظیم کنید. مثلا شما می توانید بیشترین تعداد لاگین در ۲ ساعت را برابر عدد ۴ قرار دهید. در این صورت هنگامی که کاربر بیش از ۴ بار در سایت لاگین شود خود به خود به صفحه ی دیگری ارجاع داده می شود.

ویژگی leech-protection در Cpanel

چگونگی پیکربندی ویژگی Leech Protection

• ابتدا باید وارد Cpanel خود شوید و در قسمت Security بر روی Leech protection کلیک کنید.

leech-protection

• بعد از کلیک بر روی آیکون مورد نظر فهرستی از دایرکتوری های مربوط به حساب Host شما به نمایش درمی آید.

لیست دایرکتوری ها در leech-protection

• در این مرحله شما باید بر روی دایرکتوری که می خواهید از آن در برابر حملات Leech محافظت شود کلیک کنید تا به این صورت وارد صفحه ی دایرکتوری مورد نظر شوید.
• در صفحه ی Leech Protection شما با بخش های Leech Protection Set up، Disable Protection و Manage Users مواجه می شوید.
• در بخش Leech Protection Set up تعدای قسمت وجو دارد که به شرح زیر می باشد:

قسمت Number of Logins Per Username Allowed in a 2-Hour Period: در این قسمت تعداد لاگین هایی که یک کاربر مجاز در مدت زمان ۲ ساعت می تواند انجام دهد را مشخص می کند. شما باید مقدار عددی خود را در این کادر وارد کنید.
قسمت URL to Redirect Leech Users to: شما در این بخش باید آدرس Url که می خواهید کاربران به آن ارجاع داده شوند را مشخص کنید.
قسمت Send Email Alert To: اگر دوست دارید هنگامی که یک کاربر شروع به تلاش برای ورود به منطقه ی محافظت شده ی شما می کند یک ایمیل برای شما ارسال شود باید تیک کنار این گزینه را بزنید.
قسمت Disable Compromised Accounts: در صورتی که بخواهید هر حساب کاربری را که کاربران سعی بر ورود به مناطق محافظت شده ی آن را دارند غیرفعال کنید، باید تیک کنار این گزینه را بزنید.
• قسمت Disable Protection
• برای فعال کردن Leech protection باید بر روی گزینه ی Enable کلیک کنید.

صفحه ی Leech-Protection

• در مرحله ی بعد شما یک تایید خواهید دید که به شما ثابت می کند ویژگی مورد نظر به درستی فعال شده است. در صورتی که بر روی پیوند بازگشت کلیک کنید در صفحه ی باز شده می توانید آیکون Leech را در کنار دایرکتوری مورد نظر خود مشاهده کنید.

چگونگی غیرفعال کردن ویژگی Leech Protection

در صورتی که قصد غیر فعال سازی ویژگی Leech protection را دارید می توانید وارد همان صفحه ی Leech protection شوید، در این صفحه می توانید با کلیک بر روی دکمه ی غیرفعال کردن(Disable Protection) این ویژگی را غیرفعال کنید.اگر بر روی پیوند بازگشت کلیک کنید در صفحه ی بعدخواهید دید که آیکون Leech دیگر در کنار دایرکتوری نیست.

غیرفعال کردن leech-protection

در پایان

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

#s3gt_translate_tooltip_mini { display: none !important; }

نوشته نحوه ی پیکربندی ویژگی Leech protection در cpanel اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

..................................................................................طراحی وب سایت , سئو وب سایت , طراحی قالب وردپرس , فروش بک لینک , فروش رپورتاژ.................................................................................. رد کردن

آفلاین

در حال حاضر نیستیم. لطفا پیام خود را ارسال کنید, در اولین فرصت رسیدگی میکنیم. با تشکر : تیم پشتیبانی اسپادان

هر سولی دارید بپرسید.

شروع چت