لرن بلاگ

وبلاگ سایت لرن بلاگ و مقالات طراحی وب

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

تصویر بنر مقاله افکت های حرکتی هنگام اسکرول در قالب دیوی

افکت‌ های حرکتی هنگام اسکرول در قالب دیوی

مفهوم اسکرول (Scroll) در دنیای وب بسیار شناخته شده است. شاید نیاز به توضیح یا ترجمه این واژه نباشد. امّا آنچه در طراحی وب مدرن بسیار رایج شده است، افکت‌های حرکتی و انیمیشن‌های جذاب هنگام اسکرول کردن صفحه وب سایت است. یعنی هنگامی که کاربر یک صفحه سایت را به سمت پایین اسکرول می‌کند، برخی از المان‌های صفحه با حرکات جذاب یا موضعی توجه وی را به خود جلب می‌کنند. اصطلاحاً به چنین تأثیرهایی در زبان انگلیسی Scroll effects گفته می‌شود. به بیان ساده این افکت‌های حرکتی، چیزی جز حرکت تدریجی المان‌های صفحه نیست که باعث جذابیت بیشتر سایت می‌گردد. قالب دیوی هم که یکی از جامع‌ترین و کامل‌ترین قالب‌ها در دنیای وردپرس است، چنین مسئله‌ای را امکان‌پذیر می‌سازد. بدون اینکه نیاز به نوشتن کدهای پیچیده CSS یا JavaScript داشته باشید، به کمک افکت‌های حرکتی قالب دیوی، انیمشن‌ها و طرح‌های جذابی را می‌توانید به صفحات وب‌سایت خود اضافه کنید. در این مقاله به موضوع افکت‌های حرکتی که هنگام اسکرول صفحه خود را نشان می‌دهند در قالب دیوی می‌پردازیم.

این محتوا تنها برای کاربران دارای پلن طلایی, پلن معمولی, و پلن نقره‌ای قابل نمایش است.
اکنون سطح عضویت خود را تعیین کنید!
ادامه مطلب »
تصویر بنر مقاله افزونه دیجیتس و فرم چندمرحله ای

افزونه دیجیتس و فرم چند مرحله ای وردپرس

فرم چند مرحله ای وردپرس موضوع مقاله پیشرو است. احتمالاً شما هم با وب‌سایت‌هایی روبه‌رو شده‌اید که هنگام ثبت‌نام کاربران، اطّلاعات زیادی از آنها درخواست می‌کنند. این مسئله ممکن است برای کاربران ثبت‌نام‌کننده در سایت خیلی خوشایند نباشد. ما قبلاً در مقاله «افزونه دیجیتس و فعال‌کردن پنل پیامکی رنگینه» درمورد نصب افزونه دیجیتس و چگونگی استفاده از پنل‌های پیامکی برای ثبت‌نام کاربران در یک سایت وردپرسی صحبت کردیم. در این مقاله قصد داریم به شکل مختصر و مفید نحوه ایجاد فرم چند مرحله ای هنگام ثبت‌نام را شرح دهیم. منظور آن است که اطّلاعات فرم که باید توسط کاربر پر گردد، در چندین مرحله (صفحه) به وی نمایش داده می‌شود. به‌این‌ترتیب علاوه بر ساماندهی بهتر نمایش اطّلاعات، کاربر نیز گیج نشده و بهتر می‌تواند فرآیند ثبت‌نام در سایت را انجام دهد. برای ایجاد صفحه ثبت‌نام کاربر و انجام این فرآیند در وردپرس می‌توانید از افزونه‌های مختلفی استفاده کنید. این راهنما چگونگی ایجاد فرم چند مرحله ای وردپرس را به کمک افزونه دیجیتس نشان می‌دهد.

ادامه مطلب »
تصویر مربوط به بنر مقاله استفاده از بوت استرپ در وردپرس

نحوه استفاده از بوت استرپ در وردپرس و قالب دیوی

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

ادامه مطلب »
تصویر بنر مقاله به روزرسانی سایت وردپرسی با divi-dash

قالب دیوی و به‌ روزرسانی سایت وردپرسی

بعد از آنکه وب‌سایت وردپرسی خود را ساختید، نگه‌داری از آن بسیار مهم و حیاتی است. به‌ روزرسانی وردپرس و نگه‌داری مناسب از سایت، نقش پراهمیتی در موفقیت سایت شما خواهد داشت. به طور کلّی می‌توان نگه‌داری از سایت وردپرسی را در سه بخش به‌روزرسانی خود وردپرس، به‌روزرسانی قالب وردپرس و به‌روزرسانی افزونه وردپرس خلاصه کرد. در این مقاله از مجموعه مقاله‌های آموزش قالب دیوی یک راه نسبتاً ساده به کمک Divi Dash را به شما نشان می‌دهیم که کمک می‌کند تا کار شما در نگه‌داری از سایت وردپرسی آسان‌تر گردد. در واقع این ابزار یک ابزار مدیریت وب‌سایت است که برای افرادی که با قالب دیوی کار می‌کنند، بسیار کاربردی است. شما می توانید چندین وب سایت را به کمک آن مدیریت کنید و به روزرسانی افزونه ها و قالب های نصب شده روی هر یک را به سادگی انجام دهید. با ما در ادامه این مقاله همراه باشید!

