همانطور که در مطالب قبلی وعده داده بودیم در این مطلب آموزش تصویری ماژول اخبار و مقالات را به صورت تصویری بارگذاری می نماییم.
در بخش اول این ماژول که سامل 35 زیر بخش می باشد و توسط سازمان فناوری شهرداری تهران توسعه داده شده است
کاربران گرامی در صورتی که تمامی مراحل را یک به یک دنبال نمایند خیلی راحت می توانند از این ماژول قدرتمند استفاده نمایند.
DNN Article نه تنها یک ماژول قدرتمند برای مدیریت مقالات و ارسال ها می باشد، بلکه راه حلی جامع برای مدیریت محتوا (Content Management) را فراهم می نماید. محتواهایی مانند مقالات، اخبار، اطلاعیه ها ، کاتالوگ محصولات و .. می توانند در گروه های نامحدودی گروه بندی شوند. محتواهای جدید می توانند قبل از بارگذاری مدیریت شوند. مدیر می توانند نقش هایی مانند مدیریت را به دیگران منتسب نماید. همچنین می تواند در هنگام اضافه شدن محتوای جدید ایمیلی ارسال گردد. بازدید کنندگان می توانند بر روی محتوا ها توضیحات اضافه نمایند و یا به آن ها امتیاز دهند. البته آیتم های معمول DotNetNuke را نیز پشتیبانی می نماید مانند محلی نمودن، رابط های گرافیکی پورتال ، جستجو و ...
DNNArticle یک سیستم قابل گسترش می باشد. DNNArticle نسخه استاندارد شامل 9 زیر ماژول می باشد که در کنار هم محیط قوی و جذابی را ایجاد نموده اند. همچنین ماژول های انتخابی دیگری هستند که امکانات بیشتری در اختیار استفاده کننده می گذارند. همچنین تعداد این ماژول های انتخابی رو به افزایش می باشد. همچنین application های دیگری هم هستند که بر پایه DNNArticle می باشند مانند DNNArticle Blog و DNNArticle Product.
DNNArticle به طور کامل قالب هایی که براسال CSS طراحی شده اند را پشتیبانی می نماید. این گزینه های قابلیت انعطاف بیشتری را به کاربران می دهد و استفاده از آن را برای آن ها جذاب تر می نماید.
در این مطلب به معرفی ماژول ساده تب می پردازیم:
از آنجایی که در بسیاری از صفحات در ساخت پرتال مطالب زیادی وجود دارد نیاز به چنین ماژولی احسا خواهد شد
ماژول تب:
این ماژول با تب های مختلف محتوای مختلف را برای کاربران نمایش می دهد
دارای رنگ های مختلف برای نمایش آن
بدون نیاز به فلش پلیر
قابل استفاده در ورژن های مختلف دات نت نیوک
سازگار با انواع مختلف مرورگر
دارای ویرایش محتوا به صورت html و Css
نسخه 3.0.0
تاریخانتشار ، 2013 مه 17 در 07:00
وضعیت: پایدار
برای دریافت این ماژول پیام خود را در ادامه مطلب به همراه ایمیل قرار دهید تا ماژول برای شما ارسال شود.
از لندن به سیدنی، نیویورک به پاریس، تهران به شیراژ، نمایش های محلی شرایط آب و هوای فعلی و پیش بینی آینده آب و هوا در سایت خود با این ماژول داشته باشید.
با طراحی شیک و زیبا که جذابیت سایت شما را دو چندان خواهد نمود.
این نسخه به صورت کاملا رایگان و فارسی عرضه می گردد.
برای دریافت این ماژول پیام خود را در ادامه مطلب به همراه ایمیل قرار دهید تا ماژول برای شما ارسال شود.
مدیریت محتوای دات نت نیوک ورژن 7 در زمان ویرایش ماژول به حالت شفاف و ترنسپرنت در می آید که این موضوع سبب می گردد در این حالت موجب ناراضایتی کاربران گردد.
لذا در ادامه نحوه غیر فعال سازی این مورد را با هم مرور می نماییم.
تعیین DOCTYPE برای اسکین
برای اینکار کافی است با نام چیدمان مورد نظر یک فایل با پسوند doctype.xml بسازیم.
<SkinDocType> <![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]> </SkinDocType>
تعریف ناحیه‌ها
برای تریف یک المان HTML به عنوان Pane باید ویژگی زیر را یه آن اضافه کنیم.
runat=”server”
همچنین ID آن باید یه کلمه Pane ختم شود. این نکته را فرآموش نکنید که تک های td، div، span و p برای تعرین ناحیه‌ها در دات نت نیوک قابل قبول هستند.
Skin object ها
مفهوم Skin object را قبلا توضیح دادیم. موارد زیر به صورت پیش فرض به عنوان Skin object در دات نت نیوک موجود هستند. این موارد قابل گسترش می‌باشند. مستندات هریک را از اینجا بخوانید.
| BANNER | BREADCRUMB | COPYRIGHT |
| CURRENTDATE | DOTNETNUKE | HELP |
| HOSTNAME | LANGUAGE | LEFTMENU |
| LINKS | LOGIN | LOGO |
| MENU | NAV | PRIVACY |
| SEARCH | SOLPARTMENU | STYLES |
| TAGS | TERMS | TEXT |
| TREEVIEW | USER |
برای اضافه کردن یک Skin object کافی است آن را با تگ‌های Object و Param در فایل HTML خود تعریف کنید.
<object id="dnnLOGIN" codetype="dotnetnuke/server" codebase="LOGIN"> <param name="CssClass" value="user" /> </object>
منبع: رستا سافت
مقدمه
در این مطلب ابتدا سعی می‌کنیم تعاریف اولیه و مفاهیم مورد نیاز برای پیاده سازی یک قالب جدید برای دات نت نیوک را توضیح داده و در خلال آن برای درک بهتر یک اسکین جدید پیاده‌سازی کنیم.
مفاهیم پایه
دات نت نیوک از دو نوع اسکین HTML و ASCX پشتیبانی می‌کند. اسکین‌های HTML نیز هنگام نصب به ASCX تبدیل می‌شوند. هر اسکین شامل دو بخش است، اسکین (Skin) و کانتینر (Container) که می‌توانند در قالب یک پکیج (Package) و یا به صورت جداگانه نصب شوند.
اصطلاحات و ترمینولوژی
Layout: هر اسکین می‌تواند شامل چند چیدمان (Layout) باشد. منظور از چیدمان داشتن محل‌های مختلف قرار گیری المان‌های صفحه است.
فایل‌های Stylesheet: همچنین برای هر اسکین یک skin.css و برای هر چیدمان داخل آن یک فایل CSS با نام آن وجود خواهد داشت. فایل‌های CSS توضیح داده شده در صورت وجود به صورت خودکار وارد می‌شوند. به عنوان مثال برای چیدمان index.html فایل‌های skin.css و index.css در صورت وجود بارگذاری می‌شوند.
Pane: هنگام تعریف چیدمان‌ها (Layout) باید ناحیه‌هایی که قرار است در محیط مدیریت محتوای آن تعیین شوند را مشخص کنیم. به این ناحیه‌ها که در فایل‌های چیدمان تعریف می‌کنیم Pane گفته می‌شود. اینکه هر Pane چگونه پر شود کار کانتینر (Container) است.
Container: یکی از بخش‌های سیستم اسکین دات نت نیوک است. خروجی هر ویجت قبل از قرار گیری در اسکین داخل کانتینر قرار می‌گیرد. به عنوان مثال یک کانتینر می‌تواند شامل سربرگ (Header) و بدنه اصلی (Body) باشد و کانترینر دیگری تنها شامل بدنه اصلی باشد.
به عنوان مثال در قالب فوق کادرهای قرمز هرکدام یک Pane هستند، کانتینر برای Pane سمت چپ دارای سربرگ و بدنه اصلی و برای سمت راست تنها دارای بدنه اصلی است.
Skin object: برخی المان‌ها بین قالب‌های مختلف مشترک هستند و وجود دارند. به عنوان مثال؛ لوگو، باکس جستجو، لینک‌های ورود و ثبت نام، متن حق نشر و غیره. این موارد تحت عنوان Skin object به صفحه اضافه می‌شوند. هنوز ممکن است ترجیح دهید برخی از این موارد بعدا توسط محیط مدیریت در سایت در Pane هایی که تعریف کرده اید قرار داده شود که در این صورت Skin object نیستند.
اولین اسکین
گام اول: اولین اسکین می‌تواند تنها شامل کد زیر باشد، هیچ فایل CSS یا JS لازم نیست حتما وجود داشته باشد. اما حتما باید حداقل یک ناحیه (Pane) با نام ContentPane تعریف شده باشید. این کد را در فایلی با نام Index.html ذخیره کنید.
<!DOCTYPE html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>ّFirst Skin</title> </head> <body> <div id="ContentPane" runat="server"></div> </body> </html>
همانطور که قبلا گفته شد، هنگام نصب این اسکین آنچه داخل تگ body است به یک فایل ASCX تبدیل می‌شود. فایل تبدیل شده شبیه به کد زیر خواهد بود.
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %> <div id="ContentPane" runat="server"></div>
بعد از تبدیل HTML به ASCX از این به بعد دات نت نیوک با فایل ASCX کار می‌کند و دیگر با نسخه HTML کاری ندارد. اینکه تغییرات احتمالی را بعدا در فایل HTML اعمال کنید و دوباره آن را به ASCX تبدیل کنید و یا مستقیم با فایل ASCX کار کنید به سلیقه شما ربط دارد. هر یک از این دو روش مزایا و معایب خود را دارند. اما با توجه به این نکته که دات نت نیوک هر وقت که بخواهیم HTML را به ASCX تبدیل می‌کند، ترجیح کار با نسخه HTML است تا همواره یک نسخه از قالب را بیرون از دات نت نیوک داشته باشیم.