وبلاگ MMD ONE
تجربه‌های من از طراحی سایت، وردپرس و برنامه‌نویسی؛ ساده، بدون حاشیه و بدون تعارف.
همه‌ی مقاله‌ها
من محمدمهدی رهبرم؛ اینجا قراره چی بخونی؟
معرفی خودم، چیزی که عاشقش شدم و اینکه تو این بلاگ از چه چیزهایی می‌نویسم.
وردپرس یا کدنویسی از صفر؟ کدوم رو کِی انتخاب کنیم
سایتت رو با وردپرس بسازی یا از صفر کد بزنی؟ جوابش به سه تا سوال ساده بستگی داره.
۵ اشتباه رایج تو طراحی سایت شرکتی
پیام نامشخص، موبایل ضعیف، راه تماس گم‌شده... اشتباه‌هایی که مشتری رو فراری می‌دن.
سایت وردپرسی‌ت کُنده؟ ۶ راه برای سبک‌کردنش
شش کار ساده که بدون هزینه‌ی زیاد سایت وردپرسی‌ت رو سبک و سریع می‌کنن.
از کجا برنامه‌نویسی رو شروع کنم؟ نقشه‌ی راه مبتدی
نقشه‌ی راه ساده‌ی یه مبتدی: از HTML تا اولین پروژه‌ی واقعی، قدم‌به‌قدم.
پروژه‌ای تو ذهنت داری؟
بیا با هم سایتی بسازیم که هم قشنگ باشه، هم سریع.
من محمدمهدی رهبرم؛ اینجا قراره چی بخونی؟
سلام! من محمدمهدی رهبرم و با اسم MMD ONE سایت طراحی می‌کنم. این اولین نوشته‌ی این بلاگه؛ پس قبل از هر چیز بذار بگم من کیم و اینجا چی پیدا می‌کنی.
ماجرای شروع
از وقتی اولین صفحه‌ی HTML رو نوشتم و دیدم چیزی که تو ذهنم بود تو مرورگر ظاهر شد، عاشق این کار شدم. یه حس خاصی داره که یه ایده رو با چند خط کد به چیزی تبدیل کنی که همون لحظه کار می‌کنه و هر کسی می‌تونه ببینه.
چه کارهایی می‌کنم
- طراحی سایت شرکتی، شخصی و فروشگاهی
- ساخت سایت با وردپرس و المنتور
- برنامه‌نویسی و افزودن قابلیت‌های سفارشی، وقتی افزونه‌ها کافی نیستن
- بهینه‌سازی سرعت و سئوی پایه
این بلاگ درباره‌ی چیه؟
از تجربه‌های واقعی می‌نویسم: چیزهایی که یاد گرفتم، اشتباه‌هایی که کردم و ابزارهایی که کارم رو راحت‌تر کردن. اگه تازه‌کاری، امیدوارم راه رو برات کوتاه‌تر کنه. اگه حرفه‌ای‌ای، خوشحال می‌شم نظرت رو بدونم.
اگه پروژه‌ای تو ذهنت داری، از پایین همین صفحه پیام بده تا با هم حرف بزنیم.
وردپرس یا کدنویسی از صفر؟ کدوم رو کِی انتخاب کنیم
اولین سوال خیلی از مشتری‌ها اینه: «سایتم رو با وردپرس بسازم یا از صفر کدنویسی کنم؟» جواب کوتاه: بستگی داره. بذار بگم به چی.
وردپرس کِی انتخاب خوبیه؟
- سایت شرکتی، بلاگ، پورتفولیو یا فروشگاهی معمولی می‌خوای
- بودجه و زمان محدوده و می‌خوای سریع راه بیفته
- می‌خوای خودت بدون دانش فنی محتوا رو ویرایش کنی
- سئو، فرم تماس یا درگاه پرداخت می‌خوای که افزونه‌ی آماده‌ش هست
کدنویسی از صفر کِی می‌ارزه؟
- پروژه منطق خاصی داره که با افزونه‌ها جور در نمیاد، مثل یه سیستم رزرو اختصاصی
- سرعت و کنترل کامل روی کد برات حیاتیه
- قراره سایت به یه اپلیکیشن بزرگ با کاربر زیاد تبدیل بشه
معیار من: سه تا سوال
- سایت چه کاری قراره بکنه؟ نمایش محتوا یا انجام کار پیچیده؟
- بعد از تحویل، کی محتوا رو مدیریت می‌کنه؟
- بودجه و زمان چقدره؟
اگه جواب‌ها به سمت «ساده، سریع و قابل مدیریت توسط خودم» بود، وردپرس. اگه به سمت «منطق خاص و رشد بلندمدت» بود، کد اختصاصی یا ترکیبی از هر دو.
جمع‌بندی
ابزار مهم نیست، مهم اینه که به نیاز پروژه جواب بده. من هر دو رو کار می‌کنم و هر بار بر اساس پروژه انتخاب می‌کنم، نه عادت.
۵ اشتباه رایج تو طراحیسایت شرکتی
بعد از دیدن سایت‌های زیاد، چند تا اشتباه مدام تکرار می‌شن. خبر خوب اینه که همه‌شون قابل حل‌ان.
۱. پیام صفحه‌ی اول نامشخصه
بازدیدکننده باید تو چند ثانیه بفهمه شما کی هستید، چه کاری می‌کنید و برای کی. یه تیتر روشن و یه دکمه‌ی اصلی کافیه. شعار کلی و اسلایدر شلوغ کمکی نمی‌کنه.
۲. سایت تو موبایل خوب نیست
تو بسیاری از سایت‌ها بیشتر بازدیدها از گوشیه. اگه متن ریزه، دکمه‌ها به هم چسبیدن یا صفحه چپ و راست می‌ره، مشتری رو از دست می‌دی. همیشه اول روی گوشی تست کن.
۳. راه تماس گم شده
شماره، فرم یا دکمه‌ی «درخواست مشاوره» باید بالای صفحه و پایین هر بخش مهم باشه، نه فقط تو یه صفحه‌ی «تماس با ما» که کسی پیداش نمی‌کنه.
۴. سایت کنده
عکس‌های حجیم و افزونه‌های زیاد سایت رو کند می‌کنن. راه‌حل‌ش رو تو مقاله‌ی سرعت نوشتم.
۵. اعتماد ساخته نشده
بدون نمونه‌کار، نظر مشتری و اطلاعات واقعی، بازدیدکننده تردید می‌کنه. چند نمونه‌کار واقعی از ده تا شعار قوی‌تره.
سایت وردپرسی‌ت کُنده؟ ۶ راه برای سبک‌کردنش
سایت کند یعنی بازدیدکننده‌ی از دست رفته و سئوی ضعیف‌تر.خبر خوب اینه که با چند کار ساده می‌شه سرعت رو بهتر کرد، بدون هزینه‌ی زیاد.
اول اندازه بگیر
قبل از هر تغییری، سایتت رو با ابزاری مثل PageSpeed Insights یا GTmetrix تست کن تا بدونی مشکل دقیقاً کجاست. بدون عدد، بهینه‌سازی حدسیه.
شش کار با بیشترین اثر
- عکس‌ها رو فشرده کن و ترجیحاً با فرمت WebP بارگذاری کن.
- افزونه‌های بی‌استفاده رو حذف کن. هر افزونه‌ی اضافه یعنی کد بیشتر.
- کش (Cache) رو فعال کن تا صفحه‌ها هر بار از نو ساخته نشن.
- لود تنبل (Lazy Load) رو برای عکس‌های پایین صفحه روشن کن.
- هاست مناسب انتخاب کن. گاهی مشکل از سایت نیست، از سرور.
- فونت‌ها و اسکریپت‌های خارجی غیرضروری رو کم کن.
لود تنبل تو HTML یه خط بیشتر نیست:
<img src="logo.webp" width="800" height="450"
loading="lazy" alt="توضیح عکس">از کجا برنامه‌نویسی رو شروع کنم؟ نقشه‌ی راه مبتدی
«از کجا شروع کنم؟» رایج‌ترین سوال مبتدی‌هاست. جواب من یه مسیر ساده‌ست، نه یه لیست بی‌انتهای دوره‌ها.
پنج قدم
- HTML و CSS: اسکلت و ظاهر صفحه. تو یکی دو هفته می‌تونی اولین صفحه‌ی شخصی‌ت رو بسازی.
- جاوااسکریپت: صفحه رو زنده کن، با دکمه، فرم و منو.
- یه پروژه‌ی واقعی کوچیک: صفحه‌ی معرفی خودت یا یه ماشین‌حساب ساده.
- گیت و گیت‌هاب: کدهات رو نگه‌دار و نشون بده.
- PHP و وردپرس: وقتی پایه محکم شد، سراغ ساخت قالب و افزونه برو.
این کوچیک‌ترین نمونه‌ی «صفحه‌ی زنده» ـه. یه دکمه که کلیک می‌کنی و یه اتفاق می‌افته:
<button id="btn">سلام</button>
<script>
document.getElementById('btn')
.addEventListener('click', () => alert('سلام دنیا'));
</script>مهم‌ترین توصیه
یاد گرفتن رو با ساختن قاطی کن. هر چیزی که یاد گرفتی، همون روز تو یه پروژه‌ی کوچیک استفاده‌ش کن. کدنویسی مهارت دستیه، نه حفظیات.