DotNetNuke 7 dépouillement tutoriel

Je ne vais pas trop entrer dans les détails, mais je vais définir certains des éléments clés sur DotNetNuke Skinning et des éventuels problèmes que vous pouvez rencontrer.

De la peau peuvent être rédigés dans l'une des deux façons, html ou un ascx. La façon la plus commune est par le biais d'un ascx.

• html : Lorsque vous utilisez cette méthode, toutes les modifications que vous apportez dans la peau ne sera pas appliquée jusqu'à ce que DotNetNuke analyse de la peau. Lorsque DotNetNuke cette analyse, il fera référence à votre manifeste pour analyser correctement toutes les valeurs de sorte qu'il affiche.

• ascx : De cette façon, n'a pas besoin d'être analysé, les modifications que vous apportez instantanément aller vivre. Ce qui rend la manipulation plus facile. Cependant, cela va contenir un manifeste pour définir votre contenu.

Maintenant, le moyen le plus facile d'imaginer DotNetNuke structure est à travers Panes et Containers. Essentiellement un Pane sera toujours enveloppé dans un Container.

Mais comment concevoir une peau?

Quelques choses à noter, avec DotNetNuke vous avez tendance à ne pas concevoir un site pour exactement ce que la page - Vous créer plus de structures complexes qui peuvent être utilisés dans un sens plus général. Par exemple:

Donc avec l'image ci-dessus, vous voyez quelques-uns des éléments clés tels que:

1. Logo
2. De recherche
3. Connexion
4. Menu
5. Bannière
6. Groupe de trois de Contenu.
7. Regroupement de quatre Contenu.
8. Un autre morceau de Contenu.
9. Pied de page qui sont regroupées par quatre en tant que bien.

Donc, essentiellement, nous avons une assez facile de structure de données. Qui comprennent normalement assez de base de l'organisation. Mais ma question est, comment voulez-vous compte ou appareils mobiles ou de différentes mises en page tels que:

Maintenant, vous avez un peu plus complexe. Eh bien, DotNetNuke vraiment gardé quelques considérations à Garder le développeur en tant que développeur, le designer le designer. Ce qui permet à de grands groupes de travail avec un site de la souplesse, sans détruire les uns les autres de travailler.

Dans tous les DotNetNuke skin, vous verrez ces:

<%@ Control language="C#" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>

Ce sont ceux-là? Eh bien, le premier est la définition de notre ascx. L'important, c'est la seconde. Essentiellement DotNetNuke a les jetons, les jetons vont permettre à la peau pour refléter les changements apportés au sein de DotNetNuke dans son interface.

Ainsi, lorsque l'on référence l'emplacement de noyau, plutôt que d'un objet statique. Cela permet à l' DotNetNuke interface automatiquement l'entrée du logo dans l'emplacement.

Whoa, vous m'avez perdu - Si c'est juste une référence comment spécifier l'emplacement?

<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>

Référence à notre objet. Pour spécifier l'emplacement à l'intérieur de notre site, vous feriez cela:

<div class = "example_logo">
    <dnn:LOGO runat="server" id="dnnLOGO" BorderWidth="0" />
</div>

Nous sommes donc essentiellement emballage de notre jeton objet dans un div élément. Ensuite, nous sommes effectivement en appelant notre token. Cela permettra de placer physiquement le logo de DotNetNuke interface dans votre site maintenant.

Essentiellement, cela élimine l'approche statique, et lui permet de devenir dynamique.

De sorte que ces sont importants, mais comment puis-je créer la structure?

<div id="Origin">
    <div class="Wrapper">
         <div id="Origin-Header">
            <div class="origin-header clearfix">

                 <!-- Header Elements -->
                 <div class=origin-logo>
                      <dnn:LOGO runat=server" id="dnnLOGO" BorderWidth="0" />
                 </div>
                 <div class="origin-login">
                       <dnn:LANGUAGE runat="server" id="dnnLANGUAGE" showMenu="false" showLinks="true" />
                       <dnn:LOGIN runat="server" id="dnnLOGIN" CssClass="login" /> |                      <dnn:USER runat="server" id="dnnUSER" CssClass="user" />
                       <dnn:SEARCH runat="server" id="dnnSEARCH" UseDropDownList="true" ShowSite="false" ShowWeb="false" />
                  </div>
            </div>
       </div>

        !-- Banner -->
        <div id = "Origin-Banner">
              <div class = "origin-banner-pane" id="origin-banner-pane" runat="server" />
        </div>

Ci-dessus est un exemple pour vous aider à démarrer. Comme vous le voyez, votre aide de vos connaissances essentielles à la construction du site de la structure. Votre juste de remplir le DotNetNuke Tokens dans votre conception. Ensuite où vous voulez que le DotNetNuke modules pour remplir vos sites de données à partir de la DotNetNuke interface est à l'intérieur de ces Panes.

Maintenant le prochain aspect important sera l'essentiel de l'emballage de votre peau. Ce sera effectivement vous assurer qu'il fonctionne correctement une fois qu'il est installé.

Vous pouvez obtenir plus d'informations à partir de http://www.dotnetnuclear.com et http://www.dnnchat.com

J'espère que cela fournit les bases pour vous aider à démarrer. Ce qui laisse l'emballage et le manifeste de la gauche.

J'espère que cela vous à droite en direction de et aide.

Hésitez pas à poser des questions ou à suivre de ces sites pour essayer et obtenir plus d'informations sur le sujet.

Comme Chris Hammond points dans le premier commentaire, ces tutoriels sont difficiles à trouver. @Chris - Merci pour la rédaction du Modèle de Module. La communauté, et je l'apprécie.

J'ai essayé d'apprendre à propos de DNN peaux de moi-même et est venu à travers les DNN Héros de site web qui a une bonne base didacticiel vidéo sur la façon de créer un skin pour un site.

Il peut être trouvé ici: http://www.dnnhero.com/Premium/Tutorial/tabid/259/ArticleID/80/1-How-to-create-my-first-skin-in-DotNetNuke-Part-1-6.aspx

Je ne pense pas que cette série est dans le libre jeu de la vidéo, donc vous devez vous y abonner pour la recevoir. Je suis un abonné et n'ai pas été déçu. Si vous avez besoin d'une introduction de peaux ou d'autre chose, DNN, le site est très instructif.