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

زمانی که مایلیم از محتوای یک فایل مثلا فایلی PHP یا HTML و یا txt در اسکریپت فعلی استفاده کنیم لازم است که از دستورات include یا require که در این بخش به شرح نحوه کار با آنها خواهیم پرداخت بهره بگیریم, ...ادامه مطلب

آخرین بروزرسانی 13 خرداد 1397نحوه ی ایجاد منوی دراپ داون با استفاده از HTML و CSS را قبلا به شما آموزش داده ایم. اما منویی که در آن آموزش به همراه هم ایجاد کردیم، منویی ساده و فاقد ویژگی های واکنش گرایی بود. یکی از مهم ترین ویژگی هایی که منوی دراپ داون ساده ی ما فاقد آن بود، امکان تبدیل به نسخه ی موبایل در زمان استفاده در نمایشگر های کوچکتر بود. بنابراین ام, ...ادامه مطلب

در حال حاضر در واقع استفاده از SSL از حالت اختیاری و انتخابی خارج شده و تبدیل به استانداردی شده که لازم است توسط همه و
,استفاده ...ادامه مطلب

آموزش استفاده از فیلد های سفارشی در جوملا Reviewed by MrCode Rating: 5 out of 5 stars راهنمای استفاده از فیلد های سفارشی جوملا - آموزش استفاده از custom fields جوملا - استفاده از زمینه های دلخواه در جوملا - راهنمای فیلد و گروه فیلد جوملا راهنمای استفاده از فیلد های سفارشی جوملا - آموزش استفاده از cu, ...ادامه مطلب

اگر یادتان باشد، در مقاله ای که در رابطه با نصب وردپرس لوکال با استفاده از Local By Flywheel در سایت درج کردیم، در یکی دو جمله مختصر، اشاره ای به یکی از امکانات مفید این نرم افزار که همان امکان استفاده از WP-CLI بود، کرده بودیم. در آنجا گفتیم که بعدا در رابطه با این ابزار بیشتر صحبت خواهیم کرد. امر, ...ادامه مطلب

استفاده از زمینه های دلخواه در وردپرس با افزونه Advanced Custom Fields Reviewed by MrCode Rating: 5 out of 5 stars آموزش استفاده از افزونه Advanced Custom Fields در وردپرس - استفاده از زمینه های دلخواه در وردپرس با افزونه Advanced Custom Fields - آموزش استفاده از ACF آموزش استفاده از افزونه Advanced Custom Fields در وردپرس - استفاده از زمینه های دلخواه در وردپرس با افزونه Advanced Custom Fields - آموزش استفاده از ACF مسترکد قبلا در رابطه با نحوه به کارگیری زمینه های دلخواه در وردپرس با شما صحبت کرده بود. در آموزشی که به موضوع زمینه های دلخواه پرداختیم، سوالات زیادی را مطرح کردید. همین مسئله نشان میداد که استفاده از زمینه های دلخواه، آنقدر ها هم که باید و شاید، برای همه آسان نیست. این در حالی است که زمینه های دلخواه امکانی بسیار کاربردی در وردپرس هستند. بنابراین آنچه به ذهن میرسد این است که باید راه حلی ارائه کرد که استفاده از این امکان کاربردی را در وردپرس چه برای طراحان و چه برای کاربر نهایی آسان کرده و هردو گروه  را برای همیشه از سر و کله زدن با کلید های پیچیده و دچار سردرگمی شدن، ر,استفاده از زمینه دلخواه در وردپرس ...ادامه مطلب

