Aracılığıyla paylaş

İzlenecek yol: Görüntü içeren özel bir ana sayfayı ve site sayfasını içeri aktarma

Bu kılavuzda, bir SharePoint özel ana sayfasının ve görüntüsü olan bir site sayfasının Visual Studio SharePoint projesine nasıl aktarılacağını gösterilmektedir.

Bu izlenecek yol aşağıdaki görevlerin nasıl yerine getir yapılacağını gösterir:

  • SharePoint Tasarım Aracı'da bir resim kullanarak özel bir ana sayfa ve site sayfası oluşturun.

  • Özel bir ana sayfayı, görüntüyü ve site sayfasını SharePoint çözümü (.wsp) dosyasına aktarın.

  • SharePoint Çözüm Paketini İçeri Aktar projesini kullanarak .wsp dosyasını bir Visual Studio SharePoint projesine aktarın ve dağıtın.

    Not

    Bilgisayarınız, aşağıdaki yönergelerde yer alan Visual Studio kullanıcı arabirimi öğelerinden bazıları için farklı adlar veya konumlar gösterebilir. Sahip olduğunuz Visual Studio sürümü ve kullandığınız ayarlar bu öğeleri belirler. Daha fazla bilgi için bkz . IDE'yi kişiselleştirme.

Önkoşullar

Bu kılavuzu tamamlamak için aşağıdaki bileşenlere sahip olmanız gerekir:

  • Microsoft Windows ve SharePoint'in desteklenen sürümleri.

  • Visual Studio.

  • SharePoint Tasarım Aracı 2010.

SharePoint Tasarım Aracı'nde öğe oluşturma

Bu örnekte, dışarı aktarma için SharePoint Tasarım Aracı üç öğenin nasıl oluşturulacağı gösterilmektedir: özel ana sayfa, özel ana sayfaya başvuran bir site sayfası ve site sayfasında görüntülenecek bir görüntü dosyası. Resim SharePoint'teki /images/ klasörüne eklenir.

SharePoint Tasarım Aracı'da özel ana sayfa oluşturmak için

  1. SharePoint Tasarım Aracı Gezinti bölmesinde Ana Sayfalar site nesnesini seçin.

  2. Ana Sayfalar şeridinde Boş Ana Sayfa'yı seçin.

  3. Yeni ana sayfayı seçin ve ardından Ana Sayfalar şeridinde Dosyayı Düzenle'yi seçin.

  4. SharePoint Tasarım Aracı en altında Kod sekmesini seçin.

  5. Mevcut işaretlemeyi aşağıdaki işaretlemeyle değiştirin.

    <%@ Master Language="C#" %>
<%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<html dir="ltr">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<SharePoint:RobotsMetaTag runat="server" __designer:Preview="" __designer:Values="<P N='InDesign' T='False' /><P N='ID' T='ctl00' /><P N='Page' ID='1' /><P N='TemplateControl' ID='2' /><P N='AppRelativeTemplateSourceDirectory' R='-1' />"></SharePoint:RobotsMetaTag>
<title>Web Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ContentPlaceHolder id="ContentPlaceHolderMain"
        runat="server">
      </asp:ContentPlaceHolder>
</form>
</body>
</html>

  6. Sayfayı kaydedin, Ana Sayfalar sekmesini seçin ve ana sayfayı mybasic1.master olarak yeniden adlandırın.

SharePoint Tasarım Aracı'da içerik veritabanına resim ekleme

Artık site sayfasında görüntülenecek bir görüntü ekleyebilirsiniz. Görüntü SharePoint içerik veritabanına dağıtılır.

SharePoint Tasarım Aracı içerik veritabanına resim eklemek için

  1. Gezinti bölmesinde Tüm Dosyalar site nesnesini seçin ve sonra ağaç görünümünde images klasörünü seçin.

  2. Tüm Dosyalar şeridinde Dosyaları İçeri Aktar'ı seçin, istediğiniz dosyayı seçin ve ardından Tamam düğmesini seçin. Bu örnekte, dosya myimg1.png olarak adlandırılır.

    İsteğe bağlı olarak, görüntüleri düzenlemeye yardımcı olmak için bir alt klasör oluşturabilirsiniz.

  3. İçeri Aktar iletişim kutusunu kapatın.

Site sayfası oluşturma

Bu temel site sayfası, özel ana sayfayı kullanır ve önceki adımda eklediğiniz görüntüyü görüntüler.

