Artisteer Programını Kullanarak Tema Yapımı

İlgili Konular: Web Tasarım Genel Bilgiler     

Programı çalıştırdığımızda aşağıdaki pencere bizi karşılar:
2010-02-07_104610.jpg
Drupal fanatiği olduğum için drupal simgesine tıklayarak temamızı oluşturmaya başlıyoruz. Sıra ile menüleri tanıtarak anlatmaya başlayım. Menüleri tanımak zaten bu programı kullanarak tema yapmanız için yeterlidir.

Menülerin açıklamalarını kullanarak basamak basamak tema atarlarımızı yapalım:

2010-02-07_104007.jpg

Ideas;
Bölümünde otomatik olarak programın bize stiller önermesini isteyeceğimiz menüler bulunuyor;
Suggest colors: Renk önerisinde bulun.
Suggest fonts: Yazı tipi Önerisinde bulun.
Seggest layout: Frame önerilerinde bulun.
Suggest background: Arkaplan önerisinde bulun.
Seuggest sheet: Katman önerisinde bulun.
Suggest header: Başlık bölümü önerisinde bulun.
Suggest menu: Menü önerisinde bulun.
Suggest article design: Metin bölümü önerisinde bulun.
Suggest block: Blok önerisinde bulun.
Suggest buttons: Bton önerisinde bulun.
Suggest footer: Dipnot önerisinde bulun.
Template: Temanın hangi CMS de kullanılacağını seçersiniz.
Export: Oluşturduğunuz temayı kullanıma hazır halde aktarırsınız.

2010-02-07_104024.jpg

Colors & Fonts;
Bölümünde temamız için kullanacağımız resimleri ve yazı tipini ayarlayabiliyoruz.
Color Themes: Temanız için hazır renk kalıplarını kullanabilirsiniz.
Paints Bölümü: Sunulan üç adet renk ile temamızın rengini ayarlayabiliriz.
Adjust: Temadaki renkler için ince ayarlama yapabiliriz.
Fonts Bölümü: Yazı tipi ile ilgili ayarları buradan yapıyoruz.

2010-02-07_104040.jpg

Layout;
Bölümünde tamamızın framelerini ayarlayabiliyoruz.
Page Layout: Banner ve menü bloklarının nerede olacağını ayarlayabiliriz.
Coloums: Blokların yerini buradan ayarlıyoruz.

2010-02-07_104053.jpg

Background;
En sevdiğim bölüm burası, arkaplan ayarlarını çok kolay gerçekleştirebiliyoruz.
Glare: Sayfada sol üst köşede belirmesini istediğimiz arka planı seçebiliyoruz. İstersek kendi grafiğimizi de buraya ekleyebiliriz.
İmage or Texture: Arkaplan resmini buradan seçiyoruz. Gene aynı seçilde kendi arkaplan grafiğimizi kullanabiliriz.
Gradient: Arkaplanda resim yerine koyudan açığa doğru giden renk stili kullanmak istersek bu seçeneği kullanıyoruz.
Fill color: Arkaplan rengimizi seçiyoruz.
From file: Arka planı bir dosyadan aktarabiliriz.
Options: Arkaplan için ince ayarlamalar yapabiliriz.

2010-02-07_104114.jpg

Sheet;
Arka planımızı ayarladık şimdi ise ana katmanı ayarlamaya sıra geldi.
Width: Genişliği ayarlıyoruz.
Top Offset: Ana katmanın üstten uzaklığını belirliyoruz.
Padding: Katman içersindeki katman veya metinlerin sınıra olan uzaklığını belirliyoruz.
Radius: Kenarların yuvarlaklığını ayarlıyoruz.
Border: Kenarlıkları ayarlıyoruz.
Shadow: Katmana gölge vermek için kullanıyoruz.
Transparency: Katmana transparanlık verebiliriz. Bunu kullanmak çok güzel gerçekten.
Fill color: Katmanın rengini ayarlayabiliriz.
Color: Katman içindeki metinlerin rengini ayarlıyoruz.

2010-02-07_104131.jpg

Header;
Banner bölümünü kolaylıkla hazırlayabileceğimiz seçenekler sunuyor.
Backgroung bölümü:
Width: Genişliğini ayarlarız.
Height: Yüksekliğini ayarlarız.
Text block: Site adı ve sloganının yerini belirliyoruz.
Position: Bannera uygulanan maske efektinin ayarlarını yapabiliriz.
From file: Dışarıdan bir banner ekleyebiliriz.
Effects: Bannerımıza efektler verebiliriz.
Foreground bölümü:
Position: İnsan veya benzeri şeylerin resminin konumunu ayarlarız.
From file: Dışarıdan resim aktarabiliriz.
Efekts: Efektler uygularız.
Title:
Headline: Site adını statik olarak atarız.
Slogan: Site sloganını statik olarak atarız.
Position: Yazıların konumunu ayarlarız.
Size: Yazı büyüklüğünü ayarlarız.
Align: Yazıların hizalamasını ayarlayabiliriz.

2010-02-07_104148.jpg

