This media is not supported in your browser
VIEW IN TELEGRAM
❌️محتوای بی ربط تو صفحات نیارید مخصوصا تو صفحاتی که به خرید کاربر میتونه منجر شه
❤2👍1
🔹 ۱. کد و ساختار شلوغ
دموها معمولاً پر از کدهای اضافی، CSSهای بیمصرف، ویجتهای آزمایشی و ماژولهایی هستن که تو اصلاً لازمشون نداری.
نتیجه؟ سرعت سایت پایین، سئوی ضعیف، و مشکلات در بهینهسازی بعدی.
مثلاً قالب Woodmart وقتی دمو نصب میکنی، دهها CSS مختلف برای صفحات خاص میسازه که هیچوقت استفاده نمیکنی.
🔹 ۲. وابستگی به طرح و داده دمو
دمو بر اساس محتوای خاص خودش طراحی شده (مثلاً عکسهای خاص یا طول متن خاص).
بهمحض اینکه محتوای واقعی خودت رو جایگزین میکنی، چیدمان به هم میریزه — دکمهها جابهجا میشن، باکسها بزرگ یا کوچک میشن، و ظاهراً طرح خراب میشه.
به زبان فنی: «دمو برای دادهی خودش optimize شده، نه برای دادهی تو.»
🔹 ۳. اشباع از افزونهها
اکثر دموها برای نمایش ظاهر، چندین افزونه غیرضروری نصب میکنن (مثلاً برای پاپآپ، فرم، تبها، گالری و غیره).
بعد از مدتی نصفشون غیرفعال میشن ولی کدهاشون در دیتابیس میمونه و سایت رو کند میکنه.
🔹 ۴. سختی در شخصیسازی
وقتی طراحی از صفر خودت انجام میدی (با المنتور یا طراحی اختصاصی)، دقیقاً میدونی چی کجا لود میشه.
ولی توی دمو، خیلی از بخشها با shortcodeهای مخصوص قالب ساخته شدن و ویرایشش سخت و محدود میشه.
مثلاً تو Woodmart دموها از “wpb_js_composer” یا شورتکدهای اختصاصی استفاده میکنن که با المنتور اصلاً سازگار نیستن.
🔹 ۵. مشکلات سئو و دادههای جعلی
دموها معمولاً عنوانها، متاها و متنهای تکراری دارن. اگر تمیز پاکشون نکنی، گوگل اون دادهها رو ایندکس میکنه و سایتت با دادههای اشتباه بالا میاد.
(مثلاً هنوز اسم “Woodmart Demo” توی عنوان صفحات دیده میشه!)
🔹 ۶. تجربه کاربری ناپایدار
چون ساختار دمو برای نیاز خاصی طراحی شده، مسیر کاربر در سایت تو ممکنه منطقی نباشه.
مثلاً CTAها در جای اشتباه قرار بگیرن، یا فرم تماس اصلاً به مسیر فروش تو نخوره.
🔹 ۷. هویت برند از بین میره
وقتی با دمو کار میکنی، در واقع داری “هویت برند” خودت رو در قالبی عمومی پنهان میکنی.
ولی وقتی خودت طراحی اختصاصی میسازی، فونت، رنگ، چینش و حتی فاصلهها حس برند رو منتقل میکنن.
به زبان سادهتر:
دمو برای فروش قالب ساخته شده، نه برای فروش خدمات یا محصولات.
دموها معمولاً پر از کدهای اضافی، CSSهای بیمصرف، ویجتهای آزمایشی و ماژولهایی هستن که تو اصلاً لازمشون نداری.
نتیجه؟ سرعت سایت پایین، سئوی ضعیف، و مشکلات در بهینهسازی بعدی.
مثلاً قالب Woodmart وقتی دمو نصب میکنی، دهها CSS مختلف برای صفحات خاص میسازه که هیچوقت استفاده نمیکنی.
🔹 ۲. وابستگی به طرح و داده دمو
دمو بر اساس محتوای خاص خودش طراحی شده (مثلاً عکسهای خاص یا طول متن خاص).
بهمحض اینکه محتوای واقعی خودت رو جایگزین میکنی، چیدمان به هم میریزه — دکمهها جابهجا میشن، باکسها بزرگ یا کوچک میشن، و ظاهراً طرح خراب میشه.
به زبان فنی: «دمو برای دادهی خودش optimize شده، نه برای دادهی تو.»
🔹 ۳. اشباع از افزونهها
اکثر دموها برای نمایش ظاهر، چندین افزونه غیرضروری نصب میکنن (مثلاً برای پاپآپ، فرم، تبها، گالری و غیره).
بعد از مدتی نصفشون غیرفعال میشن ولی کدهاشون در دیتابیس میمونه و سایت رو کند میکنه.
🔹 ۴. سختی در شخصیسازی
وقتی طراحی از صفر خودت انجام میدی (با المنتور یا طراحی اختصاصی)، دقیقاً میدونی چی کجا لود میشه.
ولی توی دمو، خیلی از بخشها با shortcodeهای مخصوص قالب ساخته شدن و ویرایشش سخت و محدود میشه.
مثلاً تو Woodmart دموها از “wpb_js_composer” یا شورتکدهای اختصاصی استفاده میکنن که با المنتور اصلاً سازگار نیستن.
🔹 ۵. مشکلات سئو و دادههای جعلی
دموها معمولاً عنوانها، متاها و متنهای تکراری دارن. اگر تمیز پاکشون نکنی، گوگل اون دادهها رو ایندکس میکنه و سایتت با دادههای اشتباه بالا میاد.
(مثلاً هنوز اسم “Woodmart Demo” توی عنوان صفحات دیده میشه!)
🔹 ۶. تجربه کاربری ناپایدار
چون ساختار دمو برای نیاز خاصی طراحی شده، مسیر کاربر در سایت تو ممکنه منطقی نباشه.
مثلاً CTAها در جای اشتباه قرار بگیرن، یا فرم تماس اصلاً به مسیر فروش تو نخوره.
🔹 ۷. هویت برند از بین میره
وقتی با دمو کار میکنی، در واقع داری “هویت برند” خودت رو در قالبی عمومی پنهان میکنی.
ولی وقتی خودت طراحی اختصاصی میسازی، فونت، رنگ، چینش و حتی فاصلهها حس برند رو منتقل میکنن.
به زبان سادهتر:
دمو برای فروش قالب ساخته شده، نه برای فروش خدمات یا محصولات.
❤4👍3🔥1
selector{
transition: all 0.6s ease;
}
selector:hover {
z-index: 10;
flex: 4;
}👍5
💥سرعت لود برای کاربر ایرانی
وقتی دیتاسنتر داخل ایرانه، مسیر پینگ کوتاهتره. یعنی اگر کاربر از تهران وارد سایت بشه، سایت معمولاً سریعتر باز میشه. (تفاوتش گاهی تا نیم ثانیهست و همین روی سئو تأثیر میذاره.)
💥تحریم و محدودیت سرویسهای خارجی
توی هاست ایران گاهی ارسال ایمیل از طرف افزونههایی مثل WP Mail SMTP یا سرویسهایی مثل Brevo، Mailchimp سختتره.
ولی در هاست اروپا معمولاً بدون محدودیت کار میکنن.
💥پشتیبانی و زبان
تیمهای ایرانی در هاست داخلی سریعتر و به زبان فارسی پشتیبانی میدن. برای کاربر تازهکار، این یه امتیاز بزرگه.
💥امنیت و فیلترها
توی هاست ایران، بعضی آیپیهای خارجی فیلتر یا کند میشن. اگه سایتت مشتری خارجی داره (یا حتی از سرویس CDN مثل Cloudflare استفاده میکنی)، ممکنه اذیت بشی.
💥قیمت
معمولاً هاست ایران قیمت پایینتری داره چون هزینهی انتقال داده داخل کشور کمتره.
👈 مناسبترین انتخاب
اگه سایتت فارسیه و کاربرات ایرانیان → هاست ایران.
اگه سایتی داری که مخاطب خارجی داره (مثلاً آموزش انگلیسی یا فروش فایل بینالمللی) → هاست اروپا.
اگه میخوای از Cloudflare، Google Fonts یا CDNهای جهانی استفاده کنی → اروپا بهتره چون تداخل DNS کمتر داره.
وقتی دیتاسنتر داخل ایرانه، مسیر پینگ کوتاهتره. یعنی اگر کاربر از تهران وارد سایت بشه، سایت معمولاً سریعتر باز میشه. (تفاوتش گاهی تا نیم ثانیهست و همین روی سئو تأثیر میذاره.)
💥تحریم و محدودیت سرویسهای خارجی
توی هاست ایران گاهی ارسال ایمیل از طرف افزونههایی مثل WP Mail SMTP یا سرویسهایی مثل Brevo، Mailchimp سختتره.
ولی در هاست اروپا معمولاً بدون محدودیت کار میکنن.
💥پشتیبانی و زبان
تیمهای ایرانی در هاست داخلی سریعتر و به زبان فارسی پشتیبانی میدن. برای کاربر تازهکار، این یه امتیاز بزرگه.
💥امنیت و فیلترها
توی هاست ایران، بعضی آیپیهای خارجی فیلتر یا کند میشن. اگه سایتت مشتری خارجی داره (یا حتی از سرویس CDN مثل Cloudflare استفاده میکنی)، ممکنه اذیت بشی.
💥قیمت
معمولاً هاست ایران قیمت پایینتری داره چون هزینهی انتقال داده داخل کشور کمتره.
👈 مناسبترین انتخاب
اگه سایتت فارسیه و کاربرات ایرانیان → هاست ایران.
اگه سایتی داری که مخاطب خارجی داره (مثلاً آموزش انگلیسی یا فروش فایل بینالمللی) → هاست اروپا.
اگه میخوای از Cloudflare، Google Fonts یا CDNهای جهانی استفاده کنی → اروپا بهتره چون تداخل DNS کمتر داره.
👍4
💥 می دونی هیرو سکشن چیه؟
بخش هیرو (Hero Section) در وبسایت یعنی همون قسمت بالای صفحه اصلی که اولین چیزی هست که کاربر میبینه. معمولاً شامل این چیزهاست:
تصویر یا ویدیو بزرگ پسزمینه
عنوان اصلی سایت یا محصول (headline)
توضیح کوتاه یا شعار (tagline)
دکمه یا Call to Action مثل «خرید کنید» یا «مشاهده محصولات»
گاهی عناصر متحرک یا انیمیشنها مثل ذرات، موج، فلش، یا متن حرکتکننده
هدفش اینه که جلب توجه کاربر از اولین لحظه ورود به سایت و تشویقش به کلیک یا تعامل با سایت باشه.
مثلاً وقتی وارد سایت یک فروشگاه یا سایت شرکتی میشی، اولین چیزی که میبینی، تصویر بزرگ + شعار + دکمه است که دقیقاً همون Hero Section هست.
🌐webstarist.com
@webstarist
بخش هیرو (Hero Section) در وبسایت یعنی همون قسمت بالای صفحه اصلی که اولین چیزی هست که کاربر میبینه. معمولاً شامل این چیزهاست:
تصویر یا ویدیو بزرگ پسزمینه
عنوان اصلی سایت یا محصول (headline)
توضیح کوتاه یا شعار (tagline)
دکمه یا Call to Action مثل «خرید کنید» یا «مشاهده محصولات»
گاهی عناصر متحرک یا انیمیشنها مثل ذرات، موج، فلش، یا متن حرکتکننده
هدفش اینه که جلب توجه کاربر از اولین لحظه ورود به سایت و تشویقش به کلیک یا تعامل با سایت باشه.
مثلاً وقتی وارد سایت یک فروشگاه یا سایت شرکتی میشی، اولین چیزی که میبینی، تصویر بزرگ + شعار + دکمه است که دقیقاً همون Hero Section هست.
🌐webstarist.com
@webstarist
❤5👍2
💯 چند قالب وردپرس با Hero انیمیشنی یا پارالکس
Phlox Pro
ویژگی: دموهایی با پسزمینه ویدیویی، پارالکس و انیمیشنهایی برای سکشنها
مناسب برای طراحی سایت شرکتی، استارتآپی یا پرتفولیو
Salient
ویژگی: افکت پارالکس بسیار قدرتمند + انیمیشنهای ورود (animate on scroll) + بخشهای هرو (Hero) خیلی قابل تنظیم
مناسب برای سایتهای خلاقانه، آژانسها یا طراحی پرزنتیشنمحور
Bridge
ویژگی: همراه با ویژوال کامپوزر (یا WPBakery) + پسزمینه ویدیویی یا اسلایدر + امکان انیمیشن لایهای در هرو
مناسب برای سایت شرکتی، نمونهکار، یا استارتآپ
Uncode
ویژگی: شبکههای خلاقانه + انیمیشن smooth + بخش هرو با گزینه پسزمینه ثابت، پارالکس یا ویدیو
مناسب برای دیزاینرها، بلاگرها و آژانسها
TheGem
ویژگی: دموهای متنوع با اسلایدرهای موشن + انیمیشن لایهای در هرو + افکت پارالکس
مناسب برای سایتهایی که ظاهرسازی قدرتمند میخوان و تجربه کاربری مدرن
Phlox Pro
ویژگی: دموهایی با پسزمینه ویدیویی، پارالکس و انیمیشنهایی برای سکشنها
مناسب برای طراحی سایت شرکتی، استارتآپی یا پرتفولیو
Salient
ویژگی: افکت پارالکس بسیار قدرتمند + انیمیشنهای ورود (animate on scroll) + بخشهای هرو (Hero) خیلی قابل تنظیم
مناسب برای سایتهای خلاقانه، آژانسها یا طراحی پرزنتیشنمحور
Bridge
ویژگی: همراه با ویژوال کامپوزر (یا WPBakery) + پسزمینه ویدیویی یا اسلایدر + امکان انیمیشن لایهای در هرو
مناسب برای سایت شرکتی، نمونهکار، یا استارتآپ
Uncode
ویژگی: شبکههای خلاقانه + انیمیشن smooth + بخش هرو با گزینه پسزمینه ثابت، پارالکس یا ویدیو
مناسب برای دیزاینرها، بلاگرها و آژانسها
TheGem
ویژگی: دموهای متنوع با اسلایدرهای موشن + انیمیشن لایهای در هرو + افکت پارالکس
مناسب برای سایتهایی که ظاهرسازی قدرتمند میخوان و تجربه کاربری مدرن
❤5👍1
من آموزش واضح تر این مطلب رو برات میزارم تا بهتر متوجه شی باید چیکار کنی
👍1
😱امنیت: پنهان کردن ورژن پلاگین ها
هکرها اول حمله نمیکنن، اول شناسایی میکنن.
یکی از اولین چیزهایی که چک میکنن اینه:
«این سایت دقیقاً از چه نسخهای از چه افزونهای استفاده میکنه؟»
چرا؟ چون دیتابیسهای عمومی آسیبپذیری وجود داره که میگه:
فلان افزونه نسخه 2.4.1 → آسیبپذیر
فلان افزونه نسخه 3.1 → امن
اگر ورژن لو رفته باشه، حمله هدفمند میشه، نه شانسی.
🌐Webstarist.com
@webstarist
هکرها اول حمله نمیکنن، اول شناسایی میکنن.
یکی از اولین چیزهایی که چک میکنن اینه:
«این سایت دقیقاً از چه نسخهای از چه افزونهای استفاده میکنه؟»
چرا؟ چون دیتابیسهای عمومی آسیبپذیری وجود داره که میگه:
فلان افزونه نسخه 2.4.1 → آسیبپذیر
فلان افزونه نسخه 3.1 → امن
اگر ورژن لو رفته باشه، حمله هدفمند میشه، نه شانسی.
🌐Webstarist.com
@webstarist
👍2
«امنیت یعنی نذاری مهاجم بدونه دقیقاً به چی حمله کنه.»
چطور بفهمیم ورژن افزونهها لو میره؟
معمولاً از این راهها:
سورس سایت (?ver=1.2.3 کنار فایلهای css/js)
هدرهای HTML
RSS Feed
سورس لاگین و REST API
👈 روش ۱: روش اصولی با کد (پیشنهادی)
این کد رو داخل functions.php قالب چایلد یا پلاگین اختصاصی بذار:
چطور بفهمیم ورژن افزونهها لو میره؟
معمولاً از این راهها:
سورس سایت (?ver=1.2.3 کنار فایلهای css/js)
هدرهای HTML
RSS Feed
سورس لاگین و REST API
👈 روش ۱: روش اصولی با کد (پیشنهادی)
این کد رو داخل functions.php قالب چایلد یا پلاگین اختصاصی بذار:
<?php
// حذف ورژن از فایل های css و js
function remove_version_from_assets($src) {
if (strpos($src, 'ver=')) {
$src = remove_query_arg('ver', $src);
}
return $src;
}
add_filter('style_loader_src', 'remove_version_from_assets', 999);
add_filter('script_loader_src', 'remove_version_from_assets', 999);
?>
<?php
// حذف ورژن از فایل های css و js
function remove_version_from_assets($src) {
if (strpos($src, 'ver=')) {
$src = remove_query_arg('ver', $src);
}
return $src;
}
add_filter('style_loader_src', 'remove_version_from_assets', 999);
add_filter('script_loader_src', 'remove_version_from_assets', 999);
?>
👍3❤1
روش ۲: حذف اطلاعات اضافی وردپرس (تکمیلی ولی مهم)
// حذف وردپرس ورژن
remove_action('wp_head', 'wp_generator');
// حذف ورژن از RSS
add_filter('the_generator', '__return_empty_string');
// حذف وردپرس ورژن
remove_action('wp_head', 'wp_generator');
// حذف ورژن از RSS
add_filter('the_generator', '__return_empty_string');
<script>
document.addEventListener("DOMContentLoaded", function () {
const waBtn = document.querySelector(".send-to-whatsapp");
const form = document.querySelector("form.elementor-form");
if (!waBtn || !form) return;
waBtn.addEventListener("click", function (e) {
e.preventDefault();
const data = new FormData(form);
const map = {
"form_fields[name]": "👤 نام",
"form_fields[field_8605952]": "📞 تلفن",
"form_fields[field_5bb175e]": "✉️ ایمیل",
"form_fields[message]": "💬 پیام"
};
let text = "📋 اطلاعات فرم:\n\n";
for (const [key, value] of data.entries()) {
if (map[key] && value.trim()) {
text += map[key] + ": " + value + "\n";
}
}
if (text.trim() === "📋 اطلاعات فرم:") return;
const phone = "989XXXXXXXXX";
const url = "https://wa.me/" + phone + "?text=" + encodeURIComponent(text);
window.open(url, "_blank");
});
});
</script>
WhatsApp.com
Open WhatsApp
WhatsApp Messenger: More than 2 billion people
in over 180 countries use WhatsApp to stay in touch with friends and
family, anytime and anywhere. WhatsApp is free and offers simple, secure,
reliable messaging and calling, available…
in over 180 countries use WhatsApp to stay in touch with friends and
family, anytime and anywhere. WhatsApp is free and offers simple, secure,
reliable messaging and calling, available…
❤7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
💥وردپرس studio برای طراحی سایت بدون هاست و دامنه
استودیو دقیقاً چیه؟
یک نرمافزار رسمی وردپرس را لوکال (روی سیستم خودت) اجرا کنی
بدون هاست و دامنه
بدون دردسر XAMPP و تنظیمات دستی
یعنی:
سایتت فقط روی همان کامپیوتر بالا میآید
🌐Webstarist.com
@webstarist
استودیو دقیقاً چیه؟
یک نرمافزار رسمی وردپرس را لوکال (روی سیستم خودت) اجرا کنی
بدون هاست و دامنه
بدون دردسر XAMPP و تنظیمات دستی
یعنی:
سایتت فقط روی همان کامپیوتر بالا میآید
🌐Webstarist.com
@webstarist
👍4❤2