Site sayfası oluşturmak için

  1. Gezinti bölmesinde Site Sayfaları nesnesini seçin.

  2. Sayfalar şeridinde Sayfa düğmesini seçin, ASPX sayfa türünü seçin ve ardından yeni dosyayı mycontentpage1.aspx olarak adlandırın.

    İsteğe bağlı olarak, site sayfalarını düzenlemeye yardımcı olmak için bir alt klasör oluşturabilirsiniz.

  3. Site sayfaları listesinde Özellikler sayfasını açmak için MyContentPage1.aspx'yi seçin ve sonra sayfanın en altında Dosyayı düzenle bağlantısını seçin.

    Bir ileti görüntülenir ve bu sayfanın güvenli modda düzenlenebilir hiçbir bölge içermediğini söyler ve bu sayfayı gelişmiş modda açmak isteyip istemediğinizi sorarsa Evet düğmesini seçin.

  4. Sayfanın en altında Kod düğmesini seçin.

  5. Mevcut işaretlemeyi aşağıdaki işaretlemeyle değiştirin.

    <%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Page Language="C#" Inherits="Microsoft.SharePoint.WebControls.LayoutsPageBase" MasterPageFile="../_catalogs/masterpage/mybasic1.master" meta:progid="SharePoint.WebPartPage.Document" %>

<asp:Content ID="Main" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">
<img alt="My Image" longdesc="My image from images folder" src="../images/myimg1.png" />
</asp:Content>

  6. Güncelleştirilmiş site sayfasını kaydedin.

SharePoint'ten öğeleri dışarı aktarma

Öğeleri SharePoint'ten SharePoint çözümü (.wsp) dosyasına aktarın.

SharePoint Tasarım Aracı öğeleri dışarı aktarmak için

  1. SharePoint Tasarım Aracı Gezinti bölmesinde Ekip Sitesi nesnesini seçin ve ardından Site şeridinde Şablon Olarak Kaydet'i seçin.

  2. Şablon Olarak Kaydet iletişim kutusunda bir dosya adı ve şablon adı girin, İçerik Ekle onay kutusunu seçin ve ardından Tamam düğmesini seçin.

    Bu, sitenin içeriğini .wsp dosyasına kaydeder.

  3. Çözüm dışarı aktarıldıktan sonra, kullanılabilir çözüm dosyalarının listesini görüntülemek için Çözüm Galerisi bağlantısını seçin.

  4. Yeni .wsp dosyasının kısayol menüsünü açın ve ardından Hedefi farklı kaydet'i seçerek dosyayı sisteme kaydedin.

Öğeleri Visual Studio'ya aktarma

.wsp dosyasını Visual Studio'ya aktarın. İçerik içeri aktarıldıktan sonra içeriği özelleştirebilir, daha fazla öğe ekleyebilir ve ardından dağıtabilirsiniz.

.wsp dosyasındaki öğeleri Visual Studio'ya aktarmak için

  1. Visual Studio'da bir SharePoint 2010 Çözüm Paketini İçeri Aktar projesi oluşturun.

  2. İçeri aktaracak öğeleri seçin sayfasındaki Tür sütunundaki Modül altında, içeri aktarma için yalnızca aşağıdaki tabloda yer alan dosyaların onay kutularını seçin.

    Dosya Adı Açıklama
    _catalogsmasterpage_ Özel ana sayfa.
    Görüntü_ SharePoint dosya sistemindeki görüntü dosyası.
    SitePages_ Site sayfası.

  3. Seçili öğeleri içeri aktarmak için Son düğmesini seçin.

  4. Çözüm Gezgini_catalogsmasterpage_ düğümünü seçin ve Dağıtım ÇakışmaSı Çözümü özelliğinin değerini Otomatik olarak ayarlayın.

    Bu, dağıtım çakışmalarının otomatik olarak çözümlenmesine yardımcı olur.

  5. Yeni ana sayfanız varolan bir sayfayla aynı ada sahipse, var olan sayfanın SharePoint Tasarım Aracı'nde Varsayılan Ana Sayfa veya Özel Ana Sayfa olarak işaretlenmediğinden emin olun.

    Mevcut bir ana sayfa Varsayılan Ana Sayfa veya Özel Ana Sayfa olarak işaretlenmişse, ana sayfanın silinemediğini belirten bir dağıtım hatası alırsınız. Bu sorunu önlemek için şunu yapın:

    • Mevcut ana sayfa Varsayılan Ana Sayfa olarak ayarlandıysa, geçici olarak başka bir ana sayfayı Varsayılan Ana Sayfa olarak ayarlayın. Dosyaları SharePoint'e dağıttığınızda, yeni ana sayfanızı Varsayılan Ana Sayfa olarak ayarlayın.

    • Mevcut ana sayfa Özel Ana Sayfa olarak ayarlandıysa, geçici olarak başka bir ana sayfayı Özel Ana Sayfa olarak ayarlayın. Dosyaları SharePoint'e dağıttığınızda, yeni ana sayfanızı Özel Ana Sayfa olarak ayarlayın.

  6. Menü çubuğunda Çözümü Derle'yi>seçin.

  7. Dağıtılan öğeleri görüntülemek için SharePoint sitesini açın.

    Dosyaları Visual Studio'ya içeri aktarmanın ve SharePoint'e dağıtmanın alternatif bir yolu, dosyaları Visual Studio'daki modüllere eklemektir. Daha fazla bilgi için bkz . Nasıl yapılır: Ana sayfayı veya temayı içeri aktarma ve Çözüme dosya eklemek için modülleri kullanma.

İlgili içerik