ادامه مطلب »
مقاله ساخت هدر سایت

آموزش ویدیویی ساخت هدر سایت با وردپرس

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

ادامه مطلب »
تصویر بنر مقاله استفاده از هوش مصنوعی در قالب دیوی

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

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

ادامه مطلب »
تصویر بنر مقاله web copy و web content

تولید محتوا: web copy و web content

احتمالاً افرادی که در زمینه تولید محتوا فعّالیت می‌کنند، با اصطلاحاتی مانندweb copy و web content آشنایی دارند. در این مقاله ما قصد داریم به توضیح تفاوت میان این دو اصطلاح جهت بهترشدن فرآیند تولید محتوای وب بپردازیم. اصطلاح web copy در این مقاله به‌ صورت «مطالب یک سایت» ترجمه شده و از اصطلاح web content نیز با عنوان «محتوای سایت» یاد شده است. شاید در نگاه اوّل این دو یک معنا و مفهوم را در ذهن تداعی کنند. امّا در مبحث طرّاحی وب و با نگاهی دقیق‌تر، تفاوت‌هایی میان آنها وجود دارد. ما قرار است به همین تفاوت و وجه تمایز میان مطالب سایت و محتوای سایت بپردازیم. همچنین درمورد این مسئله که محتوا یا مطالب نامناسب چگونه می‌تواند تجارت شما را خراب کند، صحبت خواهیم کرد. درواقع تولید محتوا مسئله بسیار مهمی برای هر دارنده وب‌سایت است. سرمایه‌گذاری بر روی آن می‌تواند به رشد و موفقیت وب‌سایت شما و درنتیجه کسب‌وکار آنلاین شما کمک کند. با ما در ادامه این مقاله همراه باشید.

ادامه مطلب »
تصویر بنر مقاله تنظیم مالیات در ووکامرس

تنظیم مالیات در ووکامرس در چهار گام ساده

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

ادامه مطلب »
تصویر بنر مقاله تگ ویدیو در html

تگ video در HTML5 از تگ های HTML

پخش ویدیو در وب یکی از راهکارهای جذب مخاطب برای سایت است. برای انجام این کار در ساختار HTML معمولاً از تگ video استفاده می‌کنیم. تگ video در HTML5 یکی از تگ ‌های HTML کاربردی است که معمولاً در اکثر وب‌سایت‌ها به کار می‌رود. به کمک شاخصه‌هایی (attributes) که در تگ ویدیو در HTML به کار می‌روند، می‌توانید به کنترل رفتار این تگ HTML بپردازید. کاربران سایت شما به کمک همین شاخصه‌ها می‌توانند ویدیو را متوقف کرده و یا اجرا کنند. از آنجایی ‌که HTML زبان پایه وب است و یکی از راهکارهای اولیه برای بارگذاری ویدیو در وب‌سایت‌ها محسوب می‌شود، ما نکات ضروری در استفاده از تگ video در HTML5 را در این مقاله ذکر کرده‌ایم. از تعریف این تگ گرفته تا چگونگی استفاده از آن در HTML و فرمت‌های ویدیویی قابل‌استفاده، همگی در این مقاله آموزش تگ‌ های HTML پوشش داده می‌شوند.

ادامه مطلب »
تصویر بنر مقاله محتوای پویا در وردپرس

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

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

این محتوا تنها برای کاربران دارای پلن طلایی و پلن نقره‌ای قابل نمایش است.
اکنون سطح عضویت خود را تعیین کنید!
ادامه مطلب »
تصویر مقاله اعتبارسنجی ایمیل در وردپرس

درستی سنجی ایمیل در وردپرس (email verification)

افزونه دیجیتس یکی از افزونه‌های مهم برای ثبت‌نام کاربران در سایت وردپرسی است. قبلاً در مقاله افزونه دیجیتس و فعال کردن پنل پیامکی رنگینه درخصوص فعال کردن پنل پیامکی و تأیید شماره موبایل کاربران هنگام ثبت‌نام در این افزونه صحبت کردیم. در این مقاله قصد داریم به موضوع مهم email verification یا همان درستی سنجی ایمیل در وردپرس هنگام ثبت نام کاربران بپردازیم. در واقع اعتبارسنجی ایمیل هنگام ثبت نام و راستی‌آزمایی این موضوع که کاربر ثبت نام کننده از یک ایمیل حقیقی مربوط به خودش استفاده می‌کند، بسیار ضروری است. افزونه Digits نیز این امکان را برای شما فراهم کرده است تا بتوانید به درستی سنجی ایمیل در صفحه ثبت نام کاربر در وردپرس بپردازید. ما در این مقاله ضمن توضیح مختصری در خصوص email verification به سراغ تنظیمات ضروری افزونه دیجیتس در این زمینه می‌رویم. قرار است به این سوال پاسخ دهیم که چگونه email verification را برای کاربران جدید یا ثبت‌نام‌کننده در سایت به کمک افزونه دیجیتس فعال کنیم؟ پس در این مقاله آموزش افزونه وردپرس دیجیتس ما را همراهی کنید!

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

تهیه بک ‌آپ سایت با افزونه وردپرس داپلیکیتور پرو

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

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