✳️ فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام)
در دنیای رایانه‌ها فایل‌هایی با پسوند XML. وجود دارند که در این مطلب می‌خواهیم با آنها آشنا شویم. عبارت XML مخفف «Extensible Markup Language» و به معنای «زبان نشانه‌گذاری گسترش‌پذیر» است. XMLها در واقع فایل‌هایی هستند که از متن خالص تشکیل می‌شوند و شامل برچسب‌های سفارشی (Tag) هستند که ساختار و ویژگی‌های اسناد دیگر را مشخص می‌کنند.
══ فهرست مطالب ══
○ XML چیست؟
○ چگونه یک فایل XML را باز کنیم؟
🔸 XML چیست؟
XML یک زبان نشانه‌گذاری است که توسط کنسرسیوم شبکه‌ی جهانی وب (W۳C) ساخته شده است تا راهی برای ساخت اسنادی به وجود بیاورد که هم برای انسان و هم برای ماشین قابل فهم باشد. این کار از طریق برچسب‌هایی انجام می‌شود که ساختار سند و نحوه‌ی ذخیره‌سازی و انتقال آن را مشخص می‌کنند.
شاید بهتر باشد آن را با زبان نشانه‌گذاری دیگری مقایسه کنیم که احتمالا به آن آشنا هستید؛ زبان نشانه‌گذاری فرامتن یا HTML که از ان برای کد گذاری صفحات وب استفاده می‌شود. HTML از یک سری علامت‌های نشانه‌گذاری از قبل تعریف شده برای مشخص کردن قالب محتوای صفحات وب استفاده می‌کند. برای مثال، کد زیر از تعدادی تگ برای بولد کردن یا کج کردن برخی حروف استفاده کرده است:
چیزی که XML را از سایر زبان‌های نشانه‌گذاری متمایز می‌کند، گسترش‌پذیری آن است. بر خلاف HTML، در XML دستورات از قبل مشخص شده‌ای وجود ندارند. به جای آن، XML به کاربران خود اجازه‌ی ساخت هرگونه علامت نشانه‌گذاری برای معرفی محتوای خود را می‌دهد که باعث به وجود آمدن مجموعه‌ای بینهایت از علائم خودساخته می‌شود.
🔸 چگونه یک فایل XML را باز کنیم؟
برای باز کردن فایل‌های XML راه‌های متفاوتی وجود دارد. این فایل‌ها را میتوانید با هر ویرایشگر متنی باز کنید، در هر مرورگری مشاهده نمایید یا حتی در وبسایتهای مخصوصی آنها را مشاهده، ویرایش یا حتی به سایر فرمت‌ها تبدیل کنید.
از آنجایی که فایل‌های XML تنها متن هستند، میتوانید به سادگی از هر ویرایشگر متنی برای مدیریت آنها استفاده کنید. مساله‌ای که وجود دارد تعداد زیاد ویرایشگرهای متن است که برای کار با ساختار XML طراحی نشده‌اند. شاید نرم‌افزاری نظیر «Notepad» برای باز کردن و بررسی کلی یک فایل XML مناسب باشد، ولی قطعا نرم‌افزارهای بهتری هم برای این کار وجود دارند.
بر روی فایل XML راست کلیک کرده و از قسمت «Open With» نرم‌فزار «Notepad» را انتخاب نمایید.
مطالعه ادامه مطلب 👇👇
🔗 فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
در دنیای رایانه‌ها فایل‌هایی با پسوند XML. وجود دارند که در این مطلب می‌خواهیم با آنها آشنا شویم. عبارت XML مخفف «Extensible Markup Language» و به معنای «زبان نشانه‌گذاری گسترش‌پذیر» است. XMLها در واقع فایل‌هایی هستند که از متن خالص تشکیل می‌شوند و شامل برچسب‌های سفارشی (Tag) هستند که ساختار و ویژگی‌های اسناد دیگر را مشخص می‌کنند.
══ فهرست مطالب ══
○ XML چیست؟
○ چگونه یک فایل XML را باز کنیم؟
🔸 XML چیست؟
XML یک زبان نشانه‌گذاری است که توسط کنسرسیوم شبکه‌ی جهانی وب (W۳C) ساخته شده است تا راهی برای ساخت اسنادی به وجود بیاورد که هم برای انسان و هم برای ماشین قابل فهم باشد. این کار از طریق برچسب‌هایی انجام می‌شود که ساختار سند و نحوه‌ی ذخیره‌سازی و انتقال آن را مشخص می‌کنند.
شاید بهتر باشد آن را با زبان نشانه‌گذاری دیگری مقایسه کنیم که احتمالا به آن آشنا هستید؛ زبان نشانه‌گذاری فرامتن یا HTML که از ان برای کد گذاری صفحات وب استفاده می‌شود. HTML از یک سری علامت‌های نشانه‌گذاری از قبل تعریف شده برای مشخص کردن قالب محتوای صفحات وب استفاده می‌کند. برای مثال، کد زیر از تعدادی تگ برای بولد کردن یا کج کردن برخی حروف استفاده کرده است:
چیزی که XML را از سایر زبان‌های نشانه‌گذاری متمایز می‌کند، گسترش‌پذیری آن است. بر خلاف HTML، در XML دستورات از قبل مشخص شده‌ای وجود ندارند. به جای آن، XML به کاربران خود اجازه‌ی ساخت هرگونه علامت نشانه‌گذاری برای معرفی محتوای خود را می‌دهد که باعث به وجود آمدن مجموعه‌ای بینهایت از علائم خودساخته می‌شود.
🔸 چگونه یک فایل XML را باز کنیم؟
برای باز کردن فایل‌های XML راه‌های متفاوتی وجود دارد. این فایل‌ها را میتوانید با هر ویرایشگر متنی باز کنید، در هر مرورگری مشاهده نمایید یا حتی در وبسایتهای مخصوصی آنها را مشاهده، ویرایش یا حتی به سایر فرمت‌ها تبدیل کنید.
از آنجایی که فایل‌های XML تنها متن هستند، میتوانید به سادگی از هر ویرایشگر متنی برای مدیریت آنها استفاده کنید. مساله‌ای که وجود دارد تعداد زیاد ویرایشگرهای متن است که برای کار با ساختار XML طراحی نشده‌اند. شاید نرم‌افزاری نظیر «Notepad» برای باز کردن و بررسی کلی یک فایل XML مناسب باشد، ولی قطعا نرم‌افزارهای بهتری هم برای این کار وجود دارند.
بر روی فایل XML راست کلیک کرده و از قسمت «Open With» نرم‌فزار «Notepad» را انتخاب نمایید.
مطالعه ادامه مطلب 👇👇
🔗 فایل XML چیست و چگونه و با چه ابزاری می‌توان آن را اجرا کرد؟ (+ دانلود فیلم آموزش گام به گام) — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید
وردپرس قوی‌ترین پلتفرم بلاگ‌نویسی جهان است. تقریباً یک مورد از هر سه وبسایت در سراسر دنیا از وردپرس استفاده می‌کند. وردپرس محتوای یک سایت را از کد بک‌اند آن جدا می‌کند. این بدان معنی است که هر فردی می‌تواند یک وبسایت یا امکانات کامل را بدون داشتن تجربه برنامه‌نویسی وب اجرا کند. امکان استفاده از هاست‌های مدیریت‌شده وردپرس وجود دارد، اما اگر تمایل دارید با موارد فنی راه‌اندازی سایت وردپرسی آشنا شوید، در این راهنما جامع با ما همراه باشید تا با مراحل ساخت سایت با وردپرس رایگان آشنا شوید.
══ فهرست مطالب ══
○ ساخت سایت با وردپرس رایگان
○ چرا باید از وردپرس استفاده کرد؟
○ تفاوت بین WordPress.org و WordPress.com
○ ملاحظاتی در خصوص دامنه سایت
○ گزینه‌های میزبانی وردپرس مستقل
○ توصیه‌هایی در خصوص هاستینگ وردپرس
○ چطور وردپرس را نصب کنیم؟
○ مفاهیم کلیدی وردپرس
○ اساسی‌ترین گام‌های ابتدایی برای ساخت سایت وردپرس رایگان
○ آپلود کردن تصویر روی وردپرس
○ قرار دادن ویدئوهای یوتیوب در سایت
○ ویجت‌های وردپرس
○ بهینه‌سازی موتور جستجو در وردپرس
○ گالری و مدیریت عکس
○ پشتیبان‌گیری و بازیابی وردپرس
○ بهینه‌سازی و مقیاس‌بندی سایت برای ترافیک بالا
○ سخن پایانی
🔸 ساخت سایت با وردپرس رایگان
وردپرس با استفاده از جداسازی محتوای صفحه‌های وب از لی‌‌آوت و چیدمان آنها موفق شده فایل‌های HTML را هر بار که کسی از سایت بازدید می‌کند به طور دینامیک بازتولید کند. همچنین وردپرس وظیفه لینک کردن خودکار پست‌ها به همدیگر را بر عهده دارد و به این ترتیب سایدبارهایی ایجاد می‌کند که شامل پیوندهایی به جدیدترین نوشته‌های شما و قابلیت مدیریت آرشیو مطالب هستند. در واقع با توجه به این که وردپرس امکان استفاده از پوسته‌های HTML مختلف را دارد، شما نیاز به نوشتن حتی یک خط کد HTML نخواهید داشت و تنها دغدغه‌تان معطوف به نوشتن محتوای متنی سایت و آپلود کردن تصاویر وبسایت خواهد بود. این جداسازی قالب و محتوا فرصت‌های بی‌شماری پیش روی شما قرار می‌دهد..
🔸 چرا باید از وردپرس استفاده کرد؟
با این که وردپرس به طور عمده برای ایجاد سایت‌های شبیه بلاگ استفاده می‌شود که از نظر فنی صرفاً یک سری نوشته‌ها با تاریخ و زمان خاص است، اما امکان تطبیق آسان آن با وبسایتهای استاتیک از قبیل کسب‌وکارهای لوکال، پورتفولیوهای هنرمندان یا حتی سایت‌های کامل فروشگاه آنلاین نیز وجود دارد. زمانی که تصمیم می‌گیرید از وردپرس استفاده کنید، متوجه خواهید شد که یک پلاگین وردپرس برای ایجاد تقریباً هر نوع وبسایت که بتوان تصور کرد ساخته شده است. وردپرس تنها «سیستم مدیریت محتوا» (CMS) موجود نیست، از این رو شاید از خود بپرسید که چرا باید وردپرس را انتخاب کنیم؟
– وردپرس امکانات بسیار زیادی دارد و از این رو شما با نصب آن میتوانید هر کاری که دوست دارید انجام دهید. اگر به یک قابلیت خاص نیاز دارید که وجود ندارد، به احتمال بالا قبلاً افزونه‌ای برای آن توسعه یافته است که این مسئله را مدیریت می‌کند. بزرگ‌ترین مزیت وردپرس این است که برای هیچ چیزی نیاز به کدنویسی وجود ندارد.
– وردپرس یک کامیونیتی بالغ است. وردپرس در سال ۲۰۰۳ ساخته شده است و در طی همه این سال‌ها به طور فعالانه‌ای توسعه یافته است. از این رو زمانی که از وردپرس استفاده میکنید انتظار مشاهده هیچ نوع باگ ریز یا درشتی را ندارید.
– وردپرس امن است. وردپرس نیز همانند هر نوع نرم‌افزار یا سیستم عامل چند مورد هک بزرگ را در طی این سال‌ها تجربه کرده است، اما توسعه‌دهندگان این حفره‌های امنیتی را به سرعت پر کرده‌اند. جدیدترین نسخه‌های وردپرس همواره شما را در مورد انتشار نسخه جدید این CMS آگاه می‌سازند و تا زمانی که مرتب به سایت خود سر بزنید و در موارد نیاز آن را آپدیت کنید، احتمال کمی وجود خواهد داشت که سایت‌تان هک شود.
– نصب وردپرس کاملاً آسان است.
– هزاران افزونه وجود دارند که کارکردهای مختلفی را تأمین می‌کنند.
– مدیریت تصویر و مدیا به طور آماده و سرراستی برای ساخت پورتفولیو و سایت‌های مبتنی بر عکس ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
وردپرس قوی‌ترین پلتفرم بلاگ‌نویسی جهان است. تقریباً یک مورد از هر سه وبسایت در سراسر دنیا از وردپرس استفاده می‌کند. وردپرس محتوای یک سایت را از کد بک‌اند آن جدا می‌کند. این بدان معنی است که هر فردی می‌تواند یک وبسایت یا امکانات کامل را بدون داشتن تجربه برنامه‌نویسی وب اجرا کند. امکان استفاده از هاست‌های مدیریت‌شده وردپرس وجود دارد، اما اگر تمایل دارید با موارد فنی راه‌اندازی سایت وردپرسی آشنا شوید، در این راهنما جامع با ما همراه باشید تا با مراحل ساخت سایت با وردپرس رایگان آشنا شوید.
══ فهرست مطالب ══
○ ساخت سایت با وردپرس رایگان
○ چرا باید از وردپرس استفاده کرد؟
○ تفاوت بین WordPress.org و WordPress.com
○ ملاحظاتی در خصوص دامنه سایت
○ گزینه‌های میزبانی وردپرس مستقل
○ توصیه‌هایی در خصوص هاستینگ وردپرس
○ چطور وردپرس را نصب کنیم؟
○ مفاهیم کلیدی وردپرس
○ اساسی‌ترین گام‌های ابتدایی برای ساخت سایت وردپرس رایگان
○ آپلود کردن تصویر روی وردپرس
○ قرار دادن ویدئوهای یوتیوب در سایت
○ ویجت‌های وردپرس
○ بهینه‌سازی موتور جستجو در وردپرس
○ گالری و مدیریت عکس
○ پشتیبان‌گیری و بازیابی وردپرس
○ بهینه‌سازی و مقیاس‌بندی سایت برای ترافیک بالا
○ سخن پایانی
🔸 ساخت سایت با وردپرس رایگان
وردپرس با استفاده از جداسازی محتوای صفحه‌های وب از لی‌‌آوت و چیدمان آنها موفق شده فایل‌های HTML را هر بار که کسی از سایت بازدید می‌کند به طور دینامیک بازتولید کند. همچنین وردپرس وظیفه لینک کردن خودکار پست‌ها به همدیگر را بر عهده دارد و به این ترتیب سایدبارهایی ایجاد می‌کند که شامل پیوندهایی به جدیدترین نوشته‌های شما و قابلیت مدیریت آرشیو مطالب هستند. در واقع با توجه به این که وردپرس امکان استفاده از پوسته‌های HTML مختلف را دارد، شما نیاز به نوشتن حتی یک خط کد HTML نخواهید داشت و تنها دغدغه‌تان معطوف به نوشتن محتوای متنی سایت و آپلود کردن تصاویر وبسایت خواهد بود. این جداسازی قالب و محتوا فرصت‌های بی‌شماری پیش روی شما قرار می‌دهد..
🔸 چرا باید از وردپرس استفاده کرد؟
با این که وردپرس به طور عمده برای ایجاد سایت‌های شبیه بلاگ استفاده می‌شود که از نظر فنی صرفاً یک سری نوشته‌ها با تاریخ و زمان خاص است، اما امکان تطبیق آسان آن با وبسایتهای استاتیک از قبیل کسب‌وکارهای لوکال، پورتفولیوهای هنرمندان یا حتی سایت‌های کامل فروشگاه آنلاین نیز وجود دارد. زمانی که تصمیم می‌گیرید از وردپرس استفاده کنید، متوجه خواهید شد که یک پلاگین وردپرس برای ایجاد تقریباً هر نوع وبسایت که بتوان تصور کرد ساخته شده است. وردپرس تنها «سیستم مدیریت محتوا» (CMS) موجود نیست، از این رو شاید از خود بپرسید که چرا باید وردپرس را انتخاب کنیم؟
– وردپرس امکانات بسیار زیادی دارد و از این رو شما با نصب آن میتوانید هر کاری که دوست دارید انجام دهید. اگر به یک قابلیت خاص نیاز دارید که وجود ندارد، به احتمال بالا قبلاً افزونه‌ای برای آن توسعه یافته است که این مسئله را مدیریت می‌کند. بزرگ‌ترین مزیت وردپرس این است که برای هیچ چیزی نیاز به کدنویسی وجود ندارد.
– وردپرس یک کامیونیتی بالغ است. وردپرس در سال ۲۰۰۳ ساخته شده است و در طی همه این سال‌ها به طور فعالانه‌ای توسعه یافته است. از این رو زمانی که از وردپرس استفاده میکنید انتظار مشاهده هیچ نوع باگ ریز یا درشتی را ندارید.
– وردپرس امن است. وردپرس نیز همانند هر نوع نرم‌افزار یا سیستم عامل چند مورد هک بزرگ را در طی این سال‌ها تجربه کرده است، اما توسعه‌دهندگان این حفره‌های امنیتی را به سرعت پر کرده‌اند. جدیدترین نسخه‌های وردپرس همواره شما را در مورد انتشار نسخه جدید این CMS آگاه می‌سازند و تا زمانی که مرتب به سایت خود سر بزنید و در موارد نیاز آن را آپدیت کنید، احتمال کمی وجود خواهد داشت که سایت‌تان هک شود.
– نصب وردپرس کاملاً آسان است.
– هزاران افزونه وجود دارند که کارکردهای مختلفی را تأمین می‌کنند.
– مدیریت تصویر و مدیا به طور آماده و سرراستی برای ساخت پورتفولیو و سایت‌های مبتنی بر عکس ارائه شده است.
مطالعه ادامه مطلب 👇👇
🔗 ساخت سایت با وردپرس رایگان | کامل‌ترین راهنمایی که باید بخوانید — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
🔴 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 معرفی آموزش‌های رایگان و پرطرفدار فرادرس
♨️ صدها عنوان آموزش رایگان فرادرس در دسترس هستند که در طول ماه، توسط ده‌ها هزار دانشجو مورد مطالعه قرار می‌گیرند.
شما عزیزان نیز میتوانید با مراجعه به لینک‌های زیر، آموزش‌های پرمخاطب در دسته‌بندی مورد نظر خود را مشاهده کرده و رایگان دانلود کنید👇
✅ آموزش‌های رایگان طراحی وب [+]
📚 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
🔴 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 معرفی آموزش‌های رایگان و پرطرفدار فرادرس
♨️ صدها عنوان آموزش رایگان فرادرس در دسترس هستند که در طول ماه، توسط ده‌ها هزار دانشجو مورد مطالعه قرار می‌گیرند.
شما عزیزان نیز میتوانید با مراجعه به لینک‌های زیر، آموزش‌های پرمخاطب در دسته‌بندی مورد نظر خود را مشاهده کرده و رایگان دانلود کنید👇
✅ آموزش‌های رایگان طراحی وب [+]
📚 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
✳️ ۸ افکت HTML برای زیباتر شدن وبسایت
شاید شما هم از آن دسته افرادی باشید که دوست دارند وبسایت زیبا داشته باشند ولی به علت نداشتن مهارت فنی لازم، محدودیت‌هایی در این امر دارند. اصلا جای نگرانی نیست. برای طراحی یک سایت زیبا و چشم‌نواز اصلا نیازی به دانش «CSS» یا «PHP» ندارید، همین‌که مقدار کمی «HTML» مسلط باشید و عمل کپی پیست (Copy-Paste) را خوب بلد باشید، کفایت می‌کند.
══ فهرست مطالب ══
○ ۱. افکت پارالاکس
○ ۲. جعبه متن با قابلیت اسکرول کردن
○ ۳. متن برجسته
○ ۴. اضافه کردن تصویر پس‌زمینه به متن
○ ۵. اضافه کردن Tooltip به متن
○ ۶. ساخت متون متحرک
○ ۷. ایجاد منوهای بازشو
○ ۸. Tablezier!
🔸 ۱. افکت پارالاکس
حتما در برخی از وبسایتها دیده‌اید که به هنگام اسکرول به پایین (Scroll Down)، به نظر می‌رسد که تصویر پس‌زمینه نیز در جهت مخالف در حال حرکت است و هنگامی که بخش دیگری از آن مقاله می‌رسید، تصویر پس‌زمینه نیز تغییر می‌کند. این یک افکت بسیار زیبا است که عمق بصری بیشتری به محتوا می‌افزاید.
🔸 ۲. جعبه متن با قابلیت اسکرول کردن
این عنصر در HTML به شما این اجازه را می‌دهد که مجموعه‌ی زیادی از متون را در یک فرمت فشرده نمایش دهید. با این کار، متن شما تمام صفحه را پر نخواهد کرد. کد HTML این ویژگی به صورت زیر است:
<div style=”width: 25%; height: 50px; overflow: auto;
scrollbar-face-color: #CE7E00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709;
scrollbar-3dlight-color:#11111;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1;
scrollbar-arrow-color: #6F4709;
”>
Your text will show here. And you can scroll down to go through all of it.
You just have to add a sufficient amount of text to make the scrollbars show.
Obviously, this is not enough,o let’s assume we have a little more to say.
Eventually, the scrollbars will come in handy. That’s it! :)
</div>
خروجی آن نیز به شکل زیر است:
مطالعه ادامه مطلب 👇👇
🔗 ۸ افکت HTML برای زیباتر شدن وبسایت — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
شاید شما هم از آن دسته افرادی باشید که دوست دارند وبسایت زیبا داشته باشند ولی به علت نداشتن مهارت فنی لازم، محدودیت‌هایی در این امر دارند. اصلا جای نگرانی نیست. برای طراحی یک سایت زیبا و چشم‌نواز اصلا نیازی به دانش «CSS» یا «PHP» ندارید، همین‌که مقدار کمی «HTML» مسلط باشید و عمل کپی پیست (Copy-Paste) را خوب بلد باشید، کفایت می‌کند.
══ فهرست مطالب ══
○ ۱. افکت پارالاکس
○ ۲. جعبه متن با قابلیت اسکرول کردن
○ ۳. متن برجسته
○ ۴. اضافه کردن تصویر پس‌زمینه به متن
○ ۵. اضافه کردن Tooltip به متن
○ ۶. ساخت متون متحرک
○ ۷. ایجاد منوهای بازشو
○ ۸. Tablezier!
🔸 ۱. افکت پارالاکس
حتما در برخی از وبسایتها دیده‌اید که به هنگام اسکرول به پایین (Scroll Down)، به نظر می‌رسد که تصویر پس‌زمینه نیز در جهت مخالف در حال حرکت است و هنگامی که بخش دیگری از آن مقاله می‌رسید، تصویر پس‌زمینه نیز تغییر می‌کند. این یک افکت بسیار زیبا است که عمق بصری بیشتری به محتوا می‌افزاید.
🔸 ۲. جعبه متن با قابلیت اسکرول کردن
این عنصر در HTML به شما این اجازه را می‌دهد که مجموعه‌ی زیادی از متون را در یک فرمت فشرده نمایش دهید. با این کار، متن شما تمام صفحه را پر نخواهد کرد. کد HTML این ویژگی به صورت زیر است:
<div style=”width: 25%; height: 50px; overflow: auto;
scrollbar-face-color: #CE7E00;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709;
scrollbar-3dlight-color:#11111;
scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1;
scrollbar-arrow-color: #6F4709;
”>
Your text will show here. And you can scroll down to go through all of it.
You just have to add a sufficient amount of text to make the scrollbars show.
Obviously, this is not enough,o let’s assume we have a little more to say.
Eventually, the scrollbars will come in handy. That’s it! :)
</div>
خروجی آن نیز به شکل زیر است:
مطالعه ادامه مطلب 👇👇
🔗 ۸ افکت HTML برای زیباتر شدن وبسایت — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
💻 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه‌نویسی وب، با آن مواجه می‌شوند.
اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟
چه نکاتی باید رعایت شوند؟
ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه‌نویسی وب، بررسی کنیم.
✅ برای رسیدن به پاسخ این سؤال‌ها به لینک زیر مراجعه کنید👇👇👇
🔗 برنامه‌نویسی وب را چطور شروع کنیم؟ - [کلیک کنید]
@FaraDars - فرادرس
💻 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه‌نویسی وب، با آن مواجه می‌شوند.
اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟
چه نکاتی باید رعایت شوند؟
ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه‌نویسی وب، بررسی کنیم.
✅ برای رسیدن به پاسخ این سؤال‌ها به لینک زیر مراجعه کنید👇👇👇
🔗 برنامه‌نویسی وب را چطور شروع کنیم؟ - [کلیک کنید]
@FaraDars - فرادرس
✳️ طراحی یک وب سایت ساده با PHP — از صفر تا صد
دوست دارید نحوه ساختن یک وبسایت را بیاموزید؟ زمانی برای اینکار تنها شروع به یادگیری HTML کافی بود، اما این روز‌ها بهترین راه‌حل برای این مسئله PHP و البته یادگیری آن است. هر چند هنوز هم لازم است برای شروع به کار قدری دانش کدنویسی HTML داشته باشید، اما می‌توانیم بدون اغراق بگوئیم که PHP اکنون محبوب‌ترین گزینه برای ساخت انواع سایت‌های استاتیک و دینامیک در حوزه برنامه نویسی وب به شمار می‌رود. PHP در آموزش برنامه نویسی USSD نیز کاربرد دارد. بسیار خب، حالا می‌دانیم که باید PHP یاد بگیریم و یکی از بهترین راه‌ها برای یادگیری آن، ساخت یک وب سایت ساده با PHP است؛ کاری که بنا داریم در ادامه انجام دهیم.
══ فهرست مطالب ══
○ چرا باید از PHP برای توسعه وبسایت استفاده کنیم؟
○ برای ساخت یک وبسایت PHP به چه چیزی نیاز داریم؟
○ آغاز کار با PHP: آشنایی با دستور زبان
○ ساخت یک وبسایت: آشنایی با ساختار
○ آغاز طراحی وبسایت: هدر PHP
○ درج محتوا در بدنه صفحه وب PHP
○ استفاده از فوتر PHP در صفحه وب
○ جمع‌بندی
○ سخن پایانی
🔸 چرا باید از PHP برای توسعه وبسایت استفاده کنیم؟
گزینه‌های مختلفی برای توسعه وب در این سال‌ها مطرح شده‌اند. در آغاز HTML ساده استفاده می‌شد، سپس توسعه‌دهندگان از HTML به همراه CSS جاسازی شده یا یک ارجاع به فایل CSS استفاده کردند. زمانی که وبسایتهای دینامیک مطرح شدند، ASP (که در ادامه به ASP.NET تبدیل شد) و PHP نیز وارد میدان شدند.
بر اساس آمار و ارقام اکنون PHP با سهم ۸۲ درصدی از وبسایتها به عنوان محبوب‌ترین زبان برنامه‌نویسی سمت سرور مطرح است. این عدد را با ۱۶ درصد که از ASP استفاده می‌کنند مقایسه کنید.
ASP تا سال ۲۰۲۲ پشتیبانی خواهد شد، اما انتظار نمی‌رود پس از این تاریخ به صورت رسمی دست کم به عنوان یک فناوری وب تداوم داشته باشد. PHP که اختصاری برای عبارت «پیش پردازشگر ابرمتن PHP» (به معنی PHP Hypertext Preprocessor) است موفقیت زیادی داشته است که به طور عمده ناشی از یکپارچگی آن با لینوکس است.
🔸 برای ساخت یک وبسایت PHP به چه چیزی نیاز داریم؟
پیش از آن که کار ساخت وبسایت خود را آغاز کنیم، باید مطمئن شویم که یک ادیتور متن ساده یا محیط توسعه مناسب PHP را نصب کرده‌ایم. برای کدنویسی PHP میتوانید در ابتدا از چیزی به سادگی Notepad ویندوز استفاده کنید. مثال‌هایی که در این مقاله مطرح می‌شوند، همگی با استفاده از ادیتور متن Notepad++ نوشته شده‌اند.
همچنین باید یک وب‌سرور PHP داشته باشید که فایل‌های خود را روی آن آپلود کنید. این سرور می‌تواند یک سرور ریموت یا یک رایانه محلی باشد که مجموعه LAMP روی آن نصب شده است. LAMP اختصاری برای عبارت‌های Linux ،Apache ،MySQL ،PHP است. به طور جایگزین میتوانید از مجموعه WAMP که اختصاری برای عبارت‌های Windows ،Apache، MySQL ،PHP است استفاده کنید. اگر از ویندوز استفاده میکنید، میتوانید از این راهنما بهره بگیرید:
– چگونه یک سرور WAMP راه‌اندازی کنیم؟ — از صفر تا صد
در نهایت به یک برنامه FTP نیاز دارید تا فایل‌هایتان را روی وب‌سرور آپلود کنید. به این منظور برنامه‌های مختلفی مانند WinSCP، Cyberduck و FileZilla وجود دارند.
مطالعه ادامه مطلب 👇👇
🔗 طراحی یک وب سایت ساده با PHP — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
دوست دارید نحوه ساختن یک وبسایت را بیاموزید؟ زمانی برای اینکار تنها شروع به یادگیری HTML کافی بود، اما این روز‌ها بهترین راه‌حل برای این مسئله PHP و البته یادگیری آن است. هر چند هنوز هم لازم است برای شروع به کار قدری دانش کدنویسی HTML داشته باشید، اما می‌توانیم بدون اغراق بگوئیم که PHP اکنون محبوب‌ترین گزینه برای ساخت انواع سایت‌های استاتیک و دینامیک در حوزه برنامه نویسی وب به شمار می‌رود. PHP در آموزش برنامه نویسی USSD نیز کاربرد دارد. بسیار خب، حالا می‌دانیم که باید PHP یاد بگیریم و یکی از بهترین راه‌ها برای یادگیری آن، ساخت یک وب سایت ساده با PHP است؛ کاری که بنا داریم در ادامه انجام دهیم.
══ فهرست مطالب ══
○ چرا باید از PHP برای توسعه وبسایت استفاده کنیم؟
○ برای ساخت یک وبسایت PHP به چه چیزی نیاز داریم؟
○ آغاز کار با PHP: آشنایی با دستور زبان
○ ساخت یک وبسایت: آشنایی با ساختار
○ آغاز طراحی وبسایت: هدر PHP
○ درج محتوا در بدنه صفحه وب PHP
○ استفاده از فوتر PHP در صفحه وب
○ جمع‌بندی
○ سخن پایانی
🔸 چرا باید از PHP برای توسعه وبسایت استفاده کنیم؟
گزینه‌های مختلفی برای توسعه وب در این سال‌ها مطرح شده‌اند. در آغاز HTML ساده استفاده می‌شد، سپس توسعه‌دهندگان از HTML به همراه CSS جاسازی شده یا یک ارجاع به فایل CSS استفاده کردند. زمانی که وبسایتهای دینامیک مطرح شدند، ASP (که در ادامه به ASP.NET تبدیل شد) و PHP نیز وارد میدان شدند.
بر اساس آمار و ارقام اکنون PHP با سهم ۸۲ درصدی از وبسایتها به عنوان محبوب‌ترین زبان برنامه‌نویسی سمت سرور مطرح است. این عدد را با ۱۶ درصد که از ASP استفاده می‌کنند مقایسه کنید.
ASP تا سال ۲۰۲۲ پشتیبانی خواهد شد، اما انتظار نمی‌رود پس از این تاریخ به صورت رسمی دست کم به عنوان یک فناوری وب تداوم داشته باشد. PHP که اختصاری برای عبارت «پیش پردازشگر ابرمتن PHP» (به معنی PHP Hypertext Preprocessor) است موفقیت زیادی داشته است که به طور عمده ناشی از یکپارچگی آن با لینوکس است.
🔸 برای ساخت یک وبسایت PHP به چه چیزی نیاز داریم؟
پیش از آن که کار ساخت وبسایت خود را آغاز کنیم، باید مطمئن شویم که یک ادیتور متن ساده یا محیط توسعه مناسب PHP را نصب کرده‌ایم. برای کدنویسی PHP میتوانید در ابتدا از چیزی به سادگی Notepad ویندوز استفاده کنید. مثال‌هایی که در این مقاله مطرح می‌شوند، همگی با استفاده از ادیتور متن Notepad++ نوشته شده‌اند.
همچنین باید یک وب‌سرور PHP داشته باشید که فایل‌های خود را روی آن آپلود کنید. این سرور می‌تواند یک سرور ریموت یا یک رایانه محلی باشد که مجموعه LAMP روی آن نصب شده است. LAMP اختصاری برای عبارت‌های Linux ،Apache ،MySQL ،PHP است. به طور جایگزین میتوانید از مجموعه WAMP که اختصاری برای عبارت‌های Windows ،Apache، MySQL ،PHP است استفاده کنید. اگر از ویندوز استفاده میکنید، میتوانید از این راهنما بهره بگیرید:
– چگونه یک سرور WAMP راه‌اندازی کنیم؟ — از صفر تا صد
در نهایت به یک برنامه FTP نیاز دارید تا فایل‌هایتان را روی وب‌سرور آپلود کنید. به این منظور برنامه‌های مختلفی مانند WinSCP، Cyberduck و FileZilla وجود دارند.
مطالعه ادامه مطلب 👇👇
🔗 طراحی یک وب سایت ساده با PHP — از صفر تا صد — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from FaraDars | فرادرس
📱 در شبکه‌های اجتماعی فرادرس چه مطالبی منتشر می‌شود؟
✔️ اطلاع‌رسانی فرصت‌های ویژه و جشنواره‌های تخفیف
✔️ اطلاع‌رسانی جدیدترین آموزش‌های منتشر شده همراه با تخفیف ویژه انتشار
✔️ انتشار مطالب، مقالات و ویدئوهای آموزشی رایگان
✔️ اطلاع‌رسانی آخرین رویدادها و وبینارها
✔️ برگزاری مسابقات و طرح‌های تخفیف همراه با هدایای آموزشی
☸️ فرادرس را در شبکه‌های اجتماعی و کانال‌های ارتباطی مختلف دنبال کنید.👇👇👇
📌 اینستاگرام
🔗 instagram.com/FaraDars
📌 یوتیوب
🔗 youtube.com/c/FaraDarsCourses
📌 لینکدین
🔗 linkedin.com/company/FaraDars
📌 توئیتر
🔗 twitter.com/FaraDars
📌 کانال رسمی تلگرام
🔗 t.iss.one/FaraDars
📌 کانال فرصت‌های ویژه (فراپُن)
🔗 t.iss.one/FaraPon
📌 کانال تازه‌های نشر
🔗 t.iss.one/FDPub
📌 کانال‌های موضوعی و تخصصی
🔗 t.iss.one/faradars/5006
_______________
📚 فرادرس
دانش در دسترس همه
همیشه و همه جا
@FaraDars — فرادرس
📱 در شبکه‌های اجتماعی فرادرس چه مطالبی منتشر می‌شود؟
✔️ اطلاع‌رسانی فرصت‌های ویژه و جشنواره‌های تخفیف
✔️ اطلاع‌رسانی جدیدترین آموزش‌های منتشر شده همراه با تخفیف ویژه انتشار
✔️ انتشار مطالب، مقالات و ویدئوهای آموزشی رایگان
✔️ اطلاع‌رسانی آخرین رویدادها و وبینارها
✔️ برگزاری مسابقات و طرح‌های تخفیف همراه با هدایای آموزشی
☸️ فرادرس را در شبکه‌های اجتماعی و کانال‌های ارتباطی مختلف دنبال کنید.👇👇👇
📌 اینستاگرام
🔗 instagram.com/FaraDars
📌 یوتیوب
🔗 youtube.com/c/FaraDarsCourses
📌 لینکدین
🔗 linkedin.com/company/FaraDars
📌 توئیتر
🔗 twitter.com/FaraDars
📌 کانال رسمی تلگرام
🔗 t.iss.one/FaraDars
📌 کانال فرصت‌های ویژه (فراپُن)
🔗 t.iss.one/FaraPon
📌 کانال تازه‌های نشر
🔗 t.iss.one/FDPub
📌 کانال‌های موضوعی و تخصصی
🔗 t.iss.one/faradars/5006
_______________
📚 فرادرس
دانش در دسترس همه
همیشه و همه جا
@FaraDars — فرادرس
✳️ ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران
گاهی اوقات نیاز دارید که اطلاعات کاربری خود را در یک وبسایت جدید وارد کنید. ابزارهای پیش‌فرض وردپرس (WordPress)، اجازه خروجی گرفتن از اطلاعات حساب کاربری را نمی‌دهند. در این مقاله، به شما آموزش خواهیم داد که چگونه از اطلاعات کاربری موجود در وردپرس، خروجی (CSV) بگیرید.
🔸 گرفتن خروجی CSV از اطلاعات کاربری در وردپرس
اولین چیزی که برای این منظور نیاز خواهید داشت، نصب و فعال‌سازی پلاگین «Export Users to CSV» است. پس از فعال‌سازی پلاگین معرفی‌شده، مطابق شکل زیر به بخش (Users) رفته و گزینه (Export Users to CSV) را انتخاب کنید. در این مرحله، صفحه تنظیمات پلاگین برای شما به نمایش در می‌آید.
در این صفحه، برای خروجی گرفتن اطلاعات کاربری، گزینه (User Role) یا (Every Role) را میتوانید انتخاب کنید. با انتخاب User Role، از اطلاعات کاربران خاص و Every Role، از اطلاعات همه کاربران خروجی گرفته می‌شود. امکان دیگری که در این پلاگین وجود دارد، انتخاب محدوده زمانی است که کاربران به وبسایت ملحق شده‌اند. زمانی که تنظیمات خود را انجام دادید، بر روی دکمه (Export) در پایین تنظیمات کلیک کنید.
پلاگین Export Users to CSV، یک فایل CSV حاوی اطلاعات کاربران را فراهم کرده و به صورت یک فایل قابل دانلود برای شما ارسال می‌کند. زمانی که فایل خروجی CSV را دانلود کردید، میتوانید آن را در یک برنامه صفحه گسترده باز کنید یا اینکه آن را به درون برنامه‌های دیگر وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
گاهی اوقات نیاز دارید که اطلاعات کاربری خود را در یک وبسایت جدید وارد کنید. ابزارهای پیش‌فرض وردپرس (WordPress)، اجازه خروجی گرفتن از اطلاعات حساب کاربری را نمی‌دهند. در این مقاله، به شما آموزش خواهیم داد که چگونه از اطلاعات کاربری موجود در وردپرس، خروجی (CSV) بگیرید.
🔸 گرفتن خروجی CSV از اطلاعات کاربری در وردپرس
اولین چیزی که برای این منظور نیاز خواهید داشت، نصب و فعال‌سازی پلاگین «Export Users to CSV» است. پس از فعال‌سازی پلاگین معرفی‌شده، مطابق شکل زیر به بخش (Users) رفته و گزینه (Export Users to CSV) را انتخاب کنید. در این مرحله، صفحه تنظیمات پلاگین برای شما به نمایش در می‌آید.
در این صفحه، برای خروجی گرفتن اطلاعات کاربری، گزینه (User Role) یا (Every Role) را میتوانید انتخاب کنید. با انتخاب User Role، از اطلاعات کاربران خاص و Every Role، از اطلاعات همه کاربران خروجی گرفته می‌شود. امکان دیگری که در این پلاگین وجود دارد، انتخاب محدوده زمانی است که کاربران به وبسایت ملحق شده‌اند. زمانی که تنظیمات خود را انجام دادید، بر روی دکمه (Export) در پایین تنظیمات کلیک کنید.
پلاگین Export Users to CSV، یک فایل CSV حاوی اطلاعات کاربران را فراهم کرده و به صورت یک فایل قابل دانلود برای شما ارسال می‌کند. زمانی که فایل خروجی CSV را دانلود کردید، میتوانید آن را در یک برنامه صفحه گسترده باز کنید یا اینکه آن را به درون برنامه‌های دیگر وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — گرفتن خروجی CSV از اطلاعات کاربران — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ مشکل نصب افزونه در وردپرس
══ فهرست مطالب ══
○ ۱. شما بر روی سایت WordPress.com هستید
○ ۲. با مشکل کمبود حافظه مواجه هستید
○ ۳. محدودیت‌های کاربر سایت و مشکل نصب افزونه
○ ۳. شما بر روی یک شبکه چند سایتی هستید
🔸 ۱. شما بر روی سایت WordPress.com هستید
اولین دلیل برای بروز مشکل نصب افزونه می‌تواند مربوط به استفاده از نسخه رایگان WordPress.com باشد. این سایت یک سرویس میزبانی وب است که نسخه دارای محدودیتی از نرم‌افزار مشهور و محبوب خود میزبان وردپرس را ارائه می‌دهد. کاربران WordPress.com نمی‌توانند افزونه‌ای نصب کنند مگر اینکه حساب کاربری و نسخه نرم‌افزارشان را به حالت کسبوکار ارتقا دهند. با این اوصاف اگر شما از کاربران نسخه رایگان، شخصی یا پرمیوم هستید قادر به نصب افزونه‌های شخص ثالث نخواهید بود.
اگر به هر دلیلی تمایلی به ارتقا حساب کاربری به نسخه کسبوکار را ندارید میتوانید وبلاگ‌تان را از WordPress.com به WordPress.org منتقل کنید. اگر برای انجام این کار با مشکل مواجه هستید میتوانید از افراد با تجربه‌تری در این زمینه کمک بگیرید.
🔸 ۲. با مشکل کمبود حافظه مواجه هستید
دومین سناریوی متداول در مورد مشکل نصب افزونه این است که شما قادر به دیدن و دسترسی به منوی افزونه هستید اما نمی‌توانید پلاگین‌ها را نصب کنید.
علت مشکل نصب نشدن افزونه در این مورد معمولاً به‌خاطر محدودیت حافظه PHP است. در سرویس میزبانی وردپرس‌تان و درون هسته آن تنظیماتی وجود دارد که میزان حافظه را تعیین می‌کند که میتوانید از آن استفاده کنید. وقتی که یک فرآیند به این محدودیت می‌رسد متوقف شده یا خطایی شبیه زیر را به شما نشان می‌دهد: Fatal error: Allowed memory size of ۶۷۱۰۸۸۶۴ bytes exhausted
برای حل سریع این مشکل میتوانید محدودیت حافظه PHP را افزایش دهید. شما میتوانید با اضافه کردن این خط کد به فایل wpconfig.php این کار را انجام دهید:
define('WP_MEMORY_LIMIT', '256M');
مطالعه ادامه مطلب 👇👇
🔗 مشکل نصب افزونه در وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
══ فهرست مطالب ══
○ ۱. شما بر روی سایت WordPress.com هستید
○ ۲. با مشکل کمبود حافظه مواجه هستید
○ ۳. محدودیت‌های کاربر سایت و مشکل نصب افزونه
○ ۳. شما بر روی یک شبکه چند سایتی هستید
🔸 ۱. شما بر روی سایت WordPress.com هستید
اولین دلیل برای بروز مشکل نصب افزونه می‌تواند مربوط به استفاده از نسخه رایگان WordPress.com باشد. این سایت یک سرویس میزبانی وب است که نسخه دارای محدودیتی از نرم‌افزار مشهور و محبوب خود میزبان وردپرس را ارائه می‌دهد. کاربران WordPress.com نمی‌توانند افزونه‌ای نصب کنند مگر اینکه حساب کاربری و نسخه نرم‌افزارشان را به حالت کسبوکار ارتقا دهند. با این اوصاف اگر شما از کاربران نسخه رایگان، شخصی یا پرمیوم هستید قادر به نصب افزونه‌های شخص ثالث نخواهید بود.
اگر به هر دلیلی تمایلی به ارتقا حساب کاربری به نسخه کسبوکار را ندارید میتوانید وبلاگ‌تان را از WordPress.com به WordPress.org منتقل کنید. اگر برای انجام این کار با مشکل مواجه هستید میتوانید از افراد با تجربه‌تری در این زمینه کمک بگیرید.
🔸 ۲. با مشکل کمبود حافظه مواجه هستید
دومین سناریوی متداول در مورد مشکل نصب افزونه این است که شما قادر به دیدن و دسترسی به منوی افزونه هستید اما نمی‌توانید پلاگین‌ها را نصب کنید.
علت مشکل نصب نشدن افزونه در این مورد معمولاً به‌خاطر محدودیت حافظه PHP است. در سرویس میزبانی وردپرس‌تان و درون هسته آن تنظیماتی وجود دارد که میزان حافظه را تعیین می‌کند که میتوانید از آن استفاده کنید. وقتی که یک فرآیند به این محدودیت می‌رسد متوقف شده یا خطایی شبیه زیر را به شما نشان می‌دهد: Fatal error: Allowed memory size of ۶۷۱۰۸۸۶۴ bytes exhausted
برای حل سریع این مشکل میتوانید محدودیت حافظه PHP را افزایش دهید. شما میتوانید با اضافه کردن این خط کد به فایل wpconfig.php این کار را انجام دهید:
define('WP_MEMORY_LIMIT', '256M');
مطالعه ادامه مطلب 👇👇
🔗 مشکل نصب افزونه در وردپرس — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ۱۰ کتابخانه و فریمورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول
══ فهرست مطالب ══
○ چه تفاوتی بین کتابخانه و فریمورک وجود دارد؟
○ کتابخانه‌ها
○ JQUERY، یک کتابخانه کلاسیک قدیمی
○ آیا شما باید از jQuery استفاده کنید؟
○ Underscore and Lodash
○ D۳.JS
○ REACT، کتابخانه مورد‌علاقه فیس‌بوک
○ GLIMMER.JS، مؤلفه‌های رابط کاربری برای وب
🔸 چه تفاوتی بین کتابخانه و فریمورک وجود دارد؟
پرسشی که اغلب برای برنامه‌نویسان تازه‌کار پیش می‌آید این است که کتابخانه و فریمورک چه تفاوتی با‌هم دارند؟ باید بگوییم که پرسش بسیار خوبی است و بحث زیادی درباره آن در اینترنت وجود دارد. سعی می‌کنیم به طور خلاصه برای شما این دو مفهوم را توضیح دهیم.
به طور کلی، کتابخانه، یک قطعه کد، باقابلیت استفاده مجدد است که در ابتدای کار مورداستفاده قرار می‌گیرد. یک کتابخانه می‌تواند از چندین توابع (functions)، اشیاء (objects) و متد (methods) وابسته به زبان، تشکیل‌شده باشد. (منظور از زبان در اینجا زبان برنامه‌نویسی هدف است؛ مثلا شما با زبان برنامه‌نویسی جاوا اسکریپت (JAVA SCRIPT)، جاوا (JAVA)، ویژوال‌بیسیک (VISUAL BASIC) یا پی‌اچ‌پی (PHP) برنامه‌ای را می‌نویسید.) برنامه‌ای که شما می‌نویسید برای استفاده از قابلیت‌های یک کتابخانه باید به آن لینک کند.
از سوی دیگر، یک فریمورک یا چهار‌چوب، کنترل بیشتری روی برنامه شما دارد. اگر بخواهیم دقیق‌تر به این موضوع بپردازیم، یک فریمورک، برنامه عظیم از پیش نوشته‌شده‌ای است که می‌تواند برای حل مشکلی که در یک ناحیه خاص وجود دارد، به کار گرفته شود. فریم‌ورک‌ها شامل چندین کتابخانه هستند.
مطالعه ادامه مطلب 👇👇
🔗 ۱۰ کتابخانه و فریمورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
══ فهرست مطالب ══
○ چه تفاوتی بین کتابخانه و فریمورک وجود دارد؟
○ کتابخانه‌ها
○ JQUERY، یک کتابخانه کلاسیک قدیمی
○ آیا شما باید از jQuery استفاده کنید؟
○ Underscore and Lodash
○ D۳.JS
○ REACT، کتابخانه مورد‌علاقه فیس‌بوک
○ GLIMMER.JS، مؤلفه‌های رابط کاربری برای وب
🔸 چه تفاوتی بین کتابخانه و فریمورک وجود دارد؟
پرسشی که اغلب برای برنامه‌نویسان تازه‌کار پیش می‌آید این است که کتابخانه و فریمورک چه تفاوتی با‌هم دارند؟ باید بگوییم که پرسش بسیار خوبی است و بحث زیادی درباره آن در اینترنت وجود دارد. سعی می‌کنیم به طور خلاصه برای شما این دو مفهوم را توضیح دهیم.
به طور کلی، کتابخانه، یک قطعه کد، باقابلیت استفاده مجدد است که در ابتدای کار مورداستفاده قرار می‌گیرد. یک کتابخانه می‌تواند از چندین توابع (functions)، اشیاء (objects) و متد (methods) وابسته به زبان، تشکیل‌شده باشد. (منظور از زبان در اینجا زبان برنامه‌نویسی هدف است؛ مثلا شما با زبان برنامه‌نویسی جاوا اسکریپت (JAVA SCRIPT)، جاوا (JAVA)، ویژوال‌بیسیک (VISUAL BASIC) یا پی‌اچ‌پی (PHP) برنامه‌ای را می‌نویسید.) برنامه‌ای که شما می‌نویسید برای استفاده از قابلیت‌های یک کتابخانه باید به آن لینک کند.
از سوی دیگر، یک فریمورک یا چهار‌چوب، کنترل بیشتری روی برنامه شما دارد. اگر بخواهیم دقیق‌تر به این موضوع بپردازیم، یک فریمورک، برنامه عظیم از پیش نوشته‌شده‌ای است که می‌تواند برای حل مشکلی که در یک ناحیه خاص وجود دارد، به کار گرفته شود. فریم‌ورک‌ها شامل چندین کتابخانه هستند.
مطالعه ادامه مطلب 👇👇
🔗 ۱۰ کتابخانه و فریمورک جاوا اسکریپت که باید آنها را بشناسید — قسمت اول — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from مجله فرادرس
📙 دسته وردپرس و سئو: پربازدیدترین مطالب اخیر «وردپرس و سئو» مجله فرادرس
1️⃣ مشکل نصب افزونه در وردپرس
───────────────
2️⃣ ساخت سایت با وردپرس رایگان
───────────────
3️⃣ چگونه بازدید وبلاگ خود را افزایش دهیم
───────────────
4️⃣ ترفندهای وردپرس — افزودن قابلیت پخش GIF با کلیک
───────────────
5️⃣ راهنمای جامع راه‌اندازی وبسایت با وردپرس — بخش اول
#وردپرس_و_سئو
📚 سایر مطالب مجله فرادرس
🔗 fdrs.ir/blog
@FaraDarsMag — مجله فرادرس
📙 دسته وردپرس و سئو: پربازدیدترین مطالب اخیر «وردپرس و سئو» مجله فرادرس
1️⃣ مشکل نصب افزونه در وردپرس
───────────────
2️⃣ ساخت سایت با وردپرس رایگان
───────────────
3️⃣ چگونه بازدید وبلاگ خود را افزایش دهیم
───────────────
4️⃣ ترفندهای وردپرس — افزودن قابلیت پخش GIF با کلیک
───────────────
5️⃣ راهنمای جامع راه‌اندازی وبسایت با وردپرس — بخش اول
#وردپرس_و_سئو
📚 سایر مطالب مجله فرادرس
🔗 fdrs.ir/blog
@FaraDarsMag — مجله فرادرس
Forwarded from FaraWebDev | فرا وب: آموزش طراحی و توسعه وب
✳️ مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟
پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که میتوانید با در نظر داشتن و پاسخ به آنها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.
══ فهرست مطالب ══
○ «مناسب بودن» را برای خود تعریف کنید
○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
○ از چه پلتفرمی استفاده میکنید؟
○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
○ هدف شما از برنامه‌نویسی چیست؟
○ سخن آخر
🔸 «مناسب بودن» را برای خود تعریف کنید
انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.
تمرکز اصلی برخی از زبان‌ها مانند جاوااسکریپت بر روی توسعه وب است، در حالیکه برخی دیگر مانند جاوا، به عنوان زبان‌های عمومی شناخته می‌شوند. حال باید بر روی سؤالاتی تمرکز کنید که پاسخ آنها شما را در تعیین زبان برنامه‌نویسی مناسب یاری کند. در ادامه، هر یک از این سؤالات را مورد بررسی قرار خواهیم داد.
🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.
برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریمورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود. در قسمت زیر، برخی از زبان‌های مناسب برای افراد مبتدی به همراه ویژگی‌های اصلی این زبان‌ها آورده شده است:
مطالعه ادامه مطلب 👇👇
🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که میتوانید با در نظر داشتن و پاسخ به آنها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.
══ فهرست مطالب ══
○ «مناسب بودن» را برای خود تعریف کنید
○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
○ از چه پلتفرمی استفاده میکنید؟
○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
○ هدف شما از برنامه‌نویسی چیست؟
○ سخن آخر
🔸 «مناسب بودن» را برای خود تعریف کنید
انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.
تمرکز اصلی برخی از زبان‌ها مانند جاوااسکریپت بر روی توسعه وب است، در حالیکه برخی دیگر مانند جاوا، به عنوان زبان‌های عمومی شناخته می‌شوند. حال باید بر روی سؤالاتی تمرکز کنید که پاسخ آنها شما را در تعیین زبان برنامه‌نویسی مناسب یاری کند. در ادامه، هر یک از این سؤالات را مورد بررسی قرار خواهیم داد.
🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.
برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریمورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود. در قسمت زیر، برخی از زبان‌های مناسب برای افراد مبتدی به همراه ویژگی‌های اصلی این زبان‌ها آورده شده است:
مطالعه ادامه مطلب 👇👇
🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل
شاید شما در جستجوی یک مطلب خاص در گوگل، متوجه تغییراتی در صفحه اول نتایج شده باشید. چند وقتی است که بعد از جستجوی مطلبی در موتور جستجوی گوگل، در ابتدای نتایج، یک کادر با پاسخ احتمالی سؤال شما نمایش داده می‌شود. به این کادر، کادر پاسخ گوگل (Google Answer Box) گفته می‌شود. در این مقاله، نحوه ظاهر شدن مطالب مختلف در کادر پاسخ گوگل را به شما آموزش توضیح خواهیم داد.
══ فهرست مطالب ══
○ کادر پاسخ گوگل چیست؟
○ چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
○ برای نمایش مقاله خود در کادر پاسخ گوگل چه کار باید کنید؟
○ در مطالب خود، از پاسخ‌های کوتاه و مفید استفاده کنید
○ توضیحات متای صفحات خود را بهینه‌سازی کنید
○ از فهرست‌ها، جداول و فهرست مطالب استفاده کنید
○ مطالب را با استفاده از انتخاب‌های داده محور بهینه‌سازی کنید
○ به دنبال بهترین روش‌های سئو باشید
○ ارزش تلاش برای نمایش در کادر پاسخ گوگل
🔸 کادر پاسخ گوگل چیست؟
کادر پاسخ گوگل، بخشی از گراف دانش (Knowledge Graph) گوگل است. این قابلیت در واقع الگوریتمی است که سعی می‌کند پاسخ کاربر را دقیقاً در صفحه اول نتایج نمایش دهد.
این الگوریتم، از فهرست‌ها، جداول و کادرهای پاسخ برای نمایش مرتبط‌ترین اطلاعات در بالای نتایج جستجو استفاده می‌کند. این اطلاعات از منابع مختلفی جمع‌آوری می‌شوند و سپس الگوریتم اشاره‌شده تصمیم می‌گیرد که کدام یک از نتایج باید در درون کادر پاسخ قرار گیرد. بر اساس تحقیقات صورت گرفته توسط «Advanced Web Ranking»، کادرهای پاسخ تقریباً ۳۲.۳ درصد نرخ کلیک را در بر می‌گیرند. همین مسئله، اهمیت فوق‌العاده کادرهای پاسخ در استراتژی بهینه‌سازی موتورهای جستجو یا همان سئو (SEO) را نمایان می‌کند.
🔸 چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
هدف اصلی کادر پاسخ، برطرف کردن فوری نیاز کاربران است. کاربرد کادر پاسخ بیشتر هنگامی مشخص می‌شود که کاربران به دنبال اطلاعاتی مانند چهره‌های مشهور و مردمی، فواصل بین مکان‌ها، تبدیل واحدها، نتایج و امتیازات تیم‌های ورزشی و … باشند.
در چنین مواردی، اگر کاربران اطلاعات مورد نیاز خود را دقیقاً از کادر پاسخ به دست بیاورند، می‌توانند سریعاً به سراغ جستجوی بعدی خود می‌روند. در بسیاری از جستجوها، تنها یک کادر از معتبرترین منابع اطلاعاتی اینترنت (مانند ویکی‌پدیا) به نمایش در می‌آید.
از یک جهت، به نظر می‌رسد که گوگل با این کار قصد دارد تا بخش زیادی از ترافیک اینترنتی را برای خود حفظ کند. اگرچه، همه‌ی کاربران به دنبال اطلاعات دقیق معرفی‌شده توسط گراف دانش گوگل نیستند. اگر کلمات کلیدی کاربر نیازمند یک پاسخ تخصصی، هوشمندانه یا بر پایه تحقیقات باشد، گوگل از منابع اینترنتی دیگر نیز استفاده می‌کند.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
شاید شما در جستجوی یک مطلب خاص در گوگل، متوجه تغییراتی در صفحه اول نتایج شده باشید. چند وقتی است که بعد از جستجوی مطلبی در موتور جستجوی گوگل، در ابتدای نتایج، یک کادر با پاسخ احتمالی سؤال شما نمایش داده می‌شود. به این کادر، کادر پاسخ گوگل (Google Answer Box) گفته می‌شود. در این مقاله، نحوه ظاهر شدن مطالب مختلف در کادر پاسخ گوگل را به شما آموزش توضیح خواهیم داد.
══ فهرست مطالب ══
○ کادر پاسخ گوگل چیست؟
○ چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
○ برای نمایش مقاله خود در کادر پاسخ گوگل چه کار باید کنید؟
○ در مطالب خود، از پاسخ‌های کوتاه و مفید استفاده کنید
○ توضیحات متای صفحات خود را بهینه‌سازی کنید
○ از فهرست‌ها، جداول و فهرست مطالب استفاده کنید
○ مطالب را با استفاده از انتخاب‌های داده محور بهینه‌سازی کنید
○ به دنبال بهترین روش‌های سئو باشید
○ ارزش تلاش برای نمایش در کادر پاسخ گوگل
🔸 کادر پاسخ گوگل چیست؟
کادر پاسخ گوگل، بخشی از گراف دانش (Knowledge Graph) گوگل است. این قابلیت در واقع الگوریتمی است که سعی می‌کند پاسخ کاربر را دقیقاً در صفحه اول نتایج نمایش دهد.
این الگوریتم، از فهرست‌ها، جداول و کادرهای پاسخ برای نمایش مرتبط‌ترین اطلاعات در بالای نتایج جستجو استفاده می‌کند. این اطلاعات از منابع مختلفی جمع‌آوری می‌شوند و سپس الگوریتم اشاره‌شده تصمیم می‌گیرد که کدام یک از نتایج باید در درون کادر پاسخ قرار گیرد. بر اساس تحقیقات صورت گرفته توسط «Advanced Web Ranking»، کادرهای پاسخ تقریباً ۳۲.۳ درصد نرخ کلیک را در بر می‌گیرند. همین مسئله، اهمیت فوق‌العاده کادرهای پاسخ در استراتژی بهینه‌سازی موتورهای جستجو یا همان سئو (SEO) را نمایان می‌کند.
🔸 چگونه گوگل اطلاعات را در کادر پاسخ نمایش می‌دهد؟
هدف اصلی کادر پاسخ، برطرف کردن فوری نیاز کاربران است. کاربرد کادر پاسخ بیشتر هنگامی مشخص می‌شود که کاربران به دنبال اطلاعاتی مانند چهره‌های مشهور و مردمی، فواصل بین مکان‌ها، تبدیل واحدها، نتایج و امتیازات تیم‌های ورزشی و … باشند.
در چنین مواردی، اگر کاربران اطلاعات مورد نیاز خود را دقیقاً از کادر پاسخ به دست بیاورند، می‌توانند سریعاً به سراغ جستجوی بعدی خود می‌روند. در بسیاری از جستجوها، تنها یک کادر از معتبرترین منابع اطلاعاتی اینترنت (مانند ویکی‌پدیا) به نمایش در می‌آید.
از یک جهت، به نظر می‌رسد که گوگل با این کار قصد دارد تا بخش زیادی از ترافیک اینترنتی را برای خود حفظ کند. اگرچه، همه‌ی کاربران به دنبال اطلاعات دقیق معرفی‌شده توسط گراف دانش گوگل نیستند. اگر کلمات کلیدی کاربر نیازمند یک پاسخ تخصصی، هوشمندانه یا بر پایه تحقیقات باشد، گوگل از منابع اینترنتی دیگر نیز استفاده می‌کند.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — نمایش داده شدن در کادر پاسخ گوگل — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده
در این نوشته به بررسی دو روش جدید برای ایجاد متغیرها در جاوا اسکریپت (ES۶) می‌پردازیم که let و const هستند. در این مسیر تفاوت‌های بین var ،let و const و همچنین موضوعاتی مانند حیطه تعریف تابع و بلوک، hoisting متغیرها و تغییرناپذیری (immutability) را بررسی می‌کنیم.
══ فهرست مطالب ══
○ اعلان یا مقداردهی اولیه متغیر
○ حیطه متغیر
○ Hoisting
○ تفاوت‌های var ،let و const
○ تفاوت بین let و const
🔸 اعلان یا مقداردهی اولیه متغیر
اعلان متغیر یک شناسه جدید را معرفی می‌کند:
var declaration
در دستور فوق ما یک شناسه به نام declaration ایجاد کردیم. در جاوا اسکریپت متغیرها در زمان ایجاد شدن، به صورت تعریف نشده (undefined) مقداردهی اولیه می‌شوند. معنی این حرف آن است که اگر تلاش کنید متغیر declaration را چاپ کنیم، با مقدار undefined مواجه خواهیم شد.
var declaration
console.log(declaration)
بنابراین اگر متغیر declaration را نمایش دهیم، یک مقدار تعریف نشده به دست می‌آوریم. در زمان مقداردهی اولیه متغیر، برخلاف اعلان آن یک مقدار به متغیر نسبت داده می‌شود.
var declaration
console.log(declaration) // undefined
declaration = 'This is an initialization'
🔸 حیطه متغیر
منظور از حیطه یا دامنه متغیر و یا تابع، مکان‌هایی است که متغیر درون برنامه از آنجا قابل دسترسی است. در جاوا اسکریپت دو نوع حیطه وجود دارند، حیطه سراسری (global scope) و حیطه تابع (function scope). بر اساس تعریف رسمی:
▪️اگر عبارت متغیر درون اعلان یک تابع باشد، متغیر با حیطه همان تابع تعریف می‌شود.
معنی گفته فوق این است که اگر یک متغیر را با استفاده از کلیدواژه var ایجاد کنیم، حیطه آن درون همان تابعی خواهد بود که تعریف شده است و صرفاً از آن تابع یا هر تابع دیگری که درون آن تابع تعریف شده باشد قابل دسترسی خواهد بود.
function getDate () {
var date = new Date()
return date
}
getDate()
console.log(date) // ❌ Reference Error
در کد فوق تلاش کرده‌ایم که به یک متغیر از خارج از تابعی که در آن اعلان شده دسترسی بیابیم. از آنجا که date دارای حیطه‌ای درون تابع getDate است، تنها از درون آن یا تابع‌های داخل آن قابل دسترسی است.
function getDate () {
var date = new Date()
function formatDate () {
return date.toDateString().slice(4) // ✅
}
return formatDate()
}
getDate()
console.log(date) // ❌ Reference Error
مطالعه ادامه مطلب 👇👇
🔗 کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
در این نوشته به بررسی دو روش جدید برای ایجاد متغیرها در جاوا اسکریپت (ES۶) می‌پردازیم که let و const هستند. در این مسیر تفاوت‌های بین var ،let و const و همچنین موضوعاتی مانند حیطه تعریف تابع و بلوک، hoisting متغیرها و تغییرناپذیری (immutability) را بررسی می‌کنیم.
══ فهرست مطالب ══
○ اعلان یا مقداردهی اولیه متغیر
○ حیطه متغیر
○ Hoisting
○ تفاوت‌های var ،let و const
○ تفاوت بین let و const
🔸 اعلان یا مقداردهی اولیه متغیر
اعلان متغیر یک شناسه جدید را معرفی می‌کند:
var declaration
در دستور فوق ما یک شناسه به نام declaration ایجاد کردیم. در جاوا اسکریپت متغیرها در زمان ایجاد شدن، به صورت تعریف نشده (undefined) مقداردهی اولیه می‌شوند. معنی این حرف آن است که اگر تلاش کنید متغیر declaration را چاپ کنیم، با مقدار undefined مواجه خواهیم شد.
var declaration
console.log(declaration)
بنابراین اگر متغیر declaration را نمایش دهیم، یک مقدار تعریف نشده به دست می‌آوریم. در زمان مقداردهی اولیه متغیر، برخلاف اعلان آن یک مقدار به متغیر نسبت داده می‌شود.
var declaration
console.log(declaration) // undefined
declaration = 'This is an initialization'
🔸 حیطه متغیر
منظور از حیطه یا دامنه متغیر و یا تابع، مکان‌هایی است که متغیر درون برنامه از آنجا قابل دسترسی است. در جاوا اسکریپت دو نوع حیطه وجود دارند، حیطه سراسری (global scope) و حیطه تابع (function scope). بر اساس تعریف رسمی:
▪️اگر عبارت متغیر درون اعلان یک تابع باشد، متغیر با حیطه همان تابع تعریف می‌شود.
معنی گفته فوق این است که اگر یک متغیر را با استفاده از کلیدواژه var ایجاد کنیم، حیطه آن درون همان تابعی خواهد بود که تعریف شده است و صرفاً از آن تابع یا هر تابع دیگری که درون آن تابع تعریف شده باشد قابل دسترسی خواهد بود.
function getDate () {
var date = new Date()
return date
}
getDate()
console.log(date) // ❌ Reference Error
در کد فوق تلاش کرده‌ایم که به یک متغیر از خارج از تابعی که در آن اعلان شده دسترسی بیابیم. از آنجا که date دارای حیطه‌ای درون تابع getDate است، تنها از درون آن یا تابع‌های داخل آن قابل دسترسی است.
function getDate () {
var date = new Date()
function formatDate () {
return date.toDateString().slice(4) // ✅
}
return formatDate()
}
getDate()
console.log(date) // ❌ Reference Error
مطالعه ادامه مطلب 👇👇
🔗 کاربردهای var ،let و const در جاوا اسکریپت — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ترفندهای وردپرس — ایجاد درگاه پرداخت بیت‌کوین
بیت‌کوین (Bitcoin)، نوعی واحد پول الکترونیکی است که پرداخت از هر نقطه از جهان را به امری بسیار آسان تبدیل کرده است. در این مقاله، نحوه ایجاد درگاه پرداخت بیت‌کوین در وردپرس را آموزش خواهیم داد.
══ فهرست مطالب ══
○ چرا باید از درگاه پرداخت بیت‌کوین در وردپرس استفاده کنیم؟
○ شروع کار با بیت‌کوین
○ پذیرش درگاه پرداخت بیت‌کوین در افزونه ووکامرس به وسیله بیت‌پی
○ پذیرش درگاه پرداخت بیت‌کوین با استفاده از بیت‌پی
🔸 چرا باید از درگاه پرداخت بیت‌کوین در وردپرس استفاده کنیم؟
وردپرس ابزاری است که با استفاده از افزونه‌هایی نظیر ووکامرس (WooCommerce)، امکان ساخت یک فروشگاه الکترونیکی را تنها در چند دقیقه برای شما فراهم می‌کند.
این پلتفرم‌ها، قابلیت به کارگیری درگاه‌های پرداخت اینترنتی نظیر پی‌پال (PayPal)، استریپ (Stripe)، توچک‌اوت (۲Checkout) و دیگر درگاه‌های محبوب را دارند. در واقع، شما میتوانید بدون استفاده از افزونه‌های سبد خرید، قادر به پذیرش پرداخت از طریق درگاه‌های پی‌پال و استریپ خواهید بود.
با این حال، ممکن است برخی از درگاه‌های پرداخت اینترنتی برای هر کشوری در دسترس نباشند (مانند کشور ایران). شاید برخی از مشتریان به سامانه پی‌پال دسترسی نداشته باشند و برخی دیگر نیز نخواهند از اطلاعات کارت اعتباری خود برای خرید استفاده کنند.
بیت‌کوین، روشی جایگزین برای پرداخت‌های الکترونیکی ارائه می‌کند که هر کسی در هر نقطه از جهان، قادر به استفاده از آن خواهد بود. زمانی که سایت شما از درگاه پرداخت بیت‌کوین پشتیبانی کند، دو گزینه در برابر شما قرار می‌گیرد. اول، میتوانید بیت‌کوین را به ارز رایج کشور خود تبدیل کرده و به حساب بانکی‌تان انتقال دهید (نیازمند گذراندن فرآیند تبدیل ارز) و دوم، میتوانید بیت‌کوین را در کیف الکترونیکی (Wallet) خود نگه دارید. ارزش بیت‌کوین به طور ثابتی در حال افزایش است و با استفاده بیشتر مردم، این افزایش ارزش ادامه خواهد یافت.
🔸 شروع کار با بیت‌کوین
پیش از هر چیزی، شما نیاز به یک کیف پول بیت‌کوین دارید. این کیف پول، نوعی نرم‌افزار است که شما را در ارسال و دریافت بیت‌کوین‌ها و ذخیره‌سازی ایمن آنها کمک می‌کند. انواع مختلفی از کیف پول ها در دسترس هستند. شما میتوانید یک کیف پول را در کامپیوتر یا حتی تلفن همراه خود نصب کنید.در مرحله بعد، باید یک حساب کاربری بیت‌پی (Bitpay) ایجاد کنید. بیت‌پی، یک سرویس‌دهنده آنلاین در زمینه‌های تبدیل، مبادله و انتقال بیت‌کوین به حساب بانکی یا کیف پول بیت‌کوین شما است.
در طی مراحل ثبت نام، از شما خواسته می‌شود که نوع سرویس خود را انتخاب کنید. به منظور فروش محصولات یا خدمات بر روی وبسایت خود و انتقال وجوه پرداختی به حساب بانکی‌تان، گزینه «Business Account» را انتخاب کنید.
در مرحله بعد، جهت ساخت حساب کاربری، باید نام سازمانی (Organization Name) و اطلاعات شخصی خود را وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — ایجاد درگاه پرداخت بیت‌کوین — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ترفندهای وردپرس — ایجاد درگاه پرداخت بیت‌کوین
بیت‌کوین (Bitcoin)، نوعی واحد پول الکترونیکی است که پرداخت از هر نقطه از جهان را به امری بسیار آسان تبدیل کرده است. در این مقاله، نحوه ایجاد درگاه پرداخت بیت‌کوین در وردپرس را آموزش خواهیم داد.
══ فهرست مطالب ══
○ چرا باید از درگاه پرداخت بیت‌کوین در وردپرس استفاده کنیم؟
○ شروع کار با بیت‌کوین
○ پذیرش درگاه پرداخت بیت‌کوین در افزونه ووکامرس به وسیله بیت‌پی
○ پذیرش درگاه پرداخت بیت‌کوین با استفاده از بیت‌پی
🔸 چرا باید از درگاه پرداخت بیت‌کوین در وردپرس استفاده کنیم؟
وردپرس ابزاری است که با استفاده از افزونه‌هایی نظیر ووکامرس (WooCommerce)، امکان ساخت یک فروشگاه الکترونیکی را تنها در چند دقیقه برای شما فراهم می‌کند.
این پلتفرم‌ها، قابلیت به کارگیری درگاه‌های پرداخت اینترنتی نظیر پی‌پال (PayPal)، استریپ (Stripe)، توچک‌اوت (۲Checkout) و دیگر درگاه‌های محبوب را دارند. در واقع، شما میتوانید بدون استفاده از افزونه‌های سبد خرید، قادر به پذیرش پرداخت از طریق درگاه‌های پی‌پال و استریپ خواهید بود.
با این حال، ممکن است برخی از درگاه‌های پرداخت اینترنتی برای هر کشوری در دسترس نباشند (مانند کشور ایران). شاید برخی از مشتریان به سامانه پی‌پال دسترسی نداشته باشند و برخی دیگر نیز نخواهند از اطلاعات کارت اعتباری خود برای خرید استفاده کنند.
بیت‌کوین، روشی جایگزین برای پرداخت‌های الکترونیکی ارائه می‌کند که هر کسی در هر نقطه از جهان، قادر به استفاده از آن خواهد بود. زمانی که سایت شما از درگاه پرداخت بیت‌کوین پشتیبانی کند، دو گزینه در برابر شما قرار می‌گیرد. اول، میتوانید بیت‌کوین را به ارز رایج کشور خود تبدیل کرده و به حساب بانکی‌تان انتقال دهید (نیازمند گذراندن فرآیند تبدیل ارز) و دوم، میتوانید بیت‌کوین را در کیف الکترونیکی (Wallet) خود نگه دارید. ارزش بیت‌کوین به طور ثابتی در حال افزایش است و با استفاده بیشتر مردم، این افزایش ارزش ادامه خواهد یافت.
🔸 شروع کار با بیت‌کوین
پیش از هر چیزی، شما نیاز به یک کیف پول بیت‌کوین دارید. این کیف پول، نوعی نرم‌افزار است که شما را در ارسال و دریافت بیت‌کوین‌ها و ذخیره‌سازی ایمن آنها کمک می‌کند. انواع مختلفی از کیف پول ها در دسترس هستند. شما میتوانید یک کیف پول را در کامپیوتر یا حتی تلفن همراه خود نصب کنید.در مرحله بعد، باید یک حساب کاربری بیت‌پی (Bitpay) ایجاد کنید. بیت‌پی، یک سرویس‌دهنده آنلاین در زمینه‌های تبدیل، مبادله و انتقال بیت‌کوین به حساب بانکی یا کیف پول بیت‌کوین شما است.
در طی مراحل ثبت نام، از شما خواسته می‌شود که نوع سرویس خود را انتخاب کنید. به منظور فروش محصولات یا خدمات بر روی وبسایت خود و انتقال وجوه پرداختی به حساب بانکی‌تان، گزینه «Business Account» را انتخاب کنید.
در مرحله بعد، جهت ساخت حساب کاربری، باید نام سازمانی (Organization Name) و اطلاعات شخصی خود را وارد کنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — ایجاد درگاه پرداخت بیت‌کوین — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
🟢 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 برای مشاهده آموزش‌های پرطرفدار فرادرس روی لینک زیر کلیک کنید و آموزش‌های مورد علاقه خود را رایگان دانلود کنید:👇
🔸 آموزش‌های رایگان طراحی وب [+]
🔹 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
🟢 رایگان آموزش ببینید و مهارت کسب کنید.
🌟 برای مشاهده آموزش‌های پرطرفدار فرادرس روی لینک زیر کلیک کنید و آموزش‌های مورد علاقه خود را رایگان دانلود کنید:👇
🔸 آموزش‌های رایگان طراحی وب [+]
🔹 تمامی آموزش‌های رایگان و پرمخاطب [+]
@FaraDars - فرادرس
✳️ آزمایش A/B چیست و چه تاثیری بر توسعه محصول دارد؟
══ فهرست مطالب ══
○ مایکروسافت میزبان ایده اولیه آزمایش A/B
○ اهمیت آزمایش A/B
○ آزمایش A/B و کمک به تصمیم‌گیری سرمایه‌گذاران
○ ایجاد یک قابلیت بزرگ
○ از حالات جالب یا متفاوت بهراسید
○ مدل‌هایی که می‌توان تیم‌های آزمون A/B را بر مبنای آنها شکل داد
○ تعریف موفقیت
○ از داده‌های با کیفیت پایین استفاده نکنید
○ نتیجه‌گیری
○ باورهای غلط مدیران
🔸 مایکروسافت میزبان ایده اولیه آزمایش A/B
در سال ۲۰۱۲ یکی از کارمندان مایکروسافت که روی Bing کار می‌کرد، ایده‌ای پیرامون تغییر نحوه نمایش تیتر تبلیغات در میان نتایج این موتور جستجو داشت. توسعه این ایده به تلاش زیادی احتیاج نداشت و تنها چند روز از وقت یک مهندس را می‌گرفت. اما این تنها فقط یکی از صدها ایده مطرح بود و مدیران برنامه آن را در پائین‌ترین اولویت قرار داده بودند. همین مسائل سبب شد ایده‌ی ذکر شده بیشتر از ۶ ماه راکد بماند تا عاقبت یک مهندس بررسیش کرد، فهمید هزینه‌ی کدنویسی آن بسیار ناچیز است و در نهایت به منظور ارزیابی تاثیرش یک آزمایش A/B راه‌اندازی کرد. چند ساعت پس از شروع آزمون، شیوه‌ی جدید نمایش تبلیغات درآمدی به مراتب فراتر از انتظار را رقم زد، تا جایی که باور این درآمد به سختی امکان پذیر بود. در چنین شرایطی که اتفاقی دور از انتظار رخ می‌دهد، معمولاً گمانه‌زنی می‌شود که یک باگ یا خطا در سیستم وجود دارد؛ اما این بار هیچ باگی در کار نبود.
تجزیه و تحلیل نشان داد که تغییرات انجام شده، به‌طور عجیبی درآمد را تا ۱۲% افزایش داده است. عددی که سبب می‌شد تنها در ایالات متحده درآمد سالیانه بینگ به ۱۰۰ میلیون دلار برسد، آنهم بدون اینکه به معیارهای کلیدی تجربه‌ی کاربری این محصول صدمه‌ای وارد شده باشد. این بهترین ایده درآمدزایی در تاریخ بینگ بود، اما تا پیش از اینکه مورد آزمایش قرار گیرد، ارزش آن نادیده گرفته شده بود.
این مثال نشان می‌دهد که تشخیص پتانسیل ایده‌های جدید چقدر سخت است. ضمناً یادآور می‌شود که داشتن توانایی اجرای آزمایش‌های متعدد و ارزان، تا چقدر حائز اهمیت است؛ مسئله‌ای که کسب و کارهای زیادی رفته رفته در حال درک هستند.
🔸 اهمیت آزمایش A/B
در یک آزمون A/B آزمایش کنندگان دو نوع تجربه را برای کاربر فراهم می‌کنند. تجربه «A» که روشی کنترل شده است، در اصل سیستم فعلی محسوب می‌شود که کاربران هم اکنون با آن سر و کار دارند و در اصطلاح از آن با عنوان «رقیب» نیز یاد می‌شود. تجربه «B» شامل راه حلی می‌گردد که گمانه زنی می‌شود می‌تواند چیزی را در سیستم کنونی بهبود دهد؛ به این راه‌حل اصطلاحاً «چالش» نیز می‌گویند.
تهر یک از کاربران به صورت اتفاقی با این تجربه‌ها درگیر می‌شوند و بازخوردهای آنها بر اساس شاخصه‌هایی کلیدی سنجیده شده و با یکدیگر مقایسه می‌شوند. (آزمایش‌های انحصاری A/B/C و آزمایش‌های چند متغیره با متغیرهای مختلف، آزمایش‌های متضاد یکدیگر، تشخیص بیشتر از یک راه اصلاح یا درمان برای متغیرهای مختلف در یک بازه زمانی یکسان.) این اصلاح یا ویرایش آنلاین می‌تواند شامل موارد مختلفی مثل افزودن یک ویژگی جدید، ایجاد یک تغییر در رابط کاربری (مثل یک طرح جدید)، به وجود آوردن یک تغییر backend (مثل بهبود یک الگوریتم، مثل توصیه کتاب در آمازون)، یا ارائه یک طرح کسبوکار متفاوت (مثل پیشنهاد یک حمل‌ونقل رایگان) باشد.
شرکت‌های عملیاتی هرچقدر بیشتر پیرامون فروش، استفاده مجدد، میزان کلیک، یا میزان زمانی که کاربران در یک سایت می‌گذرانند، مراقبت به خرج دهند، به همان اندازه هم می‌توانند از آزمایش A/B برای یادگیری چگونگی بهبود عملکردشان استفاده کنند.
مطالعه ادامه مطلب 👇👇
🔗 آزمایش A/B چیست و چه تاثیری بر توسعه محصول دارد؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ آزمایش A/B چیست و چه تاثیری بر توسعه محصول دارد؟
══ فهرست مطالب ══
○ مایکروسافت میزبان ایده اولیه آزمایش A/B
○ اهمیت آزمایش A/B
○ آزمایش A/B و کمک به تصمیم‌گیری سرمایه‌گذاران
○ ایجاد یک قابلیت بزرگ
○ از حالات جالب یا متفاوت بهراسید
○ مدل‌هایی که می‌توان تیم‌های آزمون A/B را بر مبنای آنها شکل داد
○ تعریف موفقیت
○ از داده‌های با کیفیت پایین استفاده نکنید
○ نتیجه‌گیری
○ باورهای غلط مدیران
🔸 مایکروسافت میزبان ایده اولیه آزمایش A/B
در سال ۲۰۱۲ یکی از کارمندان مایکروسافت که روی Bing کار می‌کرد، ایده‌ای پیرامون تغییر نحوه نمایش تیتر تبلیغات در میان نتایج این موتور جستجو داشت. توسعه این ایده به تلاش زیادی احتیاج نداشت و تنها چند روز از وقت یک مهندس را می‌گرفت. اما این تنها فقط یکی از صدها ایده مطرح بود و مدیران برنامه آن را در پائین‌ترین اولویت قرار داده بودند. همین مسائل سبب شد ایده‌ی ذکر شده بیشتر از ۶ ماه راکد بماند تا عاقبت یک مهندس بررسیش کرد، فهمید هزینه‌ی کدنویسی آن بسیار ناچیز است و در نهایت به منظور ارزیابی تاثیرش یک آزمایش A/B راه‌اندازی کرد. چند ساعت پس از شروع آزمون، شیوه‌ی جدید نمایش تبلیغات درآمدی به مراتب فراتر از انتظار را رقم زد، تا جایی که باور این درآمد به سختی امکان پذیر بود. در چنین شرایطی که اتفاقی دور از انتظار رخ می‌دهد، معمولاً گمانه‌زنی می‌شود که یک باگ یا خطا در سیستم وجود دارد؛ اما این بار هیچ باگی در کار نبود.
تجزیه و تحلیل نشان داد که تغییرات انجام شده، به‌طور عجیبی درآمد را تا ۱۲% افزایش داده است. عددی که سبب می‌شد تنها در ایالات متحده درآمد سالیانه بینگ به ۱۰۰ میلیون دلار برسد، آنهم بدون اینکه به معیارهای کلیدی تجربه‌ی کاربری این محصول صدمه‌ای وارد شده باشد. این بهترین ایده درآمدزایی در تاریخ بینگ بود، اما تا پیش از اینکه مورد آزمایش قرار گیرد، ارزش آن نادیده گرفته شده بود.
این مثال نشان می‌دهد که تشخیص پتانسیل ایده‌های جدید چقدر سخت است. ضمناً یادآور می‌شود که داشتن توانایی اجرای آزمایش‌های متعدد و ارزان، تا چقدر حائز اهمیت است؛ مسئله‌ای که کسب و کارهای زیادی رفته رفته در حال درک هستند.
🔸 اهمیت آزمایش A/B
در یک آزمون A/B آزمایش کنندگان دو نوع تجربه را برای کاربر فراهم می‌کنند. تجربه «A» که روشی کنترل شده است، در اصل سیستم فعلی محسوب می‌شود که کاربران هم اکنون با آن سر و کار دارند و در اصطلاح از آن با عنوان «رقیب» نیز یاد می‌شود. تجربه «B» شامل راه حلی می‌گردد که گمانه زنی می‌شود می‌تواند چیزی را در سیستم کنونی بهبود دهد؛ به این راه‌حل اصطلاحاً «چالش» نیز می‌گویند.
تهر یک از کاربران به صورت اتفاقی با این تجربه‌ها درگیر می‌شوند و بازخوردهای آنها بر اساس شاخصه‌هایی کلیدی سنجیده شده و با یکدیگر مقایسه می‌شوند. (آزمایش‌های انحصاری A/B/C و آزمایش‌های چند متغیره با متغیرهای مختلف، آزمایش‌های متضاد یکدیگر، تشخیص بیشتر از یک راه اصلاح یا درمان برای متغیرهای مختلف در یک بازه زمانی یکسان.) این اصلاح یا ویرایش آنلاین می‌تواند شامل موارد مختلفی مثل افزودن یک ویژگی جدید، ایجاد یک تغییر در رابط کاربری (مثل یک طرح جدید)، به وجود آوردن یک تغییر backend (مثل بهبود یک الگوریتم، مثل توصیه کتاب در آمازون)، یا ارائه یک طرح کسبوکار متفاوت (مثل پیشنهاد یک حمل‌ونقل رایگان) باشد.
شرکت‌های عملیاتی هرچقدر بیشتر پیرامون فروش، استفاده مجدد، میزان کلیک، یا میزان زمانی که کاربران در یک سایت می‌گذرانند، مراقبت به خرج دهند، به همان اندازه هم می‌توانند از آزمایش A/B برای یادگیری چگونگی بهبود عملکردشان استفاده کنند.
مطالعه ادامه مطلب 👇👇
🔗 آزمایش A/B چیست و چه تاثیری بر توسعه محصول دارد؟ — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from FaraComp | فرا کامپیوتر: مهندسی و علوم کامپیوتر
✳️ بوت استرپ چیست و چه کاربردی دارد؟ — راهنمای جامع Bootstrap
بوت‌استرپ جزو آن دسته از واژه‌هایی است که در حوزه‌های مختلفی وارد شده و از این رو معانی و تفسیرهای متفاوتی برای آن وجود دارد. اما به طور کلی منظور از بوت‌استرپ فرایندی خود راه‌انداز است که بدون ورودی بیرونی عمل می‌کند. در فناوری رایانه از این اصطلاح (با اختصار بوت شدن) معمولاً برای اشاره به فرایند بارگذاری نرم‌افزار پایه در حافظه یک رایانه پس از روشن شدن آن، به خصوص در مورد سیستم عامل استفاده می‌شود. سپس سیستم عامل مسئولیت بارگذاری نرم‌افزارهای مورد نیاز را بر عهده می‌گیرد.
══ فهرست مطالب ══
○ ریشه‌یابی اصطلاح بوت‌استرپ
○ کاربردهای بوت‌استرپ
○ کاربرد بوت‌استرپ در کامپایلرها
○ سخن پایانی
🔸 ریشه‌یابی اصطلاح بوت‌استرپ
چکمه‌ها (بوت) معمولاً یک حلقه (استرپ) یا دستگیره در بخش فوقانی خود دارند که به نام بوت‌استرپ نامیده می‌شود و به فرد اجازه می‌دهد که با استفاده از انگشت یا وسیله دیگری بوت‌ها را از زمین بردارد. اصطلاحی در قرن نوزدهم به خصوص در ایالات‌متحده رواج داشت که «کسی را به وسیله بوت‌استرپ از روی زمین برداریم» و اشاره به کاری ناشدنی داشت. بدین ترتیب از بوت‌استرپ به عنوان استعاره‌ای برای بهبود دادن چیزی بدون کمک بیرونی استفاده می‌شود. که این معنی اخیر در قرن بیستم رواج بیشتری داشت.
با این حال بوت‌استرپ در حوزه‌های مختلف معانی بسیار متفاوتی دارد که در ادامه برخی کاربردهای این اصطلاح را در رشته‌های مختلف معرفی می‌کنیم:
– بوت‌استرپ (فریمورک فرانت-اند): یک مجموعه از ابزارها برای ایجاد وبسایت و اپلیکیشن‌های وب
– برنامه درسی بوت‌استرپ: نوعی برنامه درسی است که در آن از برنامه‌نویسی رایانه برای آموزش جبر به دانش آموزان در سنین بین ۱۲ تا ۱۶ سال استفاده می‌شود.
– تأمین مالی بوت‌استرپ: این واژه در حوزه کارآفرینی و استارتاپ‌ها کاربرد دارد و به معنی تأمین سرمایه استارتاپ از محل درآمدها یا منابع داخلی است.
– مدل بوت‌استرپ: روشی ریاضی برای محدودسازی و حل مدل‌ها در فیزیک ذرات
– بوت‌استرپینگ (کامپایلر): فرایند نوشتن یک کامپایلر در آن زبان برنامه‌نویسی که قرار است آن را کامپایل کند.
– بوت‌استرپینگ (الکترونیک): نوعی از مدار است که از فیدبک مثبت بهره می‌گیرد.
– بوت‌استرپینگ (مالی): روشی برای ساخت یک منحنی بازدهی از قیمت‌های محصولات coupon-bearing
– بوت‌استرپینگ (حقوق): یکی از مقررات پیشین در دادگاه‌های کیفری فدرال
– بوت‌استرپینگ (زبانشناسی): اصطلاحی که در فرایند یادگیری زبان استفاده می‌شود.
– بوت‌استرپینگ (آمار): روشی که برای انتساب معیار صحت به تخمین‌های نمونه آماری استفاده می‌شود.
🔸 کاربردهای بوت‌استرپ
همان طور که اشاره کردیم اصطلاح بوت‌استرپ گستره معنایی بسیار وسیعی دارد که بسته به رشته‌ای که مورد استفاده قرار می‌گیرد، متفاوت خواهد بود. در ادامه معنی این واژه در برخی حوزه‌های مهم‌تر را بررسی می‌کنیم.
بوت‌استرپ در علوم رایانه در بخش‌های بوت شدن رایانه، در زمینه توسعه نرم‌افزار، در کامپایلرها، نصاب‌ها، شبکه‌های همپوشان، پیش‌بینی رویداد‌های گسسته و هوش مصنوعی/یادگیری ماشین کاربرد دارد.
بوت شدن فرایندی است که در طی آن یک رایانه آغاز به کار می‌کند و به طور خاص به راه‌اندازی نرم‌افزارهای آن اشاره دارد. این فرایند شامل زنجیره‌ای از مراحل است که در طی آن یک برنامه کوچک و ساده بارگذاری می‌شود و سپس برنامه‌های بزرگ‌تر و پیچیده‌تر را در مرحله بعدی راه‌اندازی می‌کند. در این معنی رایانه‌ها خود را به کمک بوت‌استرپ (در معنی لغوی) بالا می‌کشند، یعنی خود را به کمک تلاش‌های خودشان بهبود می‌بخشند. بوت شدن به معنی اجرای زنجیره‌ای رویدادها است که با اجرای رویه‌های مبتنی بر سخت‌افزار آغاز می‌شود و سپس هدایت سیستم به فیرمویر و نرم‌افزاری که در حافظه اصلی بارگذاری شده است، سپرده می‌شود. بوت شدن غالباً شامل فرایندهایی مانند اجرای تست از خود (self-test)، بارگذاری تنظیمات پیکربندی، بارگذاری یک BIOS، رصدگرهای مقیم حافظه (resident monitors)، هایپرویزور، سیستم عامل یا نرم‌افزار کاربردی است.
مطالعه ادامه مطلب 👇👇
🔗 بوت استرپ چیست و چه کاربردی دارد؟ — راهنمای جامع Bootstrap — کلیک کنید (+)
📌 کانال اختصاصی آموزشی مهندسی و علوم کامپیوتر
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی مهندسی و علوم کامپیوتر را در کانال اختصاصی [@FaraCompEng] دنبال کنید. 👇
@FaraCompEng — مطالب و آموزش‌های مهندسی و علوم کامپیوتر فرادرس
بوت‌استرپ جزو آن دسته از واژه‌هایی است که در حوزه‌های مختلفی وارد شده و از این رو معانی و تفسیرهای متفاوتی برای آن وجود دارد. اما به طور کلی منظور از بوت‌استرپ فرایندی خود راه‌انداز است که بدون ورودی بیرونی عمل می‌کند. در فناوری رایانه از این اصطلاح (با اختصار بوت شدن) معمولاً برای اشاره به فرایند بارگذاری نرم‌افزار پایه در حافظه یک رایانه پس از روشن شدن آن، به خصوص در مورد سیستم عامل استفاده می‌شود. سپس سیستم عامل مسئولیت بارگذاری نرم‌افزارهای مورد نیاز را بر عهده می‌گیرد.
══ فهرست مطالب ══
○ ریشه‌یابی اصطلاح بوت‌استرپ
○ کاربردهای بوت‌استرپ
○ کاربرد بوت‌استرپ در کامپایلرها
○ سخن پایانی
🔸 ریشه‌یابی اصطلاح بوت‌استرپ
چکمه‌ها (بوت) معمولاً یک حلقه (استرپ) یا دستگیره در بخش فوقانی خود دارند که به نام بوت‌استرپ نامیده می‌شود و به فرد اجازه می‌دهد که با استفاده از انگشت یا وسیله دیگری بوت‌ها را از زمین بردارد. اصطلاحی در قرن نوزدهم به خصوص در ایالات‌متحده رواج داشت که «کسی را به وسیله بوت‌استرپ از روی زمین برداریم» و اشاره به کاری ناشدنی داشت. بدین ترتیب از بوت‌استرپ به عنوان استعاره‌ای برای بهبود دادن چیزی بدون کمک بیرونی استفاده می‌شود. که این معنی اخیر در قرن بیستم رواج بیشتری داشت.
با این حال بوت‌استرپ در حوزه‌های مختلف معانی بسیار متفاوتی دارد که در ادامه برخی کاربردهای این اصطلاح را در رشته‌های مختلف معرفی می‌کنیم:
– بوت‌استرپ (فریمورک فرانت-اند): یک مجموعه از ابزارها برای ایجاد وبسایت و اپلیکیشن‌های وب
– برنامه درسی بوت‌استرپ: نوعی برنامه درسی است که در آن از برنامه‌نویسی رایانه برای آموزش جبر به دانش آموزان در سنین بین ۱۲ تا ۱۶ سال استفاده می‌شود.
– تأمین مالی بوت‌استرپ: این واژه در حوزه کارآفرینی و استارتاپ‌ها کاربرد دارد و به معنی تأمین سرمایه استارتاپ از محل درآمدها یا منابع داخلی است.
– مدل بوت‌استرپ: روشی ریاضی برای محدودسازی و حل مدل‌ها در فیزیک ذرات
– بوت‌استرپینگ (کامپایلر): فرایند نوشتن یک کامپایلر در آن زبان برنامه‌نویسی که قرار است آن را کامپایل کند.
– بوت‌استرپینگ (الکترونیک): نوعی از مدار است که از فیدبک مثبت بهره می‌گیرد.
– بوت‌استرپینگ (مالی): روشی برای ساخت یک منحنی بازدهی از قیمت‌های محصولات coupon-bearing
– بوت‌استرپینگ (حقوق): یکی از مقررات پیشین در دادگاه‌های کیفری فدرال
– بوت‌استرپینگ (زبانشناسی): اصطلاحی که در فرایند یادگیری زبان استفاده می‌شود.
– بوت‌استرپینگ (آمار): روشی که برای انتساب معیار صحت به تخمین‌های نمونه آماری استفاده می‌شود.
🔸 کاربردهای بوت‌استرپ
همان طور که اشاره کردیم اصطلاح بوت‌استرپ گستره معنایی بسیار وسیعی دارد که بسته به رشته‌ای که مورد استفاده قرار می‌گیرد، متفاوت خواهد بود. در ادامه معنی این واژه در برخی حوزه‌های مهم‌تر را بررسی می‌کنیم.
بوت‌استرپ در علوم رایانه در بخش‌های بوت شدن رایانه، در زمینه توسعه نرم‌افزار، در کامپایلرها، نصاب‌ها، شبکه‌های همپوشان، پیش‌بینی رویداد‌های گسسته و هوش مصنوعی/یادگیری ماشین کاربرد دارد.
بوت شدن فرایندی است که در طی آن یک رایانه آغاز به کار می‌کند و به طور خاص به راه‌اندازی نرم‌افزارهای آن اشاره دارد. این فرایند شامل زنجیره‌ای از مراحل است که در طی آن یک برنامه کوچک و ساده بارگذاری می‌شود و سپس برنامه‌های بزرگ‌تر و پیچیده‌تر را در مرحله بعدی راه‌اندازی می‌کند. در این معنی رایانه‌ها خود را به کمک بوت‌استرپ (در معنی لغوی) بالا می‌کشند، یعنی خود را به کمک تلاش‌های خودشان بهبود می‌بخشند. بوت شدن به معنی اجرای زنجیره‌ای رویدادها است که با اجرای رویه‌های مبتنی بر سخت‌افزار آغاز می‌شود و سپس هدایت سیستم به فیرمویر و نرم‌افزاری که در حافظه اصلی بارگذاری شده است، سپرده می‌شود. بوت شدن غالباً شامل فرایندهایی مانند اجرای تست از خود (self-test)، بارگذاری تنظیمات پیکربندی، بارگذاری یک BIOS، رصدگرهای مقیم حافظه (resident monitors)، هایپرویزور، سیستم عامل یا نرم‌افزار کاربردی است.
مطالعه ادامه مطلب 👇👇
🔗 بوت استرپ چیست و چه کاربردی دارد؟ — راهنمای جامع Bootstrap — کلیک کنید (+)
📌 کانال اختصاصی آموزشی مهندسی و علوم کامپیوتر
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی مهندسی و علوم کامپیوتر را در کانال اختصاصی [@FaraCompEng] دنبال کنید. 👇
@FaraCompEng — مطالب و آموزش‌های مهندسی و علوم کامپیوتر فرادرس
✳️ راهنمای جامع سئو (SEO) در وردپرس — به زبان ساده
بهبود سئو وردپرس برای داشتن ترافیک بیشتر در وبسایت بسیار ضروری است. متأسفانه بسیاری از راهنماهای موجود برای وردپرس جهت استفاده کاربران تازه‌کار، بیش‌ازحد فنی محسوب می شوند. اگر مصمم هستید که ترافیک وبسایت خود را افزایش دهید، در این صورت باید به بهترین رویه‌های سئو وردپرس توجه داشته باشید. ما در این راهنما برترین نکات سئو وردپرس را برای کمک به بهبود وبسایت و داشتن ترافیک بیشتر به شما ارائه می‌دهیم.
══ فهرست مطالب ══
○ مقدمه
○ مقدمات سئو وردپرس
○ بهترین افزونه سئو وردپرس
○ بهترین رویه‌های سئو وردپرس
○ سرعت و امنیت برای سئو وردپرس
○ ابزارها و منابع بیشتر برای سئو
🔸 مقدمه
بهبود بخشیدن سئو وردپرس ممکن است برای افراد تازه‌کار ترسناک باشد، به‌خصوص اگر آشنایی چندانی با فناوری نداشته باشند. اما جای نگرانی وجود ندارد، چون این موضوع چندان هم پیچیده نیست. شما میتوانید با مطالعه این راهنما با مقدمات سئو آشنا شوید و سپس شروع به استفاده از آنها بر روی وبسایت خود کنید.
سئو عبارت اختصاری برای «بهینه‌سازی موتور جستجو» (Search Engine Optimization) است. سئو راهبردی است که مالکان وبسایتها برای داشتن ترافیک بیشتر از طریق بهبود رتبه سایت در موتورهای جستجو استفاده می‌کنند. بهینه‌سازی موتور جستجو ربطی به گول زدن گوگل یا بازی دادن سیستم ندارد. سئو صرفاً مربوط به خلق وب‌سایتی است که کد و قالب‌بندی بهینه‌ای دارد و یافتن وبسایت را برای موتورهای جستجو آسان‌تر می‌کند.
زمانی که مردم در وب به دنبال موضوعاتی جستجو می‌کنند که شما در مورد آنها مطلبی نوشته‌اید، محتوای بهینه‌سازی شده برای موتور جستجو در نتایج جستجو بالاتر ظاهر می‌شود و افراد بیشتری از این طریق وارد وبسایت شما می‌شوند.
🔸 مقدمات سئو وردپرس
می‌توان بحث سئو را به بحث فنی تبدیل کرد، اما نباید این کار را انجام داد. با یادگرفتن تنها چند نکته مقدماتی در مورد سئو میتوانید وبسایت خود را بهبود بخشیده و ترافیک آن را به میزان قابل‌توجهی افزایش دهید. برای استفاده از فناوری‌های که در این نوشته معرفی می‌کنیم، لازم نیست یک نابغه فناوری باشید. در همین حد که از وردپرس استفاده میکنید پس آمادگی استفاده از فناوری‌های معرفی شده را دارید. پیش به‌سوی بهبود وبسایت وردپرس!
وردپرس یک امکان داخلی برای مخفی کردن محتوای وبسایت از موتورهای جستجو دارد. منظور از تدارک این گزینه، ایجاد فرصتی برای آماده‌سازی وبسایت پیش از عرضه عمومی آن بوده است. اما برخی اوقات این گزینه به‌صورت تصادفی انتخاب می‌شود و باعث می‌شود که وبسایت از دید موتورهای جستجو مخفی بماند.
اگر وبسایت شما در نتایج جستجو ظاهر نمی‌شود، در این صورت نخستین چیزی که باید بررسی کنید، این است که این گزینه انتخاب نشده باشد. کافی است وارد محیط مدیریت وبسایت وردپرس شوید و به صفحه Settings » Reading بروید.
مطالعه ادامه مطلب 👇👇
🔗 راهنمای جامع سئو (SEO) در وردپرس — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ راهنمای جامع سئو (SEO) در وردپرس — به زبان ساده
بهبود سئو وردپرس برای داشتن ترافیک بیشتر در وبسایت بسیار ضروری است. متأسفانه بسیاری از راهنماهای موجود برای وردپرس جهت استفاده کاربران تازه‌کار، بیش‌ازحد فنی محسوب می شوند. اگر مصمم هستید که ترافیک وبسایت خود را افزایش دهید، در این صورت باید به بهترین رویه‌های سئو وردپرس توجه داشته باشید. ما در این راهنما برترین نکات سئو وردپرس را برای کمک به بهبود وبسایت و داشتن ترافیک بیشتر به شما ارائه می‌دهیم.
══ فهرست مطالب ══
○ مقدمه
○ مقدمات سئو وردپرس
○ بهترین افزونه سئو وردپرس
○ بهترین رویه‌های سئو وردپرس
○ سرعت و امنیت برای سئو وردپرس
○ ابزارها و منابع بیشتر برای سئو
🔸 مقدمه
بهبود بخشیدن سئو وردپرس ممکن است برای افراد تازه‌کار ترسناک باشد، به‌خصوص اگر آشنایی چندانی با فناوری نداشته باشند. اما جای نگرانی وجود ندارد، چون این موضوع چندان هم پیچیده نیست. شما میتوانید با مطالعه این راهنما با مقدمات سئو آشنا شوید و سپس شروع به استفاده از آنها بر روی وبسایت خود کنید.
سئو عبارت اختصاری برای «بهینه‌سازی موتور جستجو» (Search Engine Optimization) است. سئو راهبردی است که مالکان وبسایتها برای داشتن ترافیک بیشتر از طریق بهبود رتبه سایت در موتورهای جستجو استفاده می‌کنند. بهینه‌سازی موتور جستجو ربطی به گول زدن گوگل یا بازی دادن سیستم ندارد. سئو صرفاً مربوط به خلق وب‌سایتی است که کد و قالب‌بندی بهینه‌ای دارد و یافتن وبسایت را برای موتورهای جستجو آسان‌تر می‌کند.
زمانی که مردم در وب به دنبال موضوعاتی جستجو می‌کنند که شما در مورد آنها مطلبی نوشته‌اید، محتوای بهینه‌سازی شده برای موتور جستجو در نتایج جستجو بالاتر ظاهر می‌شود و افراد بیشتری از این طریق وارد وبسایت شما می‌شوند.
🔸 مقدمات سئو وردپرس
می‌توان بحث سئو را به بحث فنی تبدیل کرد، اما نباید این کار را انجام داد. با یادگرفتن تنها چند نکته مقدماتی در مورد سئو میتوانید وبسایت خود را بهبود بخشیده و ترافیک آن را به میزان قابل‌توجهی افزایش دهید. برای استفاده از فناوری‌های که در این نوشته معرفی می‌کنیم، لازم نیست یک نابغه فناوری باشید. در همین حد که از وردپرس استفاده میکنید پس آمادگی استفاده از فناوری‌های معرفی شده را دارید. پیش به‌سوی بهبود وبسایت وردپرس!
وردپرس یک امکان داخلی برای مخفی کردن محتوای وبسایت از موتورهای جستجو دارد. منظور از تدارک این گزینه، ایجاد فرصتی برای آماده‌سازی وبسایت پیش از عرضه عمومی آن بوده است. اما برخی اوقات این گزینه به‌صورت تصادفی انتخاب می‌شود و باعث می‌شود که وبسایت از دید موتورهای جستجو مخفی بماند.
اگر وبسایت شما در نتایج جستجو ظاهر نمی‌شود، در این صورت نخستین چیزی که باید بررسی کنید، این است که این گزینه انتخاب نشده باشد. کافی است وارد محیط مدیریت وبسایت وردپرس شوید و به صفحه Settings » Reading بروید.
مطالعه ادامه مطلب 👇👇
🔗 راهنمای جامع سئو (SEO) در وردپرس — به زبان ساده — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
✳️ ترفندهای وردپرس — اضافه کردن دکمه «بارگذاری مطالب بیشتر»
بسیاری از پلتفرم‌های محبوب امکان اضافه کردن دکمه (بارگذاری مطالب بیشتر) در انتهای صفحات وبسایت را برای کاربران فراهم می‌کنند. در این مقاله، نحوه اضافه کردن این دکمه را آموزش خواهیم داد.
══ فهرست مطالب ══
○ چه زمانی و چرا باید دکمه بارگذاری مطالب بیشتر را به وبسایت اضافه کرد
○ ساخت کد دکمه بارگذاری مطالب بیشتر در وردپرس
○ اضافه کردن دکمه بارگذاری مطالب بیشتر در تم وردپرس
🔸 چه زمانی و چرا باید دکمه بارگذاری مطالب بیشتر را به وبسایت اضافه کرد
ایجاد تعامل بین کاربران و محتوای تولیدشده، باعث افزایش بازدید و در نهایت افزایش اعضای سایت شما می‌شود. بسیاری از وبلاگ‌ها و سایت‌ها، از لینک‌های (پست‌های قدیمی – Older posts) یا (پست‌های جدید – Newer posts) در انتهای صفحات، برای هدایت کاربران به مطالب دیگر وبلاگ یا سایت خود استفاده می‌کنند. برخی از سایت‌ها نیز از اعداد صفحات برای اضافه کردن مطالب بیشتر استفاده می‌کنند. قابلیت پیمایش بینهایت یا دکمه بارگذاری مطالب بیشتر تنها برای یک سری وبسایت خاص با مطالب خاص مناسب است. به عنوان مثال، این قابلیت می‌تواند برای وب‌سایت‌هایی با محتوای عکاسی، مطالب فهرست‌وار و مطالب پربازدید کاربرد داشته باشد.
دکمه (بارگذاری مطالب بیشتر) مانند یک پیمایش بینهایت عمل می‌کند و جایگزینی برای باز کردن یک صفحه‌ی جدید است. این قابلیت، از کدهای جاواسکریپت (JavaScript) برای دریافت و نمایش مطالب بعدی استفاده می‌کند. به این صورت، تجربه کاربران بهبود یافته و امکان مشاهده بیشتر مطالب شما برای آنها فراهم می‌شود. حال که مطالب ضروری راجع به دکمه بارگذاری مطالب بیشتر بیان شد، بیایید نگاهی به نحوه اضافه کردن این دکمه به سایت وردپرس بیندازیم.
🔸 ساخت کد دکمه بارگذاری مطالب بیشتر در وردپرس
در وهله اول، شما باید افزونه (Ajax Load More) را نصب کرده و آن را فعال کنید. پس از فعال‌سازی این افزونه، یک بخش با نام (Ajax Load More) به منوی وردپرس شما اضافه می‌شود. بر روی این بخش کلیک کرده و به صفحه تنظیمات (Setting) آن بروید.
در بخش تنظیمات افزونه، امکان انتخاب رنگ مورد نظر خود برای دکمه فراهم شده است. به علاوه، میتوانید این دکمه را با قابلیت پیمایش بینهایت نیز جایگزین کنید. در حالت پیمایش بینهایت، بدون اینکه کاربر روی دکمه‌ای کلیک کند، با رسیدن به انتهای مطالب، دسته‌ی بعدی مطالب به صورت خودکار بارگذاری خواهند شد. در مرحله بعد، به منظور اضافه کردن قالب نمایش‌دهنده پست‌های خود، باید به بخش (Ajax Load More) و صفحه (Repeater Template) بروید.
افزونه معرفی‌شده، به همراه یک قالب پایه با «کد حلقه وردپرس» (WordPress Loop) برای نمایش پست‌ها ارائه می‌شود. اگرچه، این کد در ابتدا با تم سایت شما سازگار نیست و ممکن است خارج از چارچوب سایت قرار گیرد. برای حل این مشکل، باید کد مورد استفاده تم خود برای نمایش پست‌ها را در فهرست مطالب، آرشیو و صفحات کپی کنید. معمولاً این کد، در گوشه (template-parts) تم شما قرار گرفته است. در این پوشه، قالب‌های نمایش مطالب مختلف، مانند content-page content-search و غیره، قابل مشاهده هستند. شما باید به دنبال قالب عمومی (content.php) بگردید. در قسمت زیر، مثالی از یک فایل content.php در قالب تم را مشاهده میکنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — اضافه کردن دکمه «بارگذاری مطالب بیشتر» — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
بسیاری از پلتفرم‌های محبوب امکان اضافه کردن دکمه (بارگذاری مطالب بیشتر) در انتهای صفحات وبسایت را برای کاربران فراهم می‌کنند. در این مقاله، نحوه اضافه کردن این دکمه را آموزش خواهیم داد.
══ فهرست مطالب ══
○ چه زمانی و چرا باید دکمه بارگذاری مطالب بیشتر را به وبسایت اضافه کرد
○ ساخت کد دکمه بارگذاری مطالب بیشتر در وردپرس
○ اضافه کردن دکمه بارگذاری مطالب بیشتر در تم وردپرس
🔸 چه زمانی و چرا باید دکمه بارگذاری مطالب بیشتر را به وبسایت اضافه کرد
ایجاد تعامل بین کاربران و محتوای تولیدشده، باعث افزایش بازدید و در نهایت افزایش اعضای سایت شما می‌شود. بسیاری از وبلاگ‌ها و سایت‌ها، از لینک‌های (پست‌های قدیمی – Older posts) یا (پست‌های جدید – Newer posts) در انتهای صفحات، برای هدایت کاربران به مطالب دیگر وبلاگ یا سایت خود استفاده می‌کنند. برخی از سایت‌ها نیز از اعداد صفحات برای اضافه کردن مطالب بیشتر استفاده می‌کنند. قابلیت پیمایش بینهایت یا دکمه بارگذاری مطالب بیشتر تنها برای یک سری وبسایت خاص با مطالب خاص مناسب است. به عنوان مثال، این قابلیت می‌تواند برای وب‌سایت‌هایی با محتوای عکاسی، مطالب فهرست‌وار و مطالب پربازدید کاربرد داشته باشد.
دکمه (بارگذاری مطالب بیشتر) مانند یک پیمایش بینهایت عمل می‌کند و جایگزینی برای باز کردن یک صفحه‌ی جدید است. این قابلیت، از کدهای جاواسکریپت (JavaScript) برای دریافت و نمایش مطالب بعدی استفاده می‌کند. به این صورت، تجربه کاربران بهبود یافته و امکان مشاهده بیشتر مطالب شما برای آنها فراهم می‌شود. حال که مطالب ضروری راجع به دکمه بارگذاری مطالب بیشتر بیان شد، بیایید نگاهی به نحوه اضافه کردن این دکمه به سایت وردپرس بیندازیم.
🔸 ساخت کد دکمه بارگذاری مطالب بیشتر در وردپرس
در وهله اول، شما باید افزونه (Ajax Load More) را نصب کرده و آن را فعال کنید. پس از فعال‌سازی این افزونه، یک بخش با نام (Ajax Load More) به منوی وردپرس شما اضافه می‌شود. بر روی این بخش کلیک کرده و به صفحه تنظیمات (Setting) آن بروید.
در بخش تنظیمات افزونه، امکان انتخاب رنگ مورد نظر خود برای دکمه فراهم شده است. به علاوه، میتوانید این دکمه را با قابلیت پیمایش بینهایت نیز جایگزین کنید. در حالت پیمایش بینهایت، بدون اینکه کاربر روی دکمه‌ای کلیک کند، با رسیدن به انتهای مطالب، دسته‌ی بعدی مطالب به صورت خودکار بارگذاری خواهند شد. در مرحله بعد، به منظور اضافه کردن قالب نمایش‌دهنده پست‌های خود، باید به بخش (Ajax Load More) و صفحه (Repeater Template) بروید.
افزونه معرفی‌شده، به همراه یک قالب پایه با «کد حلقه وردپرس» (WordPress Loop) برای نمایش پست‌ها ارائه می‌شود. اگرچه، این کد در ابتدا با تم سایت شما سازگار نیست و ممکن است خارج از چارچوب سایت قرار گیرد. برای حل این مشکل، باید کد مورد استفاده تم خود برای نمایش پست‌ها را در فهرست مطالب، آرشیو و صفحات کپی کنید. معمولاً این کد، در گوشه (template-parts) تم شما قرار گرفته است. در این پوشه، قالب‌های نمایش مطالب مختلف، مانند content-page content-search و غیره، قابل مشاهده هستند. شما باید به دنبال قالب عمومی (content.php) بگردید. در قسمت زیر، مثالی از یک فایل content.php در قالب تم را مشاهده میکنید.
مطالعه ادامه مطلب 👇👇
🔗 ترفندهای وردپرس — اضافه کردن دکمه «بارگذاری مطالب بیشتر» — کلیک کنید (+)
📌 کانال اختصاصی آموزشی طراحی و توسعه وب
آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇
@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
Forwarded from مجله فرادرس
✳️ چگونه با استفاده از SMTP Server، ایمیل‌های وردپرسی ارسال کنیم؟
سایت‌های وردپرسی به دلیل هزینه‌های کم راه‌اندازی، انعطاف‌پذیری خوب وردپرس و سادگی کار با آنها طرفداران زیادی دارند. اما از سوی دیگر برای اینکه بتوانید به خوبی از امکانات یک سایت وردپرسی استفاده کنید، باید آموزش‌های لازم را فراگرفته باشید.
══ فهرست مطالب ══
○ مشکل ایمیل‌های ورپردسی
○ استفاده از اکانت‌های ایمیل توسط هاست
○ استفاده از ایمیل آدرس برند در وردپرس
○ آزمایش تنظیمات SMTP شما
○ ایمن کردن رمزعبور ایمیل
○ عیب‌یابی مشکلات ایمیل وردپرس
○ مزایا و معایب استفاده از سرور‌های ایمیل هاست برای ایمیل‌های وردپرسی
🔸 مشکل ایمیل‌های ورپردسی
وردپرس برای ارسال ایمیل‌ها از تابع میل در PHP استفاده می‌کند. بسیاری از هاست‌های اشتراکی انی تابع را به خوبی تنظیم نکرده یا به دلیل احتمال استفاده‌ی اشتباه، آن را غیرفعال کرده‌اند. به هر حال، این موضوع باعث می‌شود ارسال ایمیل‌های وردپرسی شما به مشکل بخورد.
راه جایگزین استفاده از سرویس‌های ایمیل شخص ثالث مانند Mailgun، Google Apps یا Sendgrid است. البته برای اینکه بتوانید از این سرویس‌ها استفاده کنید باید بسته به تعداد کاربران یا حساب‌های کاربری اضافه شده یا تعداد ایمیل‌های ارسال شده، هزینه‌ای را به صورت جداگانه بپردازید. در ادامه روشی جذاب را برای شما بازگو می‌کنیم که دیگر مشکلی وجود نداشته باشد.
🔸 استفاده از اکانت‌های ایمیل توسط هاست
بیشتر ارائه‌دهندگان هاست‌های وردپرسی سرویس‌های ایمیلی را برای هر کدام از دامنه‌های شما که روی فضای آنها میزبانی می‌شود، پیشنهاد می‌دهند. یعنی میتوانید حساب کاربری ایمیل خود را با نام دامنه‌ی خود بسازید. به عنوان مثال می‌توان [email protected] اشاره کرد.
ابتدا باید یک ایمیل بسازید. برای این کار به شما می‌آموزیم که چگونه روی cPanel بتوانید یک ایمیل بسازید. ارائه‌دهنده‌ی سرویس هاستینگ شما ممکن است از سیستم مدیریت محتوای دیگیری استفاده کند، اما فرایند اصلی روی بیشتر سرویس‌های میزبانی یکسان است.
وارد حساب کاربری هاست خود شده و روی email accounts در بخش mail کلیک کنید.
مطالعه ادامه مطلب 👇👇
🔗 چگونه با استفاده از SMTP Server، ایمیل‌های وردپرسی ارسال کنیم؟ — کلیک کنید (+)
📚 طبقه‌بندی موضوعی: وردپرس
📖 مجله فرادرس
بزرگ‌ترین رسانه متنی آموزشی در ایران
@FaraDarsMag — مجله فرادرس
✳️ چگونه با استفاده از SMTP Server، ایمیل‌های وردپرسی ارسال کنیم؟
سایت‌های وردپرسی به دلیل هزینه‌های کم راه‌اندازی، انعطاف‌پذیری خوب وردپرس و سادگی کار با آنها طرفداران زیادی دارند. اما از سوی دیگر برای اینکه بتوانید به خوبی از امکانات یک سایت وردپرسی استفاده کنید، باید آموزش‌های لازم را فراگرفته باشید.
══ فهرست مطالب ══
○ مشکل ایمیل‌های ورپردسی
○ استفاده از اکانت‌های ایمیل توسط هاست
○ استفاده از ایمیل آدرس برند در وردپرس
○ آزمایش تنظیمات SMTP شما
○ ایمن کردن رمزعبور ایمیل
○ عیب‌یابی مشکلات ایمیل وردپرس
○ مزایا و معایب استفاده از سرور‌های ایمیل هاست برای ایمیل‌های وردپرسی
🔸 مشکل ایمیل‌های ورپردسی
وردپرس برای ارسال ایمیل‌ها از تابع میل در PHP استفاده می‌کند. بسیاری از هاست‌های اشتراکی انی تابع را به خوبی تنظیم نکرده یا به دلیل احتمال استفاده‌ی اشتباه، آن را غیرفعال کرده‌اند. به هر حال، این موضوع باعث می‌شود ارسال ایمیل‌های وردپرسی شما به مشکل بخورد.
راه جایگزین استفاده از سرویس‌های ایمیل شخص ثالث مانند Mailgun، Google Apps یا Sendgrid است. البته برای اینکه بتوانید از این سرویس‌ها استفاده کنید باید بسته به تعداد کاربران یا حساب‌های کاربری اضافه شده یا تعداد ایمیل‌های ارسال شده، هزینه‌ای را به صورت جداگانه بپردازید. در ادامه روشی جذاب را برای شما بازگو می‌کنیم که دیگر مشکلی وجود نداشته باشد.
🔸 استفاده از اکانت‌های ایمیل توسط هاست
بیشتر ارائه‌دهندگان هاست‌های وردپرسی سرویس‌های ایمیلی را برای هر کدام از دامنه‌های شما که روی فضای آنها میزبانی می‌شود، پیشنهاد می‌دهند. یعنی میتوانید حساب کاربری ایمیل خود را با نام دامنه‌ی خود بسازید. به عنوان مثال می‌توان [email protected] اشاره کرد.
ابتدا باید یک ایمیل بسازید. برای این کار به شما می‌آموزیم که چگونه روی cPanel بتوانید یک ایمیل بسازید. ارائه‌دهنده‌ی سرویس هاستینگ شما ممکن است از سیستم مدیریت محتوای دیگیری استفاده کند، اما فرایند اصلی روی بیشتر سرویس‌های میزبانی یکسان است.
وارد حساب کاربری هاست خود شده و روی email accounts در بخش mail کلیک کنید.
مطالعه ادامه مطلب 👇👇
🔗 چگونه با استفاده از SMTP Server، ایمیل‌های وردپرسی ارسال کنیم؟ — کلیک کنید (+)
📚 طبقه‌بندی موضوعی: وردپرس
📖 مجله فرادرس
بزرگ‌ترین رسانه متنی آموزشی در ایران
@FaraDarsMag — مجله فرادرس
👍1