{ jQuery, CSS, Wordpres }Yine de sen! önce SEN!

Web Tasarım’ Kategorisinin ‘ Arşivi

WordPress Temaya Ayar Sayfası Ekleme

Merhaba arakdaşlar.. Bildiğiniz üzere bir çok premium temada WordPress Admnin paneli içerisinde zorlanmadan kullanabileceğiniz bir ayar sayfası mevcuttur. Bu ayar sayfası içerisinde kodlarla uğraşmadan otomatik düzeltebileceğiniz alanlar mevcuttur. Bu yazımda bu ayar sayfasını nasıl oluştururuz onu anlatacağım.

Neler Yapacağız?

Başlamadan önce neler yapacağız, Temamızda ne gibi değişiklikler yapacağız bunları başlıklar halinde belirtip daha sonra açıklamalarını vereceğim.Yani WordPress admin panelimizde hangi ayarları değiştirebileceğiz ,neleri kullanabileceğimizi başlıklar halinde yazalım;

15 Adet Harika CSS Araçları

Bildiğiniz üzere Web, Grafik ya da Kod tasarım içerisinde Dünyanın önce gelen e-ticaret sitesi olan hem kazanıp hem de kazandıran şirketi envato içerisinde Codecanyon bölümü mevcut.. Codecanyonun içeriğini merak ediyorsanız şuraya tıklayın..

Bu yazımda bahsedeğim şey, Codecanyon içerisinde satışa sunulan 15 adet CSS aracıdır.. bunları satın almak için yazı başlıklarına tıklayıp üye olmalısınız. Daha sonra ödeme yaptıktan sonra satın al butonunu kullanarak size bir download adresi açılacaktır buradan indirebilirsiniz..

1. Griddler Pricing Grid I

Griddler Pricing Grid

“ HTML5 /CSS3Stili ile tüm browserlara uyum gösteren bir HTML5/CSS3 Plugini.”


2. CSS3 Buttons

CSS3 Buttons

“Birinden farklı ve güzel CSS Butonları, PSD değil CSS!”


3. Droplink

Droplink

“Envato ve içerisindeki bütün sitelerde bulunan menü butonlarını yapan bir arkadaş bu çalışmasını satışa çıkarmış.”


4. Griddler Pricing Grid II

Javascript 3D Model Görüntüleyici

Javascript 3 Boyutlu Hareketlendirme

Javascript 3 Boyutlu Hareketlendirme

İnternette gezinirken rastladığım Javascript 3d Model Viewer adıyla, öncelik olarak vektör şablonlarını mouse hareketini izleyerek 3 Boyutlu halde hareketlendirme kazandıran sisteme sahip bir Javascript kontrol elemanı..

Yaratıcılık ve düşünsel kavramı işlevselleştirebilme hareketleri hoşuma gittiği için paylaşmak istedim.

İki kötü yanı mevcut ki İnternet Explorerda çalışmamakta ve 3 boyutlu hareketlendirme biraz yavaşcadır, fakat düşünce süper. Bu yazının devamını okumak için »

63 Dünya Devi Webmaster Blogu

1. Techime/webdesign

Techime.com sitesi bir blogdan ziyade daha çok bir haber alıcısı. Tasarım ve ilham kategorileri diğer bloglardaki en popüler linkleri ve en taze haberleri alarak size zaman kazandırıyor. İlginç ve iyi bir proje.

Techime / WebdesignTechime / Webdesign

2. Noupe

Noupe blogu geçtiğimiz günlerde SmashingMagazine tarafından satın alındı. Bu sebeple sitede önümüzdeki günlerde daha da kaliteli yazıları görmek üzere olduğumuzu söylemek yerinde olur. Noupe, tasarımcılar ve web geliştiricileri için CSS, AJAX, JavaScript, web tasarımı, grafik tasarımı, tipografi, reklamcılık ve daha diğer pek çok kategoride yazılar site üzerinde yer alıyor.

NoupeNoupe

3. Six Revisions

Six Revisions modern, standartlarla uyumlu web tasarımcıları ve web geliştiricileri için kullanışlı ve pratik bilgileri sunan bir weblog. Her web profesyonelinin beğeneceği düzeyde kaliteli ve kayda değer ipuçlarını, dersleri ve kaynakları yayımlıyor. İlham kaynağı olacak güzel tasarım bloglarından jQuery ve MooTools gibi JavaScript çatılarına kadar pek çok alanda kaliteli içeriğe site üzerinden ulaşabilirsiniz.