تگ form از عناصر مهم و بسیار کاربری HTML است که امروز قرار است در این آموزش با نحوه ی استفاده از آن آشنا شویم. در آموزش امروز به همراه مسترکد می آموزیم که چگونه فرم HTML بسازیم و با تگ form و سایر عناصر موجود برای ایجاد فرم ها در اچ تی ام ال کار کنیم. کارمان را با شرح بخش های مختلف یک فرم شروع خواهیم کرد و سپس در پایان، برای آشنایی بیشتر شما با نحوه ی کار فرم ها، یک فرم HTML نمونه نیز به شما نشان خواهیم داد تا به خوبی موارد اصلی که در این آموزش می آموزید را تمرین کرده و به خاطر بسپارید. توجه داشته باشید که در این آموزش تنها بخش هایی را مورد بررسی قرار میدهیم که برای ساخت هر فرمی به آنها نیاز خواهید داشت و در برخی موارد بر اساس نیاز از شرح برخی صفات و … که ممکن است برای شروع کارتان کاربرد کمتری داشته باشند خودداری میکنیم. ایجاد فرم در HTMLبرای ایجاد یک فرم HTML کارمان را با استفاده از تگ form شروع میکنیم. تگ فرم به صورت ساده و در حالت کلی، شکلی مشابه کد زیر خواهد داشت : <form action="url" method="GET|POST"> عناصر فرم را در اینجا قرار میدهیم </form> <form action="url" method="GET|POST"> عناصر فرم را در اینجا قرار میدهیم </form> همانطور که مشاهده میکنید در تگ form از دو attribute با عناوین action و method استفاده کرده ایم. هر دوی این صفات در کار کردن صحیح یک فرم، مهم و حائز اهمیت هستند.action : با استفاده از این صفت تعیین میکنید که اطلاعات فرم به چه آدرسی ارسال شود. کافی است آدرس صفحه ای را که قرار است اطلاعات فرم را پردازش کند به عنوان مقدار action قرار دهید.method : متد میتواند دارای دو حالت POST یا GET باشد. زمانی نوع GET را برای فرم خود انتخاب میکنیم که اطلاعاتی که توسط فرم ارجاع داده میشوند، دارای اهمیت (خصوصا اهمیت امنیتی) خاصی نیستند. مثلا یک کوئری جستجو و … وقتی از حالت GET استفاده کنید، متغیر ها و مقادیر آنها پس از ارسال فرم، در انتهای آدرسی که به عنوان action فرم قرار گرفته، قابل مشاهده خواهند بود. مانند آدرس زیر : actionpage.php?firstname=Little&lastname=Mouse actionpage.php?firstname=Little&lastname=Mouse همانطور که مشاهده میکنید، در آدرس بالا میتوان مقدار firstname و lastname را به طور کامل , ...ادامه مطلب

در گذشته جداول یا همان Table ها در HTML کاربرد بسیار زیادی داشتند. تا حدی که بسیاری از سایت ها، قالب و نمای خود را به طور کامل بر مبنای جداول پیاده سازی میکردند. امروز دیگر طراحی قالب سایت بر مبنای جداول کاملا منسوخ شده (هرچند متاسفانه هنوز گاهی شاهد استفاده از table ها در طراحی سایت ها هستیم) اما جدول های HTML هنوز زنده و پر کاربرد هستند و کارایی خود را از دست نداده اند. در حال حاضر برای طراحی قالب ایمیل یکی از بهترین و مطمئن ترین روش ها، اتکا به همین جداول اج تی ام ال است و البته فکر نمیکنم نیازی به اشاره کردن به این موضوع باشد که جداول هنوز هم در نمایش اطلاعات به کاربران نقش مهمی دارند. در آموزش امروز به همراه مسترکد نحوه ی استفاده از تگ Table برای ایجاد جداول HTML را خواهید آموخت. اگر اصلا طرفدار تگ Table نیستید، در آینده در آموزشی جداگانه شیوه ی دیگری برای ایجاد جداول HTML بر مبنای تگ های ul و li را نیز به شما آموزش خواهیم داد. از شما دعوت میکنیم که در ادامه با ما همراه شوید. ایجاد جدول در HTMLدر اچ تی ام ال برای تعریف یک جدول از تگ table استفاده میکنیم. هر جدول میتواند شامل سربرگ جدول، ردیف ها و سلول های اطلاعات باشد. سربرگ هر جدول که حاوی عنوان مربوط به هر ستون است را با تگ th مشخص میکنیم.ردیف های هر جدول را با تگ tr ایجاد میکنیم.و در پایان خانه های جدول، یا همان سلول های اطلاعات را با td مشخص میکنیم.بنابراین یک جدول کاملا ساده میتواند دارای مارک آپ زیر باشد : <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <table style="width:100%">   <tr>     <th>Firstname</th>     <th>Lastname</th>     <th>Age</th>   </tr>   <tr>     <td>Jill</td>     <td>Smith</td>     <td>5, ...ادامه مطلب