Menu;
Adındanda anlaşıldığı gibi menüye ait özellikleri ayarlayabiliyoruz.
Styling: Menümüzün görüntü stilini ayarlarız.
Coloring: Menü renklerini seçiyoruz.
Menu bar: Menüde koyudan açığa giden renk sitili veya maske kullanmak için kullanılır.
Fill: Menü arkaplan rengi.
Border: Kenar çizgisi ayarlarını yapabiliriz.
Item: Menü öğelerinin stillerini ayarlarız. Kenar stilleri, arkaplan renk ve maskelemeleri bu bölümde yer alır.
Fill: Menü öğesinin arka plan rengi.
Border: Menü öğesinin kenar çizgi stilini ayarlarız.
Text: Menü öğesinde bulunan metinlerin stillerini ayarlayabiliriz.
Subitem: Açılan menünün ayarlarını, biçimini buradan yapıyoruz.
Fill: Açılan menünün arka plan rengini seçiyoruz.
Border: Açılan menünün kenar çizgi biçimini ayarlıyoruz.
Text: Açılan menünün metin biçimini ayarlıyoruz.

2010-02-07_104214.jpg

Articles;
Ana katman içinde bulunan resimlerin, bağlantıların ve metinlerin biçimlerini buradan ayarlıyoruz.,
Styling: Her içerik bloğu için stilleri buradan ayarlıyoruz.
Headings: Başlık ayarlarını yapıyoruz.
Hyperlink. Bağlantı biçimlerini ayarlıyoruz.,
Quote: Alıntı bloklarının stillerini ayarlıyoruz.
Bullets: Liste stillerini ayarlıyoruz.
Picture: Paragrafta bulunan resimlerin görünüm ayarlarını yapıyoruz.
Table: Tablo ayarlarını yarıyoruz.
Header: Başlık bloğunun biçimini ayarlıyoruz.
Date: Tarihin yazıldığı bloğun ayarlarını yapıyoruz.
Author: Yazar bilgisinin ayarlarını yapıyoruz.
Footer: Parafrafın alt bloğunun ayarlarını yapıyoruz.
Category: Kateroninin yazım biçimini seçiyoruz.
Tags: Etiketlerin yazım biçimini seçiyoruz.
Comments: Yorumların görüntülenme biçimini ayarlıyoruz.

g.jpg

Bloks;
Bloklarımızın görünüm ayarlarını buradan yapıyoruz. Ne kadar kolay olduğunu deneyince göreceksiniz.
Styling: Blok görünümümüzün kenarlık, başlık konumu ve diğer görüntü biçimlerini seçiyoruz.
Background: Arkaplan ayarlarını yapıyoruz.
Header: Başlık bölümünün ayarlarını yapıyoruz.
Content: İçeriklerin listelendiği bölümü ayarlıyoruz.

2010-02-07_104249.jpg

Buttons;
Tüm sayfalarımızda bulunan butonların biçimlerini ayarlayabiliriz.
Shape: Butonun şeklini seçiyoruz.
Border: Kenarlık ayarlarını yapıyoruz.,
Texture: Maske uygulamak istersek bu seçeneği kullanıyoruz.
Gradient: Koyudan açoğa doğru renk kullanmak için ayar yapabiliriz.
Shadow: Butonlarımıza gölge verebiliriz.
Fill color: Buton rengini ayarlıyoruz.
Border color: Kenarlık rengini ayarlıyoruz.
Text: Buton metninin biçimini ayarlıyoruz.

2010-02-07_104311.jpg

Footer;
Sayfa altında sitenin hangi kuruluş veya kişiye ait olduğunu belirttiğimiz bölümü ayarlıyoruz.
Fill: Arkaplan rengini seçiyoruz.
Texture: Maske kullanmak istersek bir seçim yapıyoruz.
Gradient: Koyudan açığa doğru giden renk biçimi kullanmak istersek kullanıyoruz.
Aling: İçersindeki metnin hizalamasını seçiyoruz.
Text padding: İçersindeki metnin blok kenarına olan uzaklığını ayarlıyoruz.
Transparency: Bloğa saydamlık vermek istiyorsak gerekli ayarları yapıyoruz.
Text: Yazıya ait biçimleri ayarlıyoruz.
Hyperlink: Bağlantıların biçimlerini ayarlıyoruz.
RSS: Rss simgesinin görünüm şeklini seçiyoruz.

İşlemleri tamamladıktan sonra yukarıdaki Export butonuna tıklayarak temamızı kullanmak üzere kaydediyoruz.

Eğer temayı yapmanız yarım kaldı ise kaydet butonuna tıklayarak kaydedip, daha sonra açma programı açtığınızda aç butonu yardımı ile yarım kalan temanızı açarak ayarlara devam edebilirsiniz.

Yorumlar

ARTISTEER 3 ile web sitemi hazırladım, site içi daha arama motorunu yapamıyrum, bu konu ile ilgili hazır uyarlanabilir bir modül var mıdır.?

Hangi sistemi kullandığınızı belirtmemişsiniz ancak, hangisi olursa olsun öncelikle temanın değil kullandığınız sistemin arama formu özelliğini açmalısınız.