Six RevisionsSix Revisions

[ad]

4. Smashing Magazine

Herhangi bir açıklamaya gerek görmeyen, bize göre Dünya’nın en kaliteli tasarım blogu.

Smashing MagazineSmashing Magazine

5. Design reviver

Kullanışlı dersler, ilham kaynakları ve web tasarımı ile ilgili konuları kapsayan makaleleri içeriyor.

DesignreviverDesignreviver

6. Abduzeedo

Abduzeedo tümüyle tasarıma yönelik bir blog olup Photoshop, Illustrator ve diğer tasarım araçlarına yönelik derslere ve ilham kaynaklarına yer veriyor. Yetenekli tasarımcı Fabio Sasso tarafından yönetiliyor.

AbduzeedoAbduzeedo

7. Webdesigner depot

Web tasarımcılarına yönelik web tasarım kaynaklarını içeren bu blog ayrıca ücretsiz simgeler, photoshop fırçaları ve web ve grafik tasarımcılarına yönelik çeşitli araçlara yer veriyor.

Webdesigner DepotWebdesigner Depot

8. Web Designer Wall

Web Designer Wall bir tasarım blogu olup Nick La tarafından tasarlanan ve yönetilen bir site. Konular web tasarımına, derslere ve modern tasarım trendlerine odaklanıyor.

WebdesignerwallWebdesignerwall

9. Speckyboy

Tasarım ve teknolojideki ilham kaynaklarına odaklanan bu blog üzerinde Photoshop ve Illustrator’a yönelik harika rehberler mevcut.

SpeckyboySpeckyboy

10. NetTuts

Nettuts+ web geliştiricilerine ve tasarımcılarına yönelik bir içeriğe sahip ve web tasarımı ve geliştirimi için aranan nitelikleri iyileştirmenizi sağlayacak rehberler ve makaleler içeriyor. Site üzerinde HTML, CSS, JavaScript, İçerik Yönetim Sistemleri (CMS), PHP ve Ruby on Rails’e dair içerik mevcut.

nettutsnettuts

11. Design Mag

Web tasarımcılarına ve geliştiricilerine yönelik komünite tabanlı bir site. Site içeriği popüler bir blodan, kullanıcıların gönderdikleri haberler bölümünden, tasarım galerisinden ve tasarımcılara yönelik iş ilanları bölümünden oluşuyor.

DesignMagDesignMag

12. CSS Tricks

CSS ile ilgil kod parçacıkları, videolar ve makalelerden oluşan güzel bir kolleksiyon.

CSS TricksCSS Tricks

13. Web Resources Depot

WebResourcesDepot sitesinin ziyaretçilerinin %99′unu web geliştiricileri, web tasarımcıları & grafik tasarımcıları ya da web tasarımı ve geliştirimi ile şu ya da bu şekilde ilgilenen kişilerden oluşuyor.

WebResourcesDepotWebResourcesDepot

14. Spoon Graphics

Chris Spooner tarafından işletilen ve web tasarımcılarına yönelik makalelere ve kaynaklara yer veren bir blog.

Spoon GraphicsSpoon Graphics

15. We function

Tasarımcılara yönelik mükemmel bir site. Mükemmel kalitede ücretsiz kaynaklara sahip.

Spoon GraphicsSpoon Graphics

16. Just Creative Design

Sydney, Avustralya merkezli bir grafik ve logo tasarımcısı olan Jacob Cass’a ait bir blog. Özellikle logo tasarımına yönelik makaleleri dikkat çekici.

Just Creative DesignJust Creative Design

17. You The Designer

Yaratıcı profesyonellere yönelik ipuçları, ilham kaynakları, dersler ve kaynaklar içeren bir blog.

You The DesignerYou The Designer

18. Gomediazine

Ücretsiz dersler ve işe yarar tavsiyeleri içeren mükemmel bir web sitesi.

GooMediazineGooMediazine

19. David Airey

Fiyatlama, tasarım işlemleri, müşteri ilişkileri gibi alanlarda kaliteli makaleler içeriyor.

David AireyDavid Airey

20. Design You Trust

Design You Trust sitesi yeni tasarım trendleri, haberler ve etkinliklere yönelik makaleler içeren günlük bir e-dergi.