فراموش کردن رمز عبور یا نام کاربری ناحیه مدیریت وردپرس، مسئله ای است که ممکن است برای هر کسی پیش بیاید. (از آن بدتر وقتی است که مطمئن هستید رمزتان صحیح است ولی … ) به هر حال اگر به هر دلیلی دسترسی شما با اکانت مدیریت وردپرس دچار اختلال شود، یکی از راه هایی که پیش روی شماست و میتواند مشکل شما را به سرعت برطرف کند، اضافه کردن ادمین جدید به وردپرس است. (بدیهی است که این تنها روش بدست آوردن دسترسی دوباره نیست) اضافه کردن ادمین جدید به وردپرس، بدون دسترسی به ناحیه مدیریت را میتوان به دو شکل انجام داد. روش اول اضافه کردن مدیر جدید با استفاده از دیتابیس است و روش دوم که بسیار بسیار ساده است و مسترکد تصمیم دارد که امروز به آن بپردازد، اضافه کردن ادمین جدید به وردپرس با استفاده از دسترسی FTP است. البته به این نکته توجه داشته باشید که وقتی میگوییم دسترسی FTP منظورمان این است که میخواهیم فایل ویرایش کنیم. پس با دسترسی به فایل منیجر هاستتان هم میتوانید همین کار را انجام بدهید و محدودیتی در این زمینه وجود ندارد. برای یادگیری افزودن مدیر جدید به وردپرس با استفاده از اف تی پی در ادامه با ما همراه شوید. اضافه کردن اکانت مدیریت به وردپرس با استفاده از FTPطبعا زمانی که مبحث استفاده از FTP مطرح میشود، شما نیاز به یک کلاینت FTP دارید. مثلا میتوانید از ابزاری مثل Filezilla یا WinSCP استفاده کنید. اینکه از چه کلانت FTP استفاده میکنید یک مسئله کاملا سلیقه ای است. بنابراین برای شروع کلاینت FTP دلخواه خود را باز کرده و با وارد کردن اطلاعات نام کاربری، رمز عبور و آی پی یا آدرس اتصال به هاست، به FTP  لاگین کنید. (آموزش استفاده از FTP را در اینجا بخوانید) توجه داشته باشید که هیچ الزامی به استفاده از اف تی پی برای انجام این کار نیست. شما میتوانید تمامی عملیات زیر را با مراجعه به فایل منیجر هاست خود نیز انجام دهید. بعد از اینکه ساختار فایلهای سایتتان برای شما به نمایش گذاشته شد، در محل نصب وردپرس به فولدری که قالب فعلی شما در آن قرار گرفته مراجعه کنید. توجه داشته باشید که برای اینکه این ترفند کار کند، باید حتما وارد فولدر قالبی که در حال حاضر در سایتتان فعال است بشوید و اعمال تنظیماتی که در ادامه می آید، روی قالب های دیگری که در سایتتان فعال نیستند جواب نخواهد داد. فایل functions.php را در فولد, ...ادامه مطلب

در ادامه ی مجموعه آموزش های مقدماتی وردپرس این بار مسترکد با راهنمای استفاده از پیوند یکتا یا Permalink در وردپرس در خدمت شماست. اگر در این آموزش با ما همراه شوید با هم می آموزیم که پیوند های یکتا چه هستند، چه اهمیتی دارند و چگونه میتوانیم به بهترین شکل از آنها بهره بگیریم. پیوند یکتا چیست و چه اهمیتی دارد؟پیوند های یکتا یا Permalinks در واقع همان ساختار پیوند ها / آدرس برگه ها، نوشته ها، دسته بندی ها و … در سایت وردپرسی شما هستند. تا قبل از وردپرس 4.2 ساختار پیوند های یکتا در وردپرس به صورت پیشفرض مطابق حالت زیر بود : http://mrcode.ir/?p=123 همانطور که مشاهده میکنید چنین آدرسی اصلا زیبا و قابل قبول نیست. از طریق پیوند های یکتا این امکان برای شما فراهم میشود که آدرس نامطلوب فوق را به حالتی سفارشی و زیبا تبدیل کنیم که هم برای کاربران قابل درک باشد و هم اصطلاحا SEO Friendly بوده و منجر به بهبود ایندکس شدن و پدیدار شدن شما در نتایج موتور های جستجو شود. مثلا به حالت زیر توجه کنید : http://mrcode.ir/نوشته-نمونه همانطور که حتما خودتان هم متوجه شده اید، آدرس بالا هم برای کاربران و هم برای موتور های جستجو کاملا قابل درک بوده و از حالت اول نیز زیباتر است. خوشبختانه وردپرس از نسخه 4.2 به بعد به صورت پیشفرض حالت دوم را برای پیوند های یکتا استفاده میکند اما تا قبل از این نسخه یکی از مهم ترین کارهایی که هر کس بعد از نصب وردپرس باید انجام میداد، تغییر تنظیمات پیوند های یکتا بود.در وردپرس شما میتوانید به شکلی بسیار ساده، ساختار پیوند های یکتا را در سایت خود سفارشی کرده و آنها را مطابق با سلیقه ی خود تنظیم کنید. در ادامه چگونگی انجام این کار را به همراه هم فرا خواهیم گرفت. آموزش سفارشی سازی پیوند های یکتا در وردپرستمامی تنظیمات مربوط به پیوند های یکتا  در وردپرس از طریق مراجعه به منوی تنظیمات و رفتن به زیر منوی “پیوند های یکتا” در ناحیه مدیریت وردپرس در اختیار شما قرار میگیرد. اجازه بدهید کمی در رابطه با این ساختار ها توضیح بدهیم. در میان این ساختار ها از نظر سئو، استفاده از ساختار ساده و ساختار عددی اصلا توصیه نمیشود چون در هیچ یک از آنها اثری از نام نوشته به چشم نمیخورد. ساختار ساده را تنها جهت ارائه لینک کوتاه در سایت توصیه میکنیم (به پایین نوشته های مسترکد توجه کنید)ساختار ها, ...ادامه مطلب