merhabalar
artisteer3 ile temayı hazırlıyorum fakat joomlaya yüklediğim zaman menüler görünmüyor. yeni menü eklediğimde ise artisteerda hazırladığım şablon şeklinde olmuyor. bunun nedeni nedir nerde hata yapıyorum yardımcı olursanız çok sevinirim.

Joomla kullanmıyorum ancak oluşturduğunuz tema ile joomla sürümü tutuyor mu? İlk aklıma gelen bu daha sonra menü için bir eklenti kullandı iseniz artister teması eklentilere destek vermemektedir.

Çok güzel bir program ,büyüleyici fakat nasıl yaptığım temayı kullanacağım benimkisi trial ; yardımcı olur musunuz ; nerden nasıl programı indireyim .Çok teşekkür ederim

Temaları aynı drupal temasını kullandığınız gibi kullanabilirsiniz. Programın kırılmışını kendiniz bulabilirsiniz googledan arayın, ben yasak paylaşımlarda bulunmuyorum.

şimdi arkadaşlar siz temanın tasarımını yapın home yazan yer joomla menü yöneticisinden değişiyor yanlarına eklemeler de yapabilirsiniz.

o kadar site gezdim mantıklı bir anlatım buladım. Sizinki detaylı olmuş teşekkürler

Arkadaşlar bilme sizde sorun çıktıma ama ben artsiteer 3 ile bir wordpress teması yaptım fakat tekil yazıların üst kısmında editör adı yazım tarihi ve alt kısmında categorileri ve etiketleri göstermiyor programın kendi içerisinde ayarlama yaptığımda hepsi görünüyor fakat temayı yüklediğimde görünmüyor bu konuda bilgisi olan varsa paylaşabilirmi?

Teşekkürler

Merhabalar, artisteer ile aklima takilan konu, eklentilerle ilgili bir sorun cikarip cikarmayacagi ve tabii IE ve diger tarayicilardaki destek meselesi. Sizin bir tecrube ettiginiz birsey varmi?

Artister 3 sürümünü şahsen denemedim çok iyi olduğu söyleniyor ancak problem çıkarmı bilemem. Artister 2.. sürümlerinin hiçbirinde sprun yoktur. Ancak bazı editörlerde butonlar bozuk görünebilmektedir. Ufak css müdahalelerine ihtiyaç duyabilirsiniz. Tabi bahsettiğimiz eklentiler bir sosyal ağ sitesi için olmamalı. Sosyal ağ siteleri için drupalin ücretsiz temalarını düzenlemenizi öneririm.

Uzun sureli projeler icin dusunulmez sonucunu cikariyorum, ustelik tema ile ilgili drupalin esnek bir yapısı ve eklentileri olması karar vermeyi daha da zorlastiriyor, artisteer ısık hızıyla temalari yaptigi icin herkesin dikkatini cekiyor.

aratmedya sitesinde de artisteeer teması kullanmıştım ancak eklentilerin tamamı ile çok bir uyum göstermedi ve esnekliği sıfır oluyor. Gerçekten güzel temaları var ancak alt yapısı olarak güzel diyemeyeceğim. Drupalin temaları çok esnak ve tema konusunda özgürüz ancak artisster ile bu esneklik sınırlanıyor.

bende yukarda yazan arkadasın probleminde takıldım kaldım ne yaptıysam temayı turkcelestiremedim.Home yazan yerde ana sayfa yazmasını istiyorum bu konuda detaylı bilgi veririseniz sevinirim hangi dosayada desiklik yapmamaiz gerekiyior yazarsanız sevinirim

Dediğim gibi kullandığınız içerik yönetim sistemi joomla wp veya drupal hangisi ise bu sistemlerin menülerinden değişiklik yapacaksınız. Düz html tema ise index.htm dosyasının içine bakınız.

merabalar ben türkçe tema yapmak istiyorum mesela home yerine anasayfa yazsa veya categories yerine kategoriler yazsa. bunu artisteer ile yapmam mümkünmü yoksa kod kısmıyla nasıl yapıcam yardımcı olabilrmisnz?

Artisteer programı ile yaptığınız temalar menüleri scriptlerden almaktadır. Scriptinizdeki menüleri ayarlamanız yeterli gelir.

BU ARTİSTEER OROGRAMI JOOMLA 1.5 PROGRAMINDA İŞE YARAMIYOR YARDIMCI OLURSANIZ MEMNUN OLURUM YAPTIĞIM TEMEYI AKTARAMIYORUM LÜTFEN BİR MAİL ATIN SAYGILAR

Joomla hiç kullanmadım ama aktaramıyorum derken yaptığınız temayı artisteer den çıktı olarak mı alamıyorsunuz?

Yeni yorum veya soru gönder

Bu alanın içeriği gizlenecek, genel görünümde yer almayacaktır.
  • PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • You may insert videos with [video:URL]

Biçimlendirme seçenekleri hakkında daha fazla bilgi


1 + 0 =
Basit matematik sorusunuz çözünüz. Örn; 1+3= 4