

Ajax می تواند برای ارتباطات فعل وانفعالی بایک پایگاه داده استفاده شود.
مثال پایگاه داده ajax
درمثال ajax زیر ما نشان می دهیم که یک صفحه وب چگونه می تواند اطلاعات را از یک پایگاه داده با استفاده از تکنولوژی ajax بگیرد.
انتخاب یک نام در جعبه زیر
انتخاب یک مشتری:
اطلاعات مشتری در زیر لیست خواهند شد.
تشریح مثال ajax:
مثال بالا شامل یک فرم html ساده ویک پیوند به javascript است.
<html> <head> <script src="/selectcustomer.js"></script> </head> <body> <form> Select a Customer: <select name="customers" onchange="showCustomer(this.value)"> <option value="ALFKI">Alfreds Futterkiste <option value="NORTS ">North/South <option value="WOLZA">Wolski Zajazd </select> </form> <p> <div id="txtHint"><b>Customer info will be listed here.</b></div> </p> </body> </html>
همان طوری که شما می توانید ببینید یک فرم مثال html ساده با یک جعبه کشیدنی و پایین انداختنی که مشتری نامیده می شود است.
پاراگراف زیر فرم شامل یک div است که “txthint” نامیده می شود و به عنوان یک میدان برای اطلاعات بازیابی شده از سرور وب استفاده می شود.
زمانی که کاربر داده هارا انتخاب می کند یک تابع به نام “show customer” اجرا می شود. رویداد onchange””باعث راه اندازی تابع برای اجرا می شود به عبارت دیگر هرزمان که کاربر مقادیر را در جعبه کشیدنی پایین انداختنی تغییر دهد تابع show customer صدازده می شود .
درزیر کد javascript لیست شده است.
Ajax در javascript
این کد javascript در فایل select customer.js”” ذخیره شده است:
var xmlHttp function showCustomer(str) { xmlHttp=GetXmlHttpObject(); if (xmlHttp==null) { alert ("Your browser does not support AJAX!"); return; } var url="getcustomer.asp"; url=url+"?q="+str; url=url+"&sid="+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open("GET",url,true); xmlHttp.send(null); } function stateChanged() { if (xmlHttp.readyState==4) { document.getElementById("txtHint").innerHTML=xmlHttp.responseText; } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
صفحه سروردر ajax
صفحه سرور نامگذاری شده به وسیله javascript یک فایل asp ساده است که “get customer.asp” نامیده می شود .
صفحه در javascript برای یک سرور اطلاعات اینترنت نوشته شده است.
این صفحه می تواند به آسانی در php یا در بعضی دیگر از زبان های سرور نوشته شود و نتایج به صورت یک جدول html برگشت داده شود.
کد، یک sql را به جای یک پایگاه داده اجرا می کند و نتیجه را به عنوان یک جدول html برگشت می دهد.
<% response.expires=-1 sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID=" sql=sql & "'" & request.querystring("q") & "'" set conn=Server.CreateObject("ADODB.Connection") conn.Provider="Microsoft.Jet.OLEDB.4.0" conn.Open(Server.Mappath("/db/northwind.mdb")) set rs = Server.CreateObject("ADODB.recordset") rs.Open sql, conn response.write("<table>") do until rs.EOF for each x in rs.Fields response.write("<tr><td><b>" & x.name & "</b></td>") response.write("<td>" & x.value & "</td></tr>") next rs.MoveNext loop response.write("</table>") %>
Ajax می تواند برای ارتباطات جذاب با یک فایل xmlاستفاده شود.
مثال ajax xml
درمثال ajax زیر ما شرح خواهیم داد که چطور یک صفحه وب می توانداطلاعات را از یک فایل xml با استفاده ازتکنولوژی ajax بگیرد.
انتخاب یک cd درجعبه زیر:
انتخاب یک cd:
اطلاعات cd اینجا لیست خواهد شد.
تشریح مثال ajax:
مثال بالا شامل یک فرمhtml ساده و یک پیوند به javascript است.
<html> <head> <script src="/selectcd.js"></script> </head> <body> <form> Select a CD: <select name="cds" onchange="showCD(this.value)"> <option value="Bob Dylan">Bob Dylan</option> <option value="Bonnie Tyler">Bonnie Tyler</option> <option value="Dolly Parton">Dolly Parton</option> </select> </form> <p> <div id="txtHint"><b>CD info will be listed here.</b></div> </p> </body> </html>
به طوری که شما می توانید ببینید مثال فقط یک فرم html ساده با یک جعبه کشیدنی پایین انداختنی ساده که ” cds “نامیده می شود است.
پاراگراف زیر یک فرم شامل یک div است که “txthint” نامیده می شود. div به عنوان یک میدان اصلاح اطلاعات از فرم سرور وب استفاده می شود وقتی که کاربرداده ها را انتخاب می کند. تابع showcd”” صدازده می شود.
کد javascript در زیر لیست شده است.
Javascript در ajax
کد javascript در فایل “selected.js” ذخیره شده است:
var xmlHttp function showCD(str) { xmlHttp=GetXmlHttpObject(); if (xmlHttp==null) { alert ("Your browser does not support AJAX!"); return; } var url="getcd.asp"; url=url+"?q="+str; url=url+"&sid="+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open("GET",url,true); xmlHttp.send(null); } function stateChanged() { if (xmlHttp.readyState==4) { document.getElementById("txtHint").innerHTML=xmlHttp.responseText; } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
صفحه سرور ajax
صفحه سرور نامگذاری شده به وسیله javascript یک فایل asp ساده است که”getcd.asp” نامیده می شود .
صفحه در javascript برای یک سرور اطلاعات اینترنت نوشته شده است.
این صفحه می تواند به آسانی در php یا در بعضی دیگر از زبان های سرور نوشته شود.
کد یک پرسش را اجرا می کند و نتیجه را به صورت html برمی گرداند
<% response.expires=-1 q=request.querystring("q") set xmlDoc=Server.CreateObject("Microsoft.XMLDOM") xmlDoc.async="false" xmlDoc.load(Server.MapPath("cd_catalog.xml")) set nodes=xmlDoc.selectNodes("CATALOG/CD[ARTIST='" & q & "']") for each x in nodes for each y in x.childnodes response.write("<b>" & y.nodename & ":</b> ") response.write(y.text) response.write("<br />") next next %>
درحالی که responsetext ، پاسخ http را به صورت یک رشته بر می گرداند، responsexml پاسخ را به صورت xml برمی گرداند.
خاصیت responsexml یک سند xml را بر می گرداند که می تواند با استفاده از خصوصیات و روش های گره درخت W3CDOM را مورد تجزیه و رسیدگی قراردهد.
مثال responsexml در ajax
درمثال ajax زیر ما می خواهیم شرح دهیم که یک صفحه وب چگونه می تواند اطلاعات را از پایگاه داده استفاده شده در تکنولوژی ajax بگیرد.
داده های انتخاب شده از پایگاه داده دراین زمان به یک سند xml تبدیل خواهند شد و سپس ما برای استخراج مقادیر برای نمایش، DOM را استفاده خواهیم کرد.
انتخاب یک نام درجدول زیر
انتخاب یک مشتری: (لیست سلکت باکسی از اسامی برای مثال)
تشریح مثال ajax
مثال زیر شامل یک فرم html، چندین عنصر<span> برای نگهداری داده های بازگشتی و یک پیوند به javascript است.
<html> <head> <script src="/selectcustomer_xml.js"></script> </head> <body> <form action=""> Select a Customer: <select name="customers" onchange="showCustomer(this.value)"> <option value="ALFKI">Alfreds Futterkiste</option> <option value="NORTS ">North/South</option> <option value="WOLZA">Wolski Zajazd</option> </select> </form> <b><span id="companyname"></span></b><br /> <span id="contactname"></span><br /> <span id="address"></span> <span id="city"></span><br/> <span id="country"></span> </body> </html>
مثال بالا شامل یک فرم html با یک جعبه کشیدنی پایین انداختنی است که “customers” نامیده می شود.
وقتی که کاربر یک گزینه (مشتری ) را در جعبه کشیدنی پایین انداختنی انتخاب می کند یک تابع به نام “showcustomer()” اجرا می شود. اجرای تابع به وسیله رخداد “onchange” اجرامی شود. به عبارت دیگر هر زمان که کاربر مقدار یک جعبه کشیدنی پایین انداختنی را تغییر دهد تابع showcustomer() صدازده می شود.
کد javascript در زیر لیست شده است:
Javascript،ajax
این کد javascript در فایل “selectcustomer_xml.js” ذخیره شده است:
var xmlHttp function showCustomer(str) { xmlHttp=GetXmlHttpObject(); if (xmlHttp==null) { alert ("Your browser does not support AJAX!"); return; } var url="getcustomer_xml.asp"; url=url+"?q="+str; url=url+"&sid="+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open("GET",url,true); xmlHttp.send(null); } function stateChanged() { if (xmlHttp.readyState==4) { var xmlDoc=xmlHttp.responseXML.documentElement; document.getElementById("companyname").innerHTML= xmlDoc.getElementsByTagName("compname")[0].childNodes[0].nodeValue; document.getElementById("contactname").innerHTML= xmlDoc.getElementsByTagName("contname")[0].childNodes[0].nodeValue; document.getElementById("address").innerHTML= xmlDoc.getElementsByTagName("address")[0].childNodes[0].nodeValue; document.getElementById("city").innerHTML= xmlDoc.getElementsByTagName("city")[0].childNodes[0].nodeValue; document.getElementById("country").innerHTML= xmlDoc.getElementsByTagName("country")[0].childNodes[0].nodeValue; } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
تابع های showcustomer() و getxmlhttpobject() بالا همان توابع گفته شده درفصل قبل هستند.
همچنین تابع statechanged() نیزقبل ازاین آموزش Ajax استفاده شده است. هرچند این بار ما نتایج را به عنوان یک سند xml ( با responsexml) برمی گردانیم و DOM را برای نمایش مقادیر اضافی که ما می خواهیم نمایش دهیم استفاده می کنیم.
قسمت های قبل :
محصولات مشابه فروشی
-
دانلود افزونه جستجوی پیشرفته Ajax Search Pro
افزونه متفرقه وردپرسافزونه Ajax Search Pro یک افزونه حرفه ای و بسیار کارآمد برای سیستم مدیریت محتوای وردپرس می باشد که با استفاده از آن شما می توانید در سایت خود جستجو ها را به صورت Ajaxx و بسیار زیبا تر و حرفه ای تر نمایش دهید . این افزونه قادر به پیدا کردن نتایج جستجو دقیق تری نسبت به سایر افزونه ها می باشد همچنین شما می توانید از این افزونه در ووکامرس نیز استفاده کنید . این افزونه کاملاً با ووکامرس سازگار بوده و مشتریان شما می توانند محصولات مورد نظر خود را از طریق این افزونه به راحتی جستجو و پیدا کنند . ویژگی های افزونه جستجوگر حرفه ای Ajax Search Pro : قابلیت نمایش بخشی از اطلاعات مطالب یافت شده قابلیت جستجوی آژاکسی در سایت وردپرسی قابلیت دلنشین کردن بخش جستجو قابلیت جستجوی آژاکسی در فروشگاه ساز ووکامرس ,... سازگاری افزونه جستجوگر حرفه ای Ajax Search Pro مرورگر : Browsers IE9, IE10,...65000 115000 -
تراکت لایه باز آموزش تری دی مکس 3d max
تراکتطرح لایه باز تراکت تبلیغاتی آموزش تری دی مکس 3d max با پس زمینه سفید و فیروزه ای طراحی شده و در طرح از تصویر با کیفیت استفاده شده است.
این تراکت تبلیغاتی آموزش 3d max را می توانید با تغییر سایز برای بنر و کارت ویزیت و تراکت نیز استفاده نمایید.
حجم : 12 مگابایت
ابعاد : 14.8 در 21 سانتی متر
رزولیشن: 300
پسوند : psd
25000 -
پوستر تبلیغاتی لایه باز آموزش فتوشاپ
تراکتطرح لایه باز پوستر تبلیغاتی آموزش فتوشاپ با پس زمینه سفید و صورتی طراحی شده و در طرح از تصویر با کیفیت استفاده شده است.
این پوستر تبلیغاتی آموزش فتوشاپ را می توانید با تغییر سایز برای بنر و کارت ویزیت و تراکت نیز استفاده نمایید.
حجم : 26 مگابایت
ابعاد : 29.7 در 42 سانتی متر
پسوند : psd
25000 -
تراکت لایه باز آموزش عکاسی و فیلمبرداری
تراکتطرح لایه باز پوستر تبلیغاتی آموزش عکاسی و فیلمبرداری با پس زمینه سفید و صورتی طراحی شده و در طرح از تصویر با کیفیت استفاده شده است.
این پوستر تبلیغاتی آموزش عکاسی و فیلمبرداری را می توانید با تغییر سایز برای بنر و کارت ویزیت و تراکت نیز استفاده نمایید.
حجم : 20 مگابایت
ابعاد : 21 در 29.7 سانتی متر
پسوند : psd
25000 -
کارت ویزیت لایه باز آموزش اصولی کاراته
کارت ویزیتطرح کارت ویزیت لایه باز آموزش اصولی کاراته با پسوند psd طراحی شده است . در طرحکارت ویزیت لایه باز آموزش اصولی کاراته از تصویر و وکتور با کیفیت و دوربری شده استفاده شده است.
با تغییر در ابعاد این کارت ویزیت می توانید از آن بعنوان بنر مغازه ، تراکت و حتی بیلبورد محیطی استفاده نمایید.
حجم : 5.23 مگابایت
ابعاد : 9 در 6 سانتی متر
پسوند : psd
25000 33000
آخرین های مشابه مشاهده بیشتر
-
آموزش Ajax – قسمت اول
آموزش AjaxAJAX اختصار asynchornous javascript and xml است. Ajax یک نوع برنامه نویسی است که توسط گوگل درسال 2005 ارایه شده است (باپیشنهاد گوگل). Ajax یک زبان برنامه نویسی جدید نیست اما یک راه جدید برای استفاده از استانداردهای فعلی است. با ajax شما می توانید برنامه های کاربردی بهتر،سریعتروکاربرپسند تری راایجاد کنید. Ajax برپایه ی java scriptوrequest httpاست. هر آنچه که شما فعلا باید در مورد AJAX...رایگان -
آموزش Ajax – قسمت دوم
آموزش Ajaxخاصیت responsetext داده های بازگشت داده شده از سرور، می توانند باخاصیت responsetext بازیابی شوند . در کدهایمان ،ما مقدار فیلد ورودی “زمان” را برابر با متن پاسخ قرار می دهیم. xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==4) { document.myForm.time.value=xmlHttp.responseText; } } فصل بعد نشان می دهد که چگونه بعضی داده ها را از سرور درخواست کنید. Ajax-فرستادن یک تقاضا به سرور برای ارسال خاموش...رایگان -
آموزش Ajax – قسمت سوم
آموزش AjaxAjax می تواند برای ارتباطات فعل وانفعالی بایک پایگاه داده استفاده شود. مثال پایگاه داده ajax درمثال ajax زیر ما نشان می دهیم که یک صفحه وب چگونه می تواند اطلاعات را از یک پایگاه داده با استفاده از تکنولوژی ajax بگیرد. انتخاب یک نام در جعبه زیر انتخاب یک مشتری: اطلاعات مشتری در زیر لیست خواهند شد. تشریح مثال ajax: مثال بالا شامل یک فرم html ساده ویک پیوند به javascript...رایگان -
آموزش Ajax – قسمت چهارم
آموزش Ajaxصفحه سرور ajax صفحه سرور که به وسیله javascript نامگذاری می شود یک فایل asp ساده است که “getcustomer_xml.asp” نامیده می شود. صفحه در vbscript برای یک سرور اطلاعات اینترنت نوشته شده است و می تواند به آسانی در php یا در بعضی دیگر از زبان های سرور نوشته شود. به جای یک پایگاه داده یک دستور sql را اجرا می کند و نتیجه را به عنوان یک سند xml برمی گرداند. <% response.expires=-1 ...رایگان -
آموزش آژاکس - آموزش مفاهیم AJAX
آموزش Ajaxدر این مقاله به صورت کاملا ساده، شفاف و به دور از هر پیچیدگی این موضوع را توضیح می دهم، این مقاله شاید طولانی باشد ولی ترجیح دادم در یک مقاله کل موضوع را به اتمام برسانم. وقتی شما صفحه مرورگر خود را باز میکنید در واقع به عنوان یک کلاینت یک درخواست به سرور ارسال می کنید و سرور در پاسخ شما صفحه وب سایت مورد نظر را برای شما ارسال می کند و اطلاعات وب سایت نمایش داده می شود. در واقع AJAX...رایگان -
آموزش ویدیویی و رایگان وردپرس - قسمت سوم معرفی کامل پنل
آموزش wordpressسلام و درود بر شما در قسمت سوم از آموزش وردپرس هستیم در قسمت های قبلی به معرفی وردپرس و نصب آن در xamp پرداختیم که در این آموزش رایگان از وردپرس قصد داریم تمامی منو های وردپرس را برای شما آموزش بدیم که امیدوارم برای شما لذت بخش باشد در زیر آموزش متنی را نیز اضافه میکنم اما سعی کنید به صورت تصویری نیز به آموزش اقدام نمایید. آموزش افزودن ویرایش و حذف نوشته در وردپرس در این قسمت از آموزش قصد...رایگان -
آموزش ویدیویی وردپرس - قسمت پنجم نحوه نصب قالب کپی دمو
آموزش wordpressسلام و درود بر شما در آموزش پنجم از وردپرس که امیدوارم به خوبی یادگرفته باشید تقریبا اکثر قسمت ها و آشنایی هایی لازم بود رو خدمتتون عرض کردم و در این آموزش بهتون یاد دادم که چطوری میتونید یک قالبی که از سایت انگلیسی خریداری کردید رو نصب کنید و چطوری میتونید کپی دمو یا پیشنمایش کنید. برای نصب قالب دو روش وجود دارد : آموزش نصب و درون ریزی یا ایمپورت دمو(کپی کردن با دمو که دیدید) - درون...رایگان -
آموزش طراحی قالب وردپرس با المنتور ( قسمت اول - نصب افزونه ها و وصل کردن کتابخانه )
آموزش wordpressالمنتور یکی از صفحه ساز های قدرتمند جهانی است که به تازگی در حال فتح قله های موفقیت در بین کاربران وردپرسی است. افزونه المنتور با امکانات بسیار عالی که دارد می تواند در طراحی سایت به شما کمک کند. در آموزش نصب المنتور می آموزید که چگونه بهترین نوع طراحی را با افزونه Elementor انجام دهید و از این طریق به موفقیت زیادی در طراحی وب حرفه ای دست پیدا کنید. پس با ما همراه باشید تا این فرصت خوب...رایگان -
آموزش ویدیویی و رایگان وردپرس - قسمت چهارم نصب قالب وردپرس
آموزش wordpressسلام خدمت کاربران محترم ملت وب با آموزش چهارم از وردپرس در خدمت شما عزیزان هستیم در جلسه های قبلی وردپرس رو معرفی کردیم و بهتون یاد دادیم که چجوری وردپرس رو نصب کنید و سپس به معرفی منو های پیشخوان وردپرس پرداختیم و حال وقت آن رسیده است که یاد بدیم که به چه شکلی قالب های سرسخت تم فارست(themeforst) را نصب و فعال کنید. قالب ها به دو روش نصب می شوند: نصب دستی قالب وردپرس از طریق پوشه در این روش شما...رایگان -
آموزش ویدیویی کامل و رایگان وردپرس - قسمت اول وردپرس چیست؟
آموزش wordpressسلام و درود بر کاربران عزیز ملت وب میخواهم آموزش کامل از نحوه کارکرد وردپرس و قالب چیست و چرا باید از قالب استفاده کنیم و اینکه سازندگان قالب ها چه کسانی هستند، صحبت خواهیم کرد. به صورت مختصر میخواهم در مورد وردپرس توضیح دهم وردپرس در 27 مِی سال 2003 آن را به صورت رسمی عرضه شد، در ابتدا این سیستم همانند سایت های وبلاگدهی فعالیت میکرد بعد ها با استقبالی که شد شروع به توسعه خود کرد و بنا بر...رایگان -
آموزش رایگان طراحی کاروسل محصولات با افزونه jetwoobuilder (طراحی قالب با المنتور وردپرس - قسمت دهم)
افزونه های مورد نیاز: المنتور المنتور پرو jetwoobuilder (جت ووبولیدر) یکی از دغدغه های وردپرس کارها همیشه باز بودن دستشان در طراحی است! حالا المنتور برای این دسته از افراد که می خواهند ظاهر سایت را خودشان طراحی کنند، راهی گذاشته است و آن هم ساخت قالب با المنتوره. در این میان سایت های فروشگاهی بسیاری وجود دارند که شبیه به هم هستند، شما برای اینکه بخواهید ظاهر فروشگاه متفاوتی داشته...رایگان -
آموزش رایگان نمایش نام کاربر در سربرگ با المنتور (طراحی قالب با المنتور وردپرس - قسمت سیزدهم)
افزونه های مورد نیاز: المنتور المنتور پرو المنتور اکسترا Elementor Extras امروزه سایت ها، با نمایش دادن نام کاربر، به او می فهمانند که وارد شده اند یا نه. به همین جهت برای نمایش نام کاربر در سایت ابتدا باید افزونه المنتور اکسترا را دانلود و نصب کنیم. بعد از آن باید از قسمت المنتور تب موارد اضافه و بعد از آن از قسمت افزودنی ها گزینه Display Conditions را فعال کنیم. بعد از آن باید وارد قالب...رایگان -
آموزش ویدیویی و رایگان وردپرس - قسمت دوم نصب وردپرس
آموزش wordpressسلام به قسمت دوم آموزش نصب وردپرس خوش آمدید، آموزشی که قرار است در قسمت دوم بهتون بدیم مربوط می شود به : 1- معرفی و بررسی هاست وردپرس در این قسمت ما به بررسی آیتم های یک هاست مناسب برای خرید و آشنایی با آن ها اقدام کردیم و نشان دادیم که فضا چیست و شما برای راه اندازی وردپرس به چقدر فضا نیاز دارید و چه موقع به هاست و یا سرور اصلی نیاز دارید و همچنین پهنای باند در وردپرس را نیز آموزش دادیم...رایگان -
آموزش رایگان طراحی باکس نوشته ها (وبلاگ) با المنتور (طراحی قالب با المنتور وردپرس - قسمت یازدهم)
افزونه های مورد نیاز: المنتور المنتور پرو پست ها و روش نمایش آنها، در سایت های وبلاگی همیشه یکی از مهمترین بخش های آنهاست. زیرا تمام محتوای آنها از طریق ظاهر صفحه اول آنها نمایش داده می شوند. پس باید طراحی آنها جذاب و زیبا باشند. برای طراحی باکس نوشته ها، دو نکته قابل توجه است. یکی از آنها طراحی قالب ظاهری یکسان باکس نوشته ها (یعنی در تمام صفحات وبلاگ و دسته بندی ها به چه صورت نمایش...رایگان -
آموزش رایگان طراحی صفحه تکی محصول با المنتور(طراحی قالب با المنتور وردپرس-قسمت پنجم)
آموزش wordpressافزونه های مورد نیاز: المنتور المنتور پرو ووکامرس صفحات محصولات، همیشه بیشترین جایی هستند که به صورت متوسط مورد بازدید قرار می گیرند، ما امروز می خواهیم به شما آموزش طراحی قالب صفحه های محصولات را بدهیم. در ابتدا وارد پیشخوان کاربری شده و از تب قالب ها روی افزودن جدید کلیک می کنیم. حالا از داخل نوع قالب، حالت محصول تکی را انتخاب می کنیم و نام دلخواهی را در زیر آن وارد می کنیم. بعد...رایگان -
آموزش رایگان طراحی صفحه نتایج جستجو با المنتور (طراحی قالب با المنتور وردپرس - قسمت ششم)
افزونه های مورد نیاز: المنتور المنتور پرو کاربران وقتی به دنبال موضوعی می گردند، سعی دارند در اولین نگاه موضوع خود را پیدا کرده و به آن دست یابند. پس با توجه به اهمیت این موضوع باید ظاهر صفحه نتیجه جستجو تا جایی که جا دارد ساده و در دسترس باشد. از همین رو برای طراحی قالب دلخواه نتایج جستجو، در ابتدا وارد پیشخوان کاربری شده و از تب قالب ها روی افزودن جدید کلیک می کنیم. حالا از داخل نوع...رایگان -
آموزش رایگان طراحی صفحه نوشته تکی با المنتور (طراحی قالب با المنتور وردپرس - قسمت هفتم)
افزونه های مورد نیاز: المنتور المنتور پرو نوشته های وبلاگ ها همیشه پربازدید بوده و هستند، همین امر باعث می شود تا ما به اهمیت آن پی برده و قالبی جذاب و زیبا برای آن طراحی کنیم. برای همین ابتدا وارد پیشخوان کاربری شده و از تب قالب ها روی افزودن جدید کلیک می کنیم. حالا از داخل نوع قالب، حالت تکی و نوع پست را نوشته انتخاب می کنیم و نام دلخواهی را در زیر آن وارد می کنیم. بعد از آن روی ایجاد...رایگان -
آموزش رایگان طراحی منو ناوبری موبایل با المنتور (طراحی قالب با المنتور وردپرس - قسمت دوازدهم)
افزونه های مورد نیاز: المنتور المنتور پرو امروزه رواج یافتن استفاده از موبایل ها، باعث شده است تا سایت ها هم به همان شکل موبایل محتویات خودشان را طراحی کنند. برای همین یکی از فاکتور های برتری سایت ها، ساده بودن جا به جا شدن بین صفحات سایت است. برای این کار باید منویی به نام منو ناوبری برای نشان دادن در سایت های نسخه موبایل طراحی کرد. برای این کار ابتدا قالب فوتری که از قبل طراحی...رایگان -
آموزش رایگان طراحی فوتر با المنتور (طراحی قالب با المنتور وردپرس-قسمت چهارم)
آموزش wordpressافزونه های مورد نیاز: المنتور المنتور پرو ما در آموزش قبلی یادگیری طراحی هدر رو آموزش دادیم و امروز می خوایم آموزش طراحی فوتر رو خدمتتون عرض کنیم. در ابتدا وارد پیشخوان کاربری شده و از تب قالب ها روی افزودن جدید کلیک می کنیم. حالا از داخل نوع قالب، حالت پاورقی را انتخاب می کنیم و نام دلخواهی را در زیر آن وارد می کنیم. بعد از آن روی ایجاد قالب کلیک می کنیم و منتظر می مانیم تا قالب های...رایگان -
آموزش رایگان طراحی صفحه 404 با المنتور (طراحی قالب با المنتور وردپرس - قسمت هشتم)
افزونه های مورد نیاز: المنتور المنتور پرو روزانه افراد مختلفی سایت های ما را جستجو می کنند، در این میان ممکن است گاهی اوقات آدرسی از سایت را به اشتباه وارد کنند و یا آن صفحه ای که می خواهند را پیدا نکنند. این جاست که ممکن است بازدید کننده به اشتباه فکر کند مشکل از اینترنت یا جای دیگر است، اما این طور نیست و او فقط آدرس را اشتباه وارد کرده است، حالا برای اینکه بازدید کننده را به سمت...رایگان -
آموزش رایگان طراحی هدر شفاف و چسبنده با المنتور (طراحی قالب با المنتور وردپرس - قسمت نهم)
افزونه های مورد نیاز: المنتور المنتور پرو امروزه سایت های شرکتی و تک صفحه ای برای بالابردن جذابیت صفحه اول سایت خودشان، سربرگ یا هدر شفاف برای سایت خودشان طراحی می کنند که این کار هنگامی که بازدید کننده به سمت پایین اسکرول می کند، باعث زیبایی منحصر به فردی می شود. ویژگی دیگر طراحی آن ها همراه شفاف کردن سربرگ، ثابت ماندن آن است که خود باعث سهولت در جا به جایی بین صفحات می شود. برای این...رایگان
هشتگ ها :
این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید