کد ساز اینترنتی

اگر صاحب یک وبسایت وردپرسی باشید، احتمال اینکه تا امروز با یکی از صفحه ساز های وردپرس کار کرده باشید بسیار زیاد است. صفحه ساز های وردپرس با ارائه رابط گرافیکی درگ اند دراپ و نمایش عناصر مورد نیاز ما ب, ...ادامه مطلب

آخرین بروزرسانی 2 آذر 1397 امروز در حالی این مقاله ی نسبتا کوتاه را برای شما مینویسیم که طبق زمانبندی سایت رسمی وردپرس,، کمتر از 20 روز تا عرضه ی نسخه ی نهایی وردپرس 5 فاصله داریم. اگر از همراها, ...ادامه مطلب

چند ماهی است که شاهد عرضه نسخه های آزمایشی جدید جوملا 4 هستیم. در حال حاضر هر چند زمان دقیقی برای عرضه ی نسخه ی نهایی جوملا 4 اعلام نشده ولی اگر جزو علاقه مندان این سیستم مدیریت محتوا بوده و مشتاق آشنایی با نسخه ی جدید آن باشید، با مراجعه به بخش توسعه دهندگان سایت رسمی جوملا، میتوانید نسخه آزمایشی جوملا 4 را دانلود کرده و با آن مشغول به کار شوید. هرچند استفاده از این نسخه برای سایت های لایو توصیه نمیشود ولی تست کردن محیط این نسخه ی جدید، بدون شک خالی از لطف نخواهد بود.از آنجایی که، با توجه به یکی از پیش نیازهای مهم این نسخه از جوملا که در پایان این معرفی درباره ی آن صحبت خواهیم کرد، ممکن است تست کردن جوملا 4 هنوز برای همه میسر نباشد، بنابراین مسترکد تصمیم گرفته که امروز در قالب یک معرفی جمع و جور، شما را با امکانات و ویژگی های جدید این نسخه آشنا کند. البته در این معرفی زیاد به تغییرات فنی این نسخه نخواهیم پرداخت و بیشتر به آنچه توسط کلیه ی کاربران قابل لمس خواهد بود میپردازیم. از شما دعوت میکنیم که در ادامه این معرفی با ما همراه شده تا با امکانات و ویژگی های جدید جوملا 4.0 آشنا شوید.تغییرات جدید و ویژگی های قابل توجه در مقایسه با نسخه 3واقعیت این است که اگر به عنوان یک کاربر و به دور از دیدگاه توسعه دهندگان، به جوملا 4 نگاه کنیم، میتوان گفت که عمده ی تغییرات اعمال شده در این نسخه، , ...ادامه مطلب

در بخش ابتدای آموزش jQuery شما را به صورت پایه ای با جی کوئری آشنا کردیم. اگر هنوز بخش اول این آموزش را مطالعه نکرده اید، جهت آشنایی بهتر با جی کوئری و داشتن پیش زمینه ی مناسب برای این بخش از آموزش، توصیه میکنیم با کلیک بر روی اینجا ابتدا بخش اول را مطالعه کرده و سپس به مطالعه ی این قسمت ادامه دهید. همانطور که قبلا هم به شما وعده داده بودیم، در این بخش کمی پا فراتر خواهیم گذاشت و در دنیای jQuery چند قدم جلوتر خواهیم رفت. در آموزش امروز اگر به همراه مسترکد باشید، با هم در رابطه با Selector ها و Event ها در جی کوئری صحبت خواهیم کرد. با ما همراه باشید. Selector های جی کوئریسلکتور ها یا انتخابگر ها یکی از مهمترین بخش های کتابخانه ی جی کوئری هستند. اگر میخواهید کار با جی کوئری را به درستی بیاموزید، لازم است که بتوانید به خوبی با سلکتور ها کار کنید.همانطور که از نام سلکتور نیز مشخص است، بوسیله ی آن میتوانید عناصر دلخواه HTML را انتخاب کرده و سپس از طریق جی کوئری تغییرات دلخواه را بر روی عنصر انتخابی خود اعمال کنید. سلکتور ها میتوانند عنصر مورد نظر را بر اساس آی دی (id)، کلاس (class)، نوع (type)، صفت (attribute)، مقادیر صفات (value) و … یافته و جهت انجام اعمال دلخواه، در اختیار شما قرار دهند. در جی کوئری علاوه بر سلکتور های اختصاصی موجود در این کتابخانه، میتوانید از تمامی سلکتور های استاندارد CSS نیز استفاده کنید.تمامی سلکتور ها در جی کوئری با یک علامت دلار که با پرانتز همراهی میشود به نمایش در می آیند : در ادامه به شرح انواع مختلف Selector ها خواهیم پرداخت. انتخابگر عناصرسلکتور یا انتخابگر عناصر همانطور که از نامش مشخص است، مسئول یافتن عنصر (element) مشخص شده توسط شماست. این انتخابگر، نام عنصر را دریافت کرده و آن را انتخاب میکند. مثلا فرض کنیم میخواهیم تمامی عناصر p موجود در صفحه را انتخاب کنیم. برای این کار از کد زیر استفاده میکنیم : حالا در یک مثال کاربردی میخواهیم کاری کنیم که وقتی کاربر روی دکمه ای کلیک میکند، تمامی عناصر p موجود در صفحه، محو شوند : $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); $(document).ready(function(){     $("button").click(function(){         $("p").hide();     }); }); انتخا, ...ادامه مطلب