Design You TrustDesign You Trust

21. Veerle’nin blogu

Web tasarımı, grafik tasarımı, HTML/CSS ve daha pek çok konuda makaleler içeren kullanışlı bir blog.

Verlee's BlogVerlee’s Blog

22. Bittbox

Aralarında motiflerin, dokuların, fırçaların ve vektör grafiklerin yer aldığı kaliteli bir kolleksiyon.

BitboxBittbox

23. A list apart

Web tasarımına yönelik kaliteli ve detaylı makaleler içeren bir blog.

A List ApartA List Apart

24. The Design Inspiration

The Design Inspiration en iyi logoları, illüstrasyonları, web sitelerini, fotoğrafları ve motifleri topluyor.

The Design InspirationThe Design Inspiration

25. Stylized web

Ross Johnson tarafından işletilen ve web trendlerine yönelik bir blog.

Stylized WebStylized Web

26. Inspired Magazine

Inspired Magazine blogu üzerinde grafik ve web tasarımına yönelik ilham kaynakları içeren pek çok makale mevcut.

Inspired MagazineInspired Magazine

27. Vandelay Tasarım Blogu

Vandelay Tasarım Stüdyosu’na ait ve düzenli olarak güncellenen makalelere, kaynaklara ve web ve grafik tasarımcılarına yönelik ilham kaynaklarını içeren bir blog.

Vandelay DesignVandelay Design

28. Creative Nerds

Tasarımcılara yönelik ilham kaynakları, ücretsiz kaynaklar ve dersler içeriyor.

Creative NerdsCreative Nerds

29. Inspiredology

Bu blog üzerinde web tasarımına yönelik en güncel trendler yer alıyor.

InspiredologyInspiredology

30. Dzine blog

Aralık 2007′de kurulmuş olan Dzine blog’u üzerinde tasarıma dair pek çok şey bulabilirsiniz. Logo, grafik tasarımı ve web tasarımına yönelik kaliteli içerik mevcut.

Dzine BlogDzine Blog

31. Instant Shift

Gerçekten kaliteli ve hızla büyüyen bir blog. Site üzerinde dev kolleksiyonlara ulaşılabilir.

InstantShiftInstantShift

32. ColorBurned

Colorburned web’in en iyi tasarım haberlerini, kaynaklarını ve rehberlerini bünyesinde barındırıyor. Bu web sitesi üzerinde ücretsiz vektörlere, dokulara, motiflere, Illustrator ve Photoshop fırçalarına ulaşabilir, bunun yanısıra tasarım endüstrisinin en büyük oyuncuları ile yapılmış röportajları okuyabilirsiniz.

ColorBurnedColorBurned

33. Tutorial9

Tutorial9 sitesi özellikle tasarım alanında eğitim veren kişilere ve diğer uzmanlara yönelik bir site.

Tutorial9Tutorial9

34. SmashingApps

SmashingApps sitesi web tasarımcılarına ve geliştiricilerine yönelik hazırlanmış, açık kaynaklı, ücretsiz ve kullanışlı çevrimiçi kaynakları listeliyor.

SmashingAppsSmashingApps

35. Web Design Ledger

Web tasarımcılarına yönelik makaleler, dersler ve diğer yayımları içeriyor.

Web Design LedgerWeb Design Ledger

36. Webitect

Webitect.net sitesi ipuçlarını, dersleri ve makaleleri içermekle birlikte sitenin tasarım kategorisinde ilham alınacak bazı mükemmel kaynaklar mevcut.

WebitectWebitect

37. Sharebrain

Sharebrain sitesinde bazı kaliteli makalelere, röportajlara ve derslere ulaşmak mümkün.

ShareBrainShareBrain

38. Cats Who Code

Cats Who Code sitesi web kodlamasına yönelik çalışan kişiler için, Programlama dillerine, Bloglama ipuçlarına ve web tasarımı ile WordPress’e yönelik içeriğe sahip.

Cats Who CodeCats Who Code

39. DezinerFolio

Dezinerfolio sitesi web tasarımının ve geliştiriminin yaratıcı alanlarına kendini adamış bir web sitesi olup, tekrar tekrar kullanılabilecek tasarım parçalarına ve ücretsiz kaynaklara yer veriyor.

Deziner FolioDeziner Folio

40. Spoonfed Design

Spoonfed Design, tasarımcılara ve geliştiricilere yönelik kaynaklara, derslere ve ipuçlarına ve ilham kaynaklarına yer veren bir site.

Spoonfed DesignSpoonfed Design

41. Usability Post

Usability Post tasarım hakkında bir blogdur. Tasarım bir şeyin nasıl göründüğü ile ilgili değil, onun nasıl çalıştığı ile ilgilidir felsefesini benimseyen site, bir şeyin kullanılabilir olması sayesinde insanların ürününüzden neler beklediğini anlamanıza ve bu sayede onu daha sade ve kullanılabilir kılmanızın mümkün olduğuna inanıyor ve buna yönelik kaynakları da site üzerinden paylaşıyor.

Usability PostUsability Post

42. WP Recipes

WordPress ile ilgili gündelik tarifler.

WP RecipesWP Recipes

43. 10Steps

Ağustos 2008′de yayın hayatına başlayan bu blog, Adobe Photoshop deneyimlerini ve diğer ilgi çekici makaleleri paylaşan bir site.

10steps10steps

44. ProBlogDesign

Bu web sitesi daha iyi görünen bir blogu nasıl oluşturacağınızı gösteriyor.

Pro Blog DesignPro Blog Design

45. Dzinepress

Grafik ve web tasarımına, programlamaya, ilham kaynaklarına, tasarım vitrinlerine, Photoshop’a, derslere ve çok daha fazlasına dair pek çok şey okuyabileceğiniz güzel bir blog.

Dzine PressDzine Press

46. Typesett magazine

Bu blog daha henüz 6 aylık ancak yine de uzun vadede güzel işler çıkaracak gibi görünüyor.

Typesett MagazineTypesett Magazine

47. My ink blog

Andrew Houle tarafından geliştirilen ve yönetilen bu blog, web ve grafik tasarımcıları için bir başucu kaynağı olmayı hedefliyor.

My Ink BlogMy Ink Blog

48. D-lists

Web tasarımına yönelik detaylı listeler içeren bu site üzerinde haftalık web ilham kaynaklarına yönelik içerik mevcut. Site üzerinde ayrıca incelemeler ve röportajlar mevcut.

D-listsD-lists

49. Spyrestudios

Jon Phillips tarafından geliştirilen gerçekten güzel bir blog.

Spyre StudiosSpyre Studios

50. Designer daily

Gündelik olarak haberlere, ilham kaynaklarına ve derslere yer veren bir blog.

Designer DailyDesigner Daily

51. 2experts design

2experts blogu okurlarına grafik tasarımı, logo tasarımı ve web tasarımı hakkında çeşitli kaynakları sunmayı hedefliyor.

2ExpertsDesign2ExpertsDesign

52. Reencoded

Web tasarım ipuçları, kılavuzlar ve alakalı kaynaklar.

ReencodedReencoded

53. Colour lovers

Renklere yönelik bir tasarım blogu.

Colour LoversColour Lovers

54. Naldz Graphics

Bu blog üzerinde mükemmek Photoshop dersleri ve fırçaları mevcut.

Naldz GraphicsNaldz Graphics

55. Line25

Line25 üzerinde iyi tasarım dersleri ve diğer kaliteli web sitelerinin incelemeleri mevcut.

Line25Line25

56. WebDesignBooth

WebDesignBooth sitesi üzerinde web tasarımı, web geliştirimi, JavaScript, CSS/XHTML, Arama Motoru Optimizasyonu, reklamcılık, duvar kağıtları, Photoshop kaynakları ve diğer benzeri kaynaklar mevcut.

Web Design BoothWeb Design Booth

57. DesiznTech

Web tasarımcıları, geliştiricileri, teknoloji ile yakından ilgili ve diğer tasarım ile ilgilenen herkese yönelik bir blog.

DesiznTechDesiznTech

58. Janko At Warp Speed

Çözüm mimarı, geliştirici, tasarımcı ve sanatçı Janko Jovanovic tarafından yönetilen bu blog üzerinden iyi görünümlü ve işlevsel web siteleri olşturmanıza yardımcı ipuçlarına yer veriliyor.

Janko at Warp SpeedJanko at Warp Speed

59. Think Design

ThinkDesign grafik tasarımcılarına yönelik bir blog olup ücretsiz WordPress temaları, kaynaklar ve diğer ücretsiz web tasarım elementlerine sahip. Ücretsiz kaynaklar arasında yüksek çözünürlüğe sahip Photoshop fırçaları, vektörler ve dokular yer alıyor.

