در اين آموزش المنتور قصد داريم تا يک حساب کاربري مشابه سايت ديجي کالا طراحي کرده و به عنوان صفحه کاربري اصلي سايت قرار دهيم.
از سري آموزش هاي طراحي بخش هاي مختلف سايت ديجي کالا مي توانيد به آموزش طراحي مگا منو سايت ديجي کالا با المنتور سر بزنيد.
ليست اقداماتي که در ادامه آموزش بايد انجام دهيم به شرح زير ميباشد:
در اين آموزش از افزونه هاي زير استفاده شده است. براي ادامه آموزش بايد اين افزونه را نصب کنيد:
براي ايجاد صفحه حساب کاربري، ابتدا وارد پيشخوان وردپرس شده و از بخش برگه ها، افزودن برگه را بزنيد. يک برگه با نام حساب کاربري من ايجاد کنيد.
برگه را منتشر کنيد و به بخش پيکربندي ووکامرس در پيشخوان ورد بريد. در تب پيشرفته، برگه حساب من را روي برگه اي که الان ايجاد کرديد قرار دهيد.
صفحه حساب کاربري ووکامرس را ايجاد کرديم. براي طراحي به مراحل بعد ميرويم.
از پيشخوان وردپرس، به تب نمايش رفته و گزينه فهرست ها را بزنيد.
يک فهرست جديد ايجاد کنيد و در ستون سمت چپ، تب گام پاياني ووکامرس را باز کرده و منو هاي حساب کاربري را داخل فهرست قرار دهيد.
در اين مرحله مي خواهيم براي هر منو يک آي انتخاب کنيم. در صورت نصب کردن افزونه Menu Icon از مخرن وردپرس، يک گزينه به نام Icon در هر منو اضافه شده و مي توانيد آي مربوطه را انتخاب کنيد.
روي آن کليک کرده و در صفحه باز شده آي مورد نظر خودمان را انتخاب مي کنيم.
براي ديدن آموزش طراحي سايت و سايدبار با المنتور روي لينک مقاله کليک کنيد تا آموزش طراحي سايدبار در وردپرس را فرا بگيريد.
با استفاده از اين افزونه مي توانيد از کتابخانه font awesome و چند کتابخانه ديرگ آي قرار دهيد. همچنين مي توانيد آي هاي با فرمت SVG را به صورت سفارشي آپلود کنيد. توجه کنيد استفاده از کتابخانه آي المنتور در اينجا امکان پذير نيست.
بعد از اينکه آي تمامي منو ها را انتخاب کرديم، فهرست را ذخيره مي کنيم.
بعد از انجام دادن مراحل بالا، زمان طراحي حساب کاربري با استفاده از المنتور رسيده است.
از پيشخوان وردپرس، تب قالب ها را زده و افزودن جديد را کليک کنيد. نوع قالب را روي گزينه تکي قرار داده و نوع نوشته را برگه انتخاب کنيد. دکمه ايجاد قالب را بزنيد.
صفحه باز شده در اموزش افزونه المنتور را به 2 ستون تقسيم مي کنيم. عرض محتوا را روي 1676 قرار مي دهيم. روي ستون سمت راست کليک ميکنيم و مقدار 21 درصد را قرار مي دهيم.
در ستون سمت راست، 2 ويجت بخش داخلي قرار مي دهيم. بخش بالايي اطلاعات کاربري مانند تصوير پروفايل کاربر، نام نمايشي و ايميل را قرار مي دهيم. در بخش داخلي پايين، ويجت فهرست ناوبري که در مراحل قبلي ايجاد کرديم را قرار دهيد.
توجه کنيد در ويرايشگر المنتور آي هايي که در براي فهرست ناوبري ايجاد کرديم را نمايش نمي دهد ولي در ظاهر سايت آي ها به درستي نمايش داده خواهد شد.
در ستون سمت چپ قرار است محتويات هر برگه حساب کاربري را نشان دهيم. براي همين منظور بايد از ويجت محتويات پست استفاده کنيم.
در انتها روي دکمه انتشار کليک مي کنيم تا پنجره شرابط نمايش نشان داده شود.
در اين قسمت بايد شرط اضافه کنيم. يک شرط با عنوان برگه ها که روي برگه حساب کاربري من تنظيم شده است را اضافه کنيد.
بعد از تتنظيم شرط ، مي توانيد به بخش برگه ها در پيشخوان وردپرس رفته و برگه حساب کاربري من را ويرايش کنيد.
از بخش برگه ها، برگه حساب کاربري من رازده و ويرايش با المنتور را کليک کنيد. زماني که وارد المنتور شويد، فقط بخشي که از ويجت محتويات پست استفاده کرديد را مي توانيد ويرايش کنيد.
بعد از نصب افزونه PowerPack ويجت حساب من به المنتور اضافه شده مي توانيد داخل صفحه قرار دهيد.
از تب زبانه ها تمامي گزينه ها را خاموش کنيد. از تب استايل فرم ها را سفارشي سازي کنيد.
در انتها مي توانيد صفحه را ذخيره کنيد و پيش نمايش را مشاهده کنيد.
اميدواريم که از اين آموزش هم به خوبي استفاده کرده باشيد. اگر مشکلي در استفاده از اين آموزش داريد در بخش نظرات مطح کنيد.
درباره این سایت