چند روز پیش شاهد ارائه نسخه بتای وردپرس 4.5 بودیم و پیشبینی میشود که نسخه پایدار وردپرس 4.5 تا اواسط آپریل امسال به طور رسمی برای استفاده عموم منتشر شود. از آنجایی که در این نسخه از وردپرس شاهد افزوده شدن امکانات جالبی هستیم، مسترکد تصمیم گرفته برخی از این امکانات جدید را با شما به اشتراک بگذارد تا شما هم پیش از ارائه نسخه ی 4.5، کمی با حال و هوای آن آشنا شوید. از شما دعوت میکنیم که در ادامه با ما همراه شوید. ویرایش لینک ها به صورت درون خط قبلا اگر میخواستیم لینکی که در ویرایشگر درج شده را ویرایش کنیم، باید از طریق پاپ آپ ویرایش پیوند این کار را انجام میدادیم. از نسخه 4.5 به بعد، اگر روی یک لینک ترکیب دکمه های CTRL+K را استفاده کنید، باکسی باز میشود که به صورت درون خط امکان ویرایش لینک را در اختیار شما قرار خواهد داد. پشتیبانی از لوگو در قالب هاقبلا به طور پیشفرض وردپرس امکان قرار دهی لوگو در قالب از طریق مراجعه به بخش سفارشی سازی پوسته را نداشت. قالب های پریمیوم خودشان از طریق کد نویسی یا افزودن قابلیت انتخاب لوگو به پنل تنظیمات قالب، چنین امکانی را در اختیار کاربر قرار میدادند. اما از نسخه 4.5 به بعد، شما به سادگی میتواند با مراجعه به بخش سفارشی سازی (از منوی نمایش)، لوگوی مورد نظرتان را جهت نمایش در قالب بارگذاری کنید. برای استفاده از این امکان، لازم است که قالب مورد نظر از پیش پشتیبانی از لوگو را اعلام کرده باشد. مثلا : add_image_size( 'twentysixteen-logo', 1200, 175 ); add_theme_support( 'site-logo', array( 'size' => 'twentysixteen-logo' ) ); add_image_size( 'twentysixteen-logo', 1200, 175 ); add_theme_support( 'site-logo', array( 'size' => 'twentysixteen-logo' ) ); اگر پشتیبانی از لوگو در قالب اعلام نشده باشد، در بخش سفارشی سازی پوسته، تنظیمی برای آپلود لوگو مشاهده نخواهد شد. امکان مشاهده پیشنمایش واکنش گرا در سفارشی ساز پوسته یکی از امکانات بسیار جالب این نسخه، امکان مشاهده پیش نمایش قالب در سایز های مختلف صفحه است. یعنی با مراجعه به سفارشی ساز پوسته (از طریق منوی نمایش) شما به سادگی میتوانید پیش نمایش سایت خود را در سه دیوایس مختلف (پی سی، تبلت و موبایل) مشاهده کرده و نواقص احتمالی آن را برطرف نمایید. بهبود صفحه تایید دیدگاهاگر توجه , ...ادامه مطلب

به درخواست کاربران و همراهان همیشگی مسترکد بر آن شدیم که از این پس آموزش هایی را نیز در زمینه ی جی کوئری و جاوااسکریپت در مجموعه آموزش های مسترکد درج کنیم. بر همین اساس امروز با اولین بخش از این مجموعه آموزش ها با عنوان آموزش مقدماتی jQuery در خدمت شما هستیم. این مقاله ی آموزشی بهترین منبع برای تمام اشخاصی است که با داشتن کمترین اطلاعات درباره ی جاوااسکریپت و جی کوئری مایلند به این عرصه وارد شده و شروع به استفاده از جی کوئری نمایند. بنابراین مطالعه ی این آموزش را به همه ی علاقه مندان این موضوع توصیه میکنیم تا در آینده بتوانید به بهترین شکل سایر آموزش های درج شده در این زمینه را پیگیری نمایید. با ما همراه باشید. پیش نیاز هابرای اینکه بتوانید وارد دنیای jQuery شوید لازم است که حدافل دانش و آشنایی مقدماتی در زمینه های زیر داشته باشید : HTML CSS JavaScript ادامه ی این آموزش را با فرض اینکه شما آشنایی اندکی با موارد بالا دارید پی خواهیم گرفت. البته حتما در آینده مقالاتی پایه ای در رابطه با مضامین فوق در سایت درج میکنیم تا با آنها آشنایی بهتری پیدا کنید. jQuery چیست؟ چرا از jQuery استفاده میکنیم؟جی کوئری یک کتابخانه سبک جاوااسکریپت است که به شما اجازه میدهد با نوشتن کد کمتر، کارهای بیشتری انجام دهید. هدف جی کوئری این است که استفاده از جاوااسکریپت را در سایت به حداقل سادگی برساند. با استفاده از جی کوئری میتوان از تکرار بی شمار خط ها در جاوااسکریپت جلوگیری کرده و بسیاری از کارهای پیچیده را تنها با فراخوانی یک متد در یک خط کوتاه انجام داد. همچنین با به کار گیری جی کوئری، بسیاری از اعمال دیگر مثل فراخوانی های AJAX و اعمال تغییرات در DOM بسیار ساده تر میشود. در زیر مختصرا به برخی از امکانات جی کوئری اشاره میکنیم : اعمال تغییرات در DOM/HTML اعمال تغییرات در استایل های CSS متد وقایع HTML پیاده سازی افکت ها و انیمیشن ها ایجکس ابزار های کمکی در واقع حتی میتوان گفت که جی کوئری برای هر عملی که مد نظر شماست یک پلاگین دارد. کافی است بدانید چه میخواهید و کجا باید پیدایش کنید. لازم به ذکر است که کتابخانه ها و فریم ورک های دیگری هم برای استفاده از JavaScript وجود دارد ولی کتابخانه جی کوئری در بین این کتابخانه ها و فریم ورک ها از همه محبوب تر است و کمپانی های بزرگی مثل گوگل، IBM، مایکروس, ...ادامه مطلب