سون لرن • آموزش

درود ، حتما شما هم از مشکلات عمده ی افزونه های اتصال وردپرس به هاست دانلود خسته شدید. آپلود ناقص ، ناسازگاری ، ویرایش نشدن تصاویر در هاست دانلود ، حذف نشدن فایل ها در هاست دانلود با حذف از رسانه وردپرس و… همه از مشکلاتی هستند که شما امروز با اونها دست و پنجه نرم کردید… اما حالا بدون نگرانی ، فقط با اجرای یکباره ی این دستورالعمل از همه ای این مشکلات رهایی پیدا میکنید ‌ مرحله ی اول : نصب افزونه ای که انتظارش رو ندارید! ‌ بدون مقدمه، اسم این افزونه W3 Total Cache هست همانطور که از اسمش متوجه میشوید، کاربردش کش کردن سایت و افزایش سرعت هست اما این افزونه یک قابلیت دارد که خیلی از شماها آن را نادید گرفتید! پس با استفاده از لینک صفحه ی رسمی اش، نسخه رایگانش را دانلود و در سایت وردپرسی خودتان نصب کنید: WordPress.org W3 Total Cache Search Engine (SEO) & Performance Optimization (WPO) via caching. Integrated caching: CDN, Page, Minify, Object, Fragment, Database support. ‌ مرحله ی دوم : اتصال هاست دانلودی به دامنه سایت. ‌ برای این کار میتونید طبق آموزش زیر پیش برید : آموزش کامل اتصال ساب دامنه به آی پی دیگر با ابزار Zone Editor در سی پنل سی پنل درود برای نمایش محتوای ساب دامنه از هاستی دیگر ابتدا در هنگام خرید هاست جدید برای ساب دامنه، تیک گزینه (از دامنه ای که قبلا ثبت کرده ام استفاده میکنم) را میزنید و ساب دامنه ای را که میخواهید به هاست اصلی وصل کنید را وارد میکنید به عنوان مثال آدرس دامنه 7ho.st است و ما میخواهیم ساب دامنه ای برای انجمن سایت مان بسازیم، در فرایند خرید هاست , ...ادامه مطلب

درود ، حتما شما هم از مشکلات عمده ی افزونه های اتصال وردپرس به هاست دانلود خسته شدید. آپلود ناقص ، ناسازگاری ، ویرایش نشدن تصاویر در هاست دانلود ، حذف نشدن فایل ها در هاست دانلود با حذف از رسانه وردپرس و… همه از مشکلاتی هستند که شما امروز با اونها دست و پنجه نرم کردید… اما حالا بدون نگرانی ، فقط با اجرای یکباره ی این دستورالعمل از همه ای این مشکلات رهایی پیدا میکنید ‌ مرحله ی اول : نصب افزونه ای که انتظارش رو ندارید! ‌ بدون مقدمه، اسم این افزونه W3 Total Cache هست همانطور که از اسمش متوجه میشوید، کاربردش کش کردن سایت و افزایش سرعت هست اما این افزونه یک قابلیت دارد که خیلی از شماها آن را نادید گرفتید! پس با استفاده از لینک صفحه ی رسمی اش، نسخه رایگانش را دانلود و در سایت وردپرسی خودتان نصب کنید: WordPress.org W3 Total Cache Search Engine (SEO) & Performance Optimization (WPO) via caching. Integrated caching: CDN, Page, Minify, Object, Fragment, Database support. ‌ مرحله ی دوم : اتصال هاست دانلودی به دامنه سایت. ‌ برای این کار میتونید طبق آموزش زیر پیش برید : آموزش کامل اتصال ساب دامنه به آی پی دیگر با ابزار Zone Editor در سی پنل سی پنل درود برای نمایش محتوای ساب دامنه از هاستی دیگر ابتدا در هنگام خرید هاست جدید برای ساب دامنه، تیک گزینه (از دامنه ای که قبلا ثبت کرده ام استفاده میکنم) را میزنید و ساب دامنه ای را که میخواهید به هاست اصلی وصل کنید را وارد میکنید به عنوان مثال آدرس دامنه 7ho.st است و ما میخواهیم ساب دامنه ای برای انجمن سایت مان بسازیم، در فرایند خرید هاست , ...ادامه مطلب