Think DesignThink Design

60. DesignShard

Tasarım ipuçlarından Photoshop fırçaları ve dokuları gibi ücretsiz web tasarım elementlerine kadar pek çok alanda içeriğe sahip kaliteli bir blog.

Design ShardDesign Shard

61. Webdesigndev

WebDesignDev (WDD) 2006 yılının yaz aylarında açılan, web tasarımcıları için bir kılavuz sitesi.

WebDesignDevWebDesignDev

62. Kikolani

Kikolani bloglamanın teknik açıları ve sosyal ağ ipuçları, fotografi ve şiirin güzelliği ve bunun yazarlara ve okurlara olan faydalarına kendini adamış bir blog.

KikolaniKikolani

63. Exxcorpio Blog

Luis Lopez’in kişisel blogu olan bu site üzerinde grafik ve animasyon oluşturmaya dair kılavuzlara, iş ve tasarım dünyasına yönelik ipuçlarına ulaşabilir, bu konudaki haberleri takip edebilirsiniz.

Exxcorpio

Kaynak

İçerik yer tutucusundaki içeriği değiştirme

İçerik yer tutucusunda yaptığınız değişikliklerin sitenin tümüne uygulanmasını istiyorsanız, ana sayfada içerik yer tutucusunu değiştirin. Tek bir içerik sayfasındaki içeriği de değiştirebilir, böylece o içerik sayfasına ana sayfa tarafından sağlanan varsayılan içeriği geçersiz kılabilirsiniz.

Not Yalnızca içerik yer tutucularının içindeki içeriğin değil, bir ana sayfadaki içeriğin tamamı üzerinde değişiklik yapabilirsiniz. Bir ana sayfada yapılan değişikliklerin tümü o ana sayfaya eklenen içerik sayfalarının tümüne uygulanır.

İçerik yer tutucusu değişikliklerini sitenin tamamına uygulama

Bir ana sayfada değişiklik yaptığınız zaman değişiklikleriniz o ana sayfaya eklenen sayfaların tümüne uygulanır. Aşağıdaki örnekte YerTutucuSiteAdı içerik yer tutucusunu seçerek ve ardından varsayılan içeriği özel içerikle değiştirerek ana sayfadaki site adı metnini değiştiriyorsunuz. Sayfayı kaydettiğinizde değişiklikler o ana sayfaya eklenen sayfaların tümünde görünür.

  1. Default.master sayfasını açmak için Klasör Listesi‘nde _catalogs, ana sayfa ve default.master öğelerini çift tıklatın.
  2. Ana Sayfa araç çubuğunu açmak için Görünüm menüsünde Araç Çubukları‘nın üzerine gelin ve Ana Sayfa‘yı tıklatın.
  3. Değiştirmek istediğiniz içerik yer tutucusunu bulmak için Ana Sayfa araç çubuğunu kullanın.Örneği uygulamak için Ana Sayfa araç çubuğunda oku tıklatın ve ardından listeden YerTutucuSiteAdı öğesini tıklatın.
  4. Proje özelliğini seçmek için Takım Sitesi metnini tıklatın.Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
    Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
  5. Siteniz için yeni bir ad girin ve ardından Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.Değişiklikleri kaydettiğiniz zaman site tanımından bir sayfanın özelleşeceğini bildiren bir ileti görünür. Evet‘i tıklatın. Not Ana sayfada yaptığınız değişikliklerden hoşnut olmazsanız, istediğiniz zaman site tanımına geri döndürebilirsiniz. Daha fazla bilgi için, Özelleştirilmiş sayfayı site tanımına geri döndürme başlıklı makaleye bakın.

Değişiklikler, o ana sayfaya ekli sayfaların tümüne uygulanır.

Not İçerik sayfası zaten ana sayfa içeriğini geçersiz kılıyorsa değişiklikler içerik sayfasına uygulanmaz.

İçerik yer tutucu değişikliklerini yalnızca tek bir içerik sayfasına uygulama

