Nie zamierzam wdawać się w szczegóły, ale zdefiniuję niektóre kluczowe elementy związane z DotNetNuke Skinning
i niektórymi potencjalnymi problemami, jakie możesz napotkać.
Skórę można zapisać na jeden z dwóch sposobów: html
lub ascx
. Najpopularniejszy sposób to ascx
.
html
: Podczas korzystania z tej metody, wszelkie zmiany wprowadzone w skórze nie będzie stosowana aż DotNetNuke
analizuje skórę. Kiedy DotNetNuke
robi to analizowanie, odwoła się do twojego manifestu, aby poprawnie przeanalizować wszystkie wartości, które zostaną wyświetlone.
ascx
: W ten sposób nie trzeba analizować, zmiany, które wprowadzisz, zostaną natychmiast uruchomione. Co ułatwia manipulację. Jednak w dalszym ciągu będzie to manifest, który będzie również określał twoje treści.
Teraz najprostszy sposób sobie wyobrazić DotNetNuke
struktury jest przez Panes
i Containers
. Zasadniczo Pane
zawsze będzie zawijany w ramach Container
.
Ale jak zaprojektować skórkę?
Kilka rzeczy do zapamiętania, z DotNetNuke
masz tendencję do nie projektowania witryny dla tej strony - Tworzysz bardziej rozbudowane struktury, które mogą być używane w bardziej ogólnym sensie. Na przykład:
Więc z powyższej ilustracji widać kilka kluczowych elementów, takich jak:
- Logo
- Szukaj
- Logowanie
- Menu
- Banner
- Grupowanie trzech C często.
- Grupowanie czterech treści.
- Kolejny fragment treści.
- Stopka, która jest zgrupowana również przez cztery.
Zasadniczo mamy dość łatwą strukturę danych. Który zwykle zawiera pewną dość podstawową organizację. Ale moje pytanie jest, jak można uwzględnić lub urządzenia oraz różne układy stron, takich jak:
Teraz mają nieco bardziej złożony problem. Cóż, DotNetNuke
naprawdę zachował kilka uwag. Deweloper powinien zostać deweloperem, a projektant - projektantem. Co pozwala dużym grupom pracować z witryną na elastyczność bez niszczenia siebie nawzajem.
W każdym DotNetNuke
skóry zobaczysz te:
<%@ Control language="C#" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
Co to jest? Cóż, pierwszym jest zdefiniowanie naszego ascx
. Ważną rzeczą jest druga. Zasadniczo dostępne są tokeny, które umożliwiają skórze odzwierciedlenie zmian wprowadzonych w interfejsie użytkownika w zakresie DotNetNuke
.
Kiedy odwołujemy się do lokalizacji głównej, a nie statycznego obiektu. Dzięki temu interfejs DotNetNuke
automatycznie wprowadza logo w miejscu.
Whoa, straciłeś mnie - Jeśli to tylko referencja, jak możemy określić lokalizację?
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
Odwołuje się do naszego obiektu. Aby określić lokalizację w obrębie naszej strony byłoby to zrobić:
<div class = "example_logo">
<dnn:LOGO runat="server" id="dnnLOGO" BorderWidth="0" />
</div>
Więc zasadniczo owijania naszego obiektu tokenu w elemencie div
. Wtedy wzywamy nasz token. Spowoduje to fizyczne umieszczenie logo z interfejsu DotNetNuke
w Twojej witrynie.
To zasadniczo eliminuje statyczne podejście i pozwala mu stać się dynamicznym.
A więc są one ważne, ale jak utworzyć strukturę?
<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>
Powyższy przykład stanowi dobry początek. Jak widzisz, używając swojej niezbędnej wiedzy do budowy struktury strony. Właśnie wkleiłeś DotNetNuke Tokens
do swojego projektu. Następnie, jeśli chcesz, aby moduły DotNetNuke
wypełniały dane witryn z interfejsu DotNetNuke
, mieszczą się w zakresie Panes
.
Następnym ważnym aspektem będzie podstawowe opakowanie Twojej skóry. To faktycznie zapewni, że działa poprawnie po zainstalowaniu.
Możesz uzyskać więcej informacji z http://www.dotnetnuclear.com i http://www.dnnchat.com
Mam nadzieję, że to daje podstawy, aby zacząć grę. Co pozostawia opakowanie i zamienia się w lewo.
Mam nadzieję, że to cię w odpowiednim kierunku i pomaga.
Możesz zadawać pytania lub śledzić te witryny, aby uzyskać więcej informacji na ten temat.
Niestety dla skórek DNN trudno jest znaleźć tutoriale –
Nie jestem pewien, jak szybko to zrobisz, ale postaram się napisać o tym blog. – Greg
hej .. znalazłeś coś przydatnego .. Potrzebuję również zaprojektować skórkę od początku – shashwat