درود ، حتما شما هم از مشکلات عمده ی افزونه های اتصال وردپرس به هاست دانلود خسته شدید. آپلود ناقص ، ناسازگاری ، ویرایش نشدن تصاویر در هاست دانلود ، حذف نشدن فایل ها در هاست دانلود با حذف از رسانه وردپرس و… همه از مشکلاتی هستند که شما امروز با اونها دست و پنجه نرم کردید… اما حالا بدون نگرانی ، فقط با اجرای یکباره ی این دستورالعمل از همه ای این مشکلات رهایی پیدا میکنید ‌ مرحله ی اول : نصب افزونه ای که انتظارش رو ندارید! ‌ بدون مقدمه، اسم این افزونه W3 Total Cache هست همانطور که از اسمش متوجه میشوید، کاربردش کش کردن سایت و افزایش سرعت هست اما این افزونه یک قابلیت دارد که خیلی از شماها آن را نادید گرفتید! پس با استفاده از لینک صفحه ی رسمی اش، نسخه رایگانش را دانلود و در سایت وردپرسی خودتان نصب کنید: WordPress.org W3 Total Cache Search Engine (SEO) & Performance Optimization (WPO) via caching. Integrated caching: CDN, Page, Minify, Object, Fragment, Database support. ‌ مرحله ی دوم : اتصال هاست دانلودی به دامنه سایت. ‌ برای این کار میتونید طبق آموزش زیر پیش برید : آموزش کامل اتصال ساب دامنه به آی پی دیگر با ابزار Zone Editor در سی پنل سی پنل درود برای نمایش محتوای ساب دامنه از هاستی دیگر ابتدا در هنگام خرید هاست جدید برای ساب دامنه، تیک گزینه (از دامنه ای که قبلا ثبت کرده ام استفاده میکنم) را میزنید و ساب دامنه ای را که میخواهید به هاست اصلی وصل کنید را وارد میکنید به عنوان مثال آدرس دامنه 7ho.st است و ما میخواهیم ساب دامنه ای برای انجمن سایت مان بسازیم، در فرایند خرید هاست , ...ادامه مطلب

;(function(window){'use strict';// Detect mobile. From: http://stackoverflow.com/a/11381730/989439functionmobilecheck(){varcheck=false;(function(a){if(/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fe, ...ادامه مطلب

;(function(window){'use strict';// From https://www.html5rocks.com/en/tutorials/webaudio/intro/functionBufferLoader(context,urlList,callback){this.context=context;this.urlList=urlList;this.onload=callback;this.bufferList=newArray();this.loadCount=0;}, ...ادامه مطلب

*, *::after, *::before {-webkit-box-sizing:border-box;box-sizing:border-box;}body {font-family:'Space Mono','Avenir Next',Avenir,'Helvetica Neue',Helvetica,'Segoe UI',Arial,sans-serif;color:#fff;background:#4133b4;-webkit-font-smoothing:antialiased;-, ...ادامه مطلب

;(function(window){'use strict';// Detect mobile. From: http://stackoverflow.com/a/11381730/989439functionmobilecheck(){varcheck=false;(function(a){if(/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fe, ...ادامه مطلب

0 3 ۲۹ فروردین ۹۵ در این جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس داره که با استفاده از اون میتونین تصاویر و ویدیوهایی که در سایتتون قرار میدین رو برای طراحی واکنشگرا آماده کنید و بر روی هر دستگاهی به خوبی نمایش داده بشه. کلاسهای که در این زمینه وجود داره عبارتند از: responsive-img : این کلاس باعث میشه که یک تصویر متناسب با سایز نمایشگر خودش رو مطابقت بده و تغییر اندازه بده. video-container : برای اون المنتهایی که واکنشگرا هستن و محتوای یک ویدیو هستن میتونین از این کلاس استفاده کنید و اون رو واکنشگرا کنید responsive-video : برای واکنشگرا کردن ویدیوهای HTML5 از این کلاس استفاده میشه. مثالها مربوط به تصاویر واکنشگرا: 1 2 3 4 5 6 <div class="card-panel"> <img src="html5-mini-logo.jpg" alt="" class="responsive-img"> </div>       <div class="card-panel"> <img src="html5-mini-logo.jpg" alt="" class="circle responsive-img"> </div> میبینید که به تصاویر موجود در کد بالا کلاس responsive-img اضافه شده و باعث میشه که اونا واکنشگرا بشن. به تصویر دومی هم کلاس circle اضافه شده و باعث میشه که border-radius به اون اعمال بشه و دایره ای بشه. خروجی کد بالا بصورت زیر خواهد بود: اگر سایز مرورگر رو تغییر بدین میبینید که زمانی که سایز تصویر از مرورگر بیشتر میشه، سایز اون بصورت اتوماتیک تغییر میکنه و خودشو مطابقت میده. مربوط به ویدیو: اگر بخواید به المنتی که درونش یک ویدیو قرار داده شده کلاس video-container اضافه کنید، بصورت زیر عمل میکنید: <div class="video-container"> <iframe width="540" height="200" src="http://www.youtube.com/embed/Q8TXgCzxEnw?rel=0" frameborder="0" allowfullscreen></iframe> </div> میبینید که در div بالا یک iframe قرار داده شده و ویدیوی مورد نظر قرار داده شده. حالا میتونیم با دادن کلاس video-container به این Div، این ویدیو رو واکنشگرا کنیم و اونو بهینه سازی کنیم. حالا فرض کنید که با استفاده از تگ HTML5 Video میخاید یک ویدیو رو در سایت خودتون قرار بدین. برای این کار باید بصورت زیر عمل کنید: 1 2 3 4 5 6 7 <div>, ...ادامه مطلب