Tek bir içerik sayfasında değişiklik yaptığınız zaman değişiklikler yalnızca o sayfaya uygulanır. Bir içerik sayfasındaki içerik yer tutucusuna özel içerik eklediğinizde o sayfa için içerik denetimi oluşturarak ana sayfanın o içerik yer tutucusu için sağladığı varsayılan içeriği geçersiz kılarsınız. Aşağıdaki örnekte YerTutucuSiteAdı içerik yer tutucusunu seçerek ve ardından içeriği özel metinle değiştirerek varsayılan giriş sayfasındaki site adı metnini değiştiriyorsunuz. Sayfayı kaydettiğinizde değişiklikler yalnızca Default.aspx üzerinde görünür.

  1. Klasör Listesi‘nde default.aspx öğesini çift tıklatın.
  2. Takım Sitesi metnini tıklatın ve ardından içerik yer tutucusunun sağ üst köşesinde görünen oku tıklatın.Takım Sitesi Tasarım görünümünde YerTutucuSiteAdı yer tutucusunun içinde görünürSekmenin üzerinde (Ana) sözcüğünü göreceksiniz. Bu, içerik bölgesinin ana sayfadan içerik görüntülediği anlamına gelir. Bu bölge düzenlenemez.
  3. Özel İçerik Oluştur seçeneğini tıklatın.Genel İçerik Görevleri listesiSekmenin üzerinde (Özel) sözcüğünü göreceksiniz. Bu, bu bölgedeki özel içeriğin ana sayfadaki içeriği geçersiz kıldığı anlamına gelir. Bu bölge artık düzenlenebilir.
  4. Proje özelliğini seçmek için Takım Sitesi metnini tıklatın.Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
    Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
  5. Giriş sayfanız için yeni bir site adı girin ve ardından Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.Değişiklikleri kaydettiğiniz zaman site tanımından bir sayfanın özelleşeceğini bildiren bir ileti görünür. Evet‘i tıklatın. Not Ana sayfada yaptığınız değişikliklerden hoşnut olmazsanız, istediğiniz zaman site tanımına geri döndürebilirsiniz. Daha fazla bilgi için, Özelleştirilmiş sayfayı site tanımına geri döndürme başlıklı makaleye bakın.

Değişiklikler yalnızca Default.aspx sayfasına uygulanır.

Ana sayfadan varsayılan içeriğe dönmek için Takım Sitesi metnini, denetimin sağ üst köşesinde görünen oku ve ardından Ana Sayfa İçeriğini Varsayılan Olarak Ata tıklatın.

Ana sayfa içeriğini varsayılana döndürdüğünüz zaman bu bölgedeki her şeyin sayfadan kaldırılacağını bildiren bir ileti görünür. Bu bölgedeki özel içeriğin kaybolacak olmasına karşın ana sayfa içeriğine dönmek istiyorsanız Evet‘i tıklatın.

Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.

Varsayılan içerik yer tutucuları içeriklerini nereden alır?

Varsayılan olarak, Windows SharePoint Services 3.0 sitesinin varsayılan ana sayfası olan Default.master sayfasındaki içeriğin çoğu sayfa üzerinde kodlanmamıştır. İçeriğin büyük kısmı, içeriğini sunucudan alan ASP.NET SharePoint Web denetimlerinden gelir. Tarayıcıda içerik sayfası istendiğinde, bu içerik sunucudan getirilir ve sayfada görüntülenir. Örneğin, varsayılan giriş sayfasının (default.aspx) en sol bölümünde görünen “Takım Sitesi” metni, içeriği sunucudan getiren bir ASP.NET SharePoint Web denetimi tarafından sağlanır. “Takım Sitesi” metni Kod görünümünde HTML etiketlerinin içinde görünmez. İçerik yer tutucusundaki içeriği değiştirme adlı bölümde açıklandığı şekilde Microsoft Office SharePoint Designer 2007 uygulamasını kullanarak bu metni özel içerikle değiştirebilirsiniz.

Takım Sitesi bir içerik yer tutucusunun içinde görünür

Bir içerik yer tutucusunu bulma

İçerik yer tutucuları yalnızca ana sayfalarda görünür. İçerik yer tutucularını bir Windows SharePoint Services 3.0 sitesinde görüntülemek için Boş Kapsayıcılar ve Görünür Kenarlıklar görsel yardımları etkin olmalıdır. Görünüm menüsünde Görsel Yardımlar‘ın üzerine gelin ve ardından Boş Kapsayıcılar‘ı ve Görünür Kenarlıklar‘ı tıklatın. Alt menüde Göster öğesinin seçili olduğundan emin olun.

