Kişiselleştirdiğimiz temaları kullanmak hepimiz için çok önemlidir. Kendi görüşümüzü zevkimizi yansıttığımız temalar BlogEngine.net içinde küçük bilgilerle çok kolay bir şekilde yapılabiliyor. Var olan CSS dosyalarını ve temaları düzenleyerek kolay bir şekilde tema oluşturabileceğiz. Bunun için öncelikle elimizde bir tema dosyası olması lazım. Tabi ki birde BlogEngine.Net sistemi kurulu olmalı. Bu arada temayı en iyi şekilde düzenleyebilmeniz için Visual Studio programını öneriyorum ve bu programın bilgisayarınız da var kurulu olduğunu düşünüyorum.
Temanın nasıl yapılacağını adım, adım izleyelim;
1. İnternette bir çok yerde bulabileceğiniz beğendiğiniz Taslaklardan birini indirin.
2. Taslağı Visual Studio ile açınız.
3. site.master adında bir Master Page oluşturun ve taslağa ekleyin.
4. PostView.ascx, CommentView.ascx, ve noavatar.jpg dosyalarını çalışan tema dosyanızdan kopyalayın.
- Şimdi Solution penceremizin şöyle olması gerekiyor.
5. site.master dosyasını açalım ve <%@ Master ... %> satırının altına aşağıda ki kodu yapıştırın:
<%@ Register src="~/admin/menu.ascx" TagName="menu" TagPrefix="uc1" %>
<%@ Import Namespace="BlogEngine.Core" %>
6. Bir taslak dosyası açın(örneğin index.html), ve bunu istediğiniz biçimde düzenleyin.
7. Header kısmında css dosyanıza link verin
8. Aşağıda ki komutları ayarladığınız alanlara yerleştirin:
Blog Başlığı:
<%=BlogSettings.Instance.Name %>
Blog Tanımı:
<%=BlogSettings.Instance.Description %>
Ana Sayfa Bağlantısı:
<asp:HyperLink ID=”HlHome” NavigateUrl=”~/default.aspx” runat=”server”>Home</asp:HyperLink>
Arşiv Bağlantısı:
<a href=”~/archive.aspx”>Archive</a>
Contact Link: <asp:HyperLink ID=”hlContact” NavigateUrl=”~/contact.aspx” runat=”server”>Contact</asp:HyperLink>
RSS Beslemesi Bağlantısı:
<a href=”<%=Utils.FeedUrl %>”>Feed</a>
Login Status Link: <asp:LoginStatus ID=”LoginStatus1” runat=”Server” LoginText=”Sign in” LogoutText=”Sign out” EnableViewState=”false” />
Blog İçeriği:
<blog:SearchOnSearch ID=”SearchOnSearch1” runat=”server” MaxResults=”3” Headline=”You searched for” Text=”Here are some results ort he search term on this website” />
<asp:ContentPlaceHolder ID=”cphBody” runat=”server” />
Son Postlar:
<blog:RecentPosts ID=”RecentPosts1” runat=”Server” />
Son Yorumlar:
<blog:RecentComments ID=”RecentComments1” runat=”Server” />
Kategoriler:
<blog:CategoryList ID=”CategoryList1” runat=”Server” />
Arşiv:
<blog:MonthList ID=”MonthList1” runat=”server” />
Admin Menüsü (<h2> başlık için isterseniz düzenleyebilirsiniz):
<% if (Page.User.Identity.IsAuthenticated){ %>
<h2>Administration</h2>
<uc1:menu ID=”Menu1” runat=”server” />
<%} %>
Arama Kutusu:
<blog:SearchBox ID=”SearchBox1” runat=”server” />
Takvim:
<blog:PostCalendar runat=”Server” NextMonthText=”>>” DayNameFormat=”FirstTwoLetters” FirstDayOfWeek=”Monday” PrevMonthText=”<<” CssClass=”calendar” BorderWidth=”0” WeekendDayStyle-CssClass=”weekend” OtherMonthDayStyle-CssClass=”other” UseAccessibleHeader=”true” EnableViewState=”false” />
Etiket Bulutu:
<blog:TagCloud ID=”TagCloud1” runat=”server” />
9. Şimdi Css dosyamızı zevkinize göre düzenleyin
10. Son olarak Themes dosyasının içine düzenlediğimiz temayı yüklemeniz gerekecek.