Boş Kapsayıcılar ve Görünür Kenarlıklar düğmeleri etkinleştirildiklerinde burada gösterildiği gibi turuncuyla vurgulanırlar.

Açılan ve menüde vurgulanmış halde görülen Görsel Araçlar

Ana Sayfa araç çubuğunu kullanarak Tasarım görünümündeki içerik yer tutucularını kolaylıkla bulabilirsiniz.

  1. Ana Sayfa araç çubuğunu açmak için Görünüm menüsünde Araç Çubukları‘nın üzerine gelin ve Ana Sayfa‘yı tıklatın.
  2. Bir içerik yer tutucu denetimini seçmek için oku tıklatın ve ardından bulmak istediğiniz içerik yer tutucu denetimini tıklatın.

Aşağıdaki resimde, Ana Sayfa araç çubuğunda YerTutucuBaşlıkKırıntısı seçilidir.

Ana Sayfa araç çubuğu

Tasarım görünümünde seçildiğinde içerik yer tutucusu aşağıdaki resimde olduğu gibi görünür. Sekmede yer tutucu kimliği gösterilmektedir.

Tasarım görünümünde göründüğü şekilde içerik yer tutucu sekmesi

Tasarım görünümünde göründüğü şekilde içerik yer tutucu sekmesi

 

Ana Sayfa araç çubuğunu kullanarak bir içerik yer tutucusu seçtiğinizde, içerik yer tutucusu Hızlı Etiket Seçici‘de de seçilir.

 İpucu   Hızlı Etiket Seçici görünmüyorsa, Görünüm menüsünde Hızlı Etiket Seçici‘yi tıklatın.

Hızlı Etiket Seçici'de göründüğü şekilde içerik yer tutucusu

Hızlı Etiket Seçici’de göründüğü şekliyle içerik yer tutucusu

 

Tasarım görünümünde veya Kod görünümünde Ana Sayfa araç çubuğunu kullanabilirsiniz.

Bir Windows SharePoint Services 3.0 sitesindeki Default.master sayfasında varsayılan içerik yer tutucuları

Varsayılan olarak Windows SharePoint Services 3.0 içerik sayfaları aşağıdaki tabloda listelenen içerik yer tutucularını kullanır. Bu tabloda, içerik yer tutucuları tanımlanır ve yer tutucuların her birinin sayfada neyi temsil ettiği açıklanır.

Default.master sayfasında yer alan varsayılan içerik yer tutucuların çoğu Windows SharePoint Services 3.0 uygulamasının birlikte çalışma özellikleri (SharePoint listeleri ve kitaplıkları gibi) için gereklidir ve bu nedenle silinmemelidirler.

Burada listelenen varsayılan içerik yer tutucularının görsel bir önizlemesi için önceki bölümde açıklandığı şekilde Ana Sayfa araç çubuğunu kullanın.

İçerik yer tutucusu Açıklama
YerTutucuGövdeAlanıSınıfı Sayfa üstbilgisinde ek gövde stilleri
YerTutucuGövdeSolKenarlık Ana sayfa gövdesi için kenarlık öğesi
YerTutucuGövdeSağKenarBoşluğu Ana sayfa gövdesinin sağ kenar boşluğu
YerTutucuTakvimGezgini Takvim sayfada görünür olduğunda takvimde gezinmek için bir tarih seçici görüntüler
YerTutucuFormÖzeti “form özeti” güvenlik denetimi
YerTutucuGenelGezinti Genel gezinti kırıntısı
YerTutucuYatayGezinti Sayfanın üst gezinti menüsü
YerTutucuSolEylemler Sol gezinti alanının altı
YerTutucuSolGezintiÇubuğu Sol gezinti alanı
YerTutucuSolGezintiÇubuğuKenarlığı Sol gezinti çubuğunda kenarlık öğesi
YerTutucuSolGezintiÇubuğuVeriKaynağı Sol gezinti menüsünün veri kaynağı
YerTutucuSolGezintiÇubuğuÜst Sol gezinti alanının üstü
YerTutucuAna Sayfanın ana içeriği
YerTutucuMiniKonsol Sayfa düzeyi komutlarını (örneğin Sayfayı Düzenle, Geçmiş ve Gelen Bağlantılar gibi WIKI komutları) gösterecek bir yer
YerTutucuGezintiYerAçıcı Sol gezinti alanının genişliği
YerTutucuSayfaAçıklaması Sayfa içeriğinin açıklaması
YerTutucuSayfaResmi Sayfanın sol üst kısmındaki sayfa simgesi
YerTutucuAramaAlanı Arama kutusu alanı
YerTutucuSiteAdı Site adı
YerTutucuBaşlıkAlanıSınıfı Sayfa üstbilgisinde ek stiller
YerTutucuBaşlıkAlanıYerAçıcı Başlık alanı için gölgeler gösterir
YerTutucuBaşlıkKırıntısı Ana içerik kırıntı alanı
YerTutucuBaşlıkAlanındaSayfaBaşlığı Kırıntıların hemen altında görünen sayfa başlığı
YerTutucuBaşlıkSolKenarlık Başlık alanının sol kenarlığı
YerTutucuBaşlıkSağKenarBoşluğu Başlık alanının sağ kenar boşluğu
YerTutucuÜstGezintiÇubuğu Üst gezinti alanı
YerTutucuYardımcıİçerik Sayfanın altında ek içerik
SPGezinti Windows SharePoint Services 3.0 uygulamasında varsayılan olarak boş. Ek sayfa düzenleme denetimleri için kullanılabilir.
WSSTasarımKonsolu Sayfa, Sayfayı Düzenle modundayken sayfa düzenleme denetimleri (tarayıcıda Site Eylemleri‘ni tıklatın ve ardından Sayfayı Düzenle‘yi tıklatın)

SharePointle Ne tür sayfa seçmem gerekir?

Microsoft Windows SharePoint Services 3.0 siteleri, Microsoft ASP.NET 2.0 teknolojisini kullanarak tamamen etkileşimli ve ortak içeriği (özelleştirilmiş Veri Görünümleri gibi) çeşitli yollardan desteklerken, diyelim daha statik olan HTML siteleri bu içeriği desteklemez. Bir SharePoint sitesine sayfa eklerken, ASPX sayfalarının tüm SharePoint işlevlerini desteklemesi nedeniyle hemen hemen her zaman ASP.NET (ASPX) sayfası eklemek istersiniz. Bu nedenle Genel araç çubuğundaki Yeni Belge‘yi tıklattığınızda veya CRTL+N tuşlarına bastığınızda açılan ASPX sayfası, SharePoint listesindeki yeni sayfalar için varsayılan sayfadır.
Benzer şekilde, ASP.NET ana sayfaları, HTML tabanlı şablon sayfalarının (Dinamik Web Şablonları gibi) aksine, SharePoint öğelerini ve işlevlerini çeşitli yollarla desteklediğinden, ortak görünümü ve zevki paylaşmak için SharePoint sitenize çok sayıda sayfa eklemek istediğinizde ana sayfaları kullanmanız önerilir.
Aşağıdaki tabloda bir SharePoint sitesinde çalışırken en yaygın olarak eklemek isteyeceğiniz sayfa türleri tanımlanmaktadır.
Sayfa türü
Açıklama
ASP.NET (ASPX) sayfası
Öğeleri eklemeye ve özelleştirmeye hazır boş bir ASPX sayfası ekler.
Ana sayfa
Bir ASP.NET sayfası ekler, ancak biri .aspx yerine .master dosya adı uzantısına sahiptir. Yeni ana sayfayı oluşturduktan ve kaydettikten sonra, söz konusu ana sayfayı temel alan birden çok sayfayı eklemek için Ana Sayfadan oluştur seçeneğini kullanabilirsiniz.
Ana sayfalarla ilgili daha fazla bilgi için, ASP.NET ana sayfalarına giriş makalesine bakın
Varolan ana sayfayı temel alan sayfa
Önceden oluşturulmuş ana sayfayı temel alan ve sonradan söz konusu ana sayfanın görünümü ve davranışı üzerinde yapılan her türlü değişikliğin güncelleştirildiği bir ASPX sayfası ekler.
Ana sayfalarla ilgili daha fazla bilgi için, ASP.NET ana sayfalarına giriş makalesine bakın
Liste Görünümü sayfası
Varolan listenin veya belge kitaplığının yeni görünümünü içeren ASPX sayfası ekler. Bir Liste Görünümü sayfası başlık çubukları, menü ve sütunlar gibi sayfa öğelerini içerir.
Web Bölümleri Sayfası
İçine Web Bölümleri’ni ekleyebileceğiniz

Page 1 of 512345»