blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada...

26
KARAMANOĞLU MEHMETBEY ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI WordPress Kullanımı Kılavuzu

Transcript of blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada...

Page 1: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

KARAMANOĞLU MEHMETBEY ÜNİVERSİTESİBİLGİ İŞLEM DAİRE BAŞKANLIĞI

WordPress Kullanımı Kılavuzu

Page 2: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

İçindekiler

Tüm Yazılar Yeni Yazı Ekleme Video Ekleme Ortam – kütüphane Yorumlar Görünüm

1. Tema2. Özelleştir3. Bileşenler4. Menüler

Theme Options (Tema ayarları)1. General2. Header3. Footer4. Layout5. Sidebar6. Social Links7. Styling

Kullanıcılar Ayarlar

1. Genel2. Yazma3. E-mail4. Okuma

İletişim

Page 3: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Tüm Yazılar: Eklenen yazıları görmek ve üzerinde değişiklik yapmaya yarar.

Yeni Ekle: Yeni Bir Yazı Siteye eklemek için kullanılır.

Kategoriler: Karışıklığı engellemek ve kategorileri oluşturup yazıları bir arada toplamaya yarar.

Etiketler: Oluşturulan kategorilerin dışındaki konuları arama esnasında ekrana getirmek için yazılan tanımlardır.

Tüm Yazılar:

Yukarıdaki resimde gördüğümüz gibi eklemiş olduğumuz yazıların hepsini görüyoruz; istediğimiz değişikliği yapabilir veya silebiliriz.

Page 4: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Düzenlemek istediğimiz yazılara girdiğimizde, resimde de görüldüğü gibi içeriğini değiştirebilir, kategori değişikliği yapabilir veya ne tür bir yazı olduğunu belirtebiliriz.

YENİ YAZI EKLE:

Yeni yazıyı eklemek için yeni ekle bölümüne girdikten sonra başlık kısmına yazdığımız yazı bizim URL uzantımız olacaktır.

Page 5: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Resimde görüldüğü gibi örnek olarak abc başlıklı yazının otomatik olarak URL sinin devamına geldi.

Başlık ile aynı URL olmasını istemiyorsak, Düzenle kısmında küçük ve İngilizce karakterlerle istediğimiz uzantıyı yazılabilir.

VİDEO EKLEME:

Yazının biçimini belirlemek bizim için önemlidir video eklemek istediğimizde biçim bölümünden videoyu seçmek zorundayız. Video seçimini yaptıktan sonra metin bölümünün altında video URL ve Video Embed kodlarını girerek istediğimiz videoyu ekleyebiliriz.

Page 6: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Dailymotion:

Embed kodunu video sitelerinden alabiliriz.

Videonun altında dışa aktar linkine tıkladıktan sonra

Permalink ( kısa link ) kopyalayıp yazımızın altındaki video URL kısmına kopyalıyoruz.

Entegrasyon kodunu kopyalamadan önce istediğimiz boyutu ayarlıyoruz ve kopyalayıp

Video embed kodu kısmına yapıştırıp kaydet ve güncelle diyoruz.

Page 7: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Youtube:

Youtube de açık olan videoya sağ tıklayıp ve yerleştirme kodunu al seçilir.

Açılan yeni sayfadaki kodu kopyalayıp WordPress sayfamızda video embed kodu bölümüne yapıştırırız.

Page 8: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Kategoriler:

Kategoriler kısmında internet sayfamıza eklemek istediğimiz kategorileri ekleyebilir veya silebiliriz.

Page 9: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

ORTAM:

Page 10: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Kütüphane: WordPress altyapısı ile kurulan sitede yer alan Ortam Kütüphanesi siteye yüklenen bileşenlerin saklandığı yerdir.

Yazınıza ya da sitenin herhangi bir sayfasına yüklediğiniz resim dosyalarınızın, müziklerin, videoların saklandığı yerdir. Burada konularınıza eklediğiniz fotoğrafları, videoları, müzikleri görebilir, ilgili dosyaların hangi konularda kullanılmış olduğunu görebiliriz.

Siteye ekleyecek video, resim ya da dosyaların mümkün olduğu kadarıyla düşük boyutta olmasına özen gösterilmeli. Büyük boyuta sahip dosyaların hem yüklenmesi zaman alır hem de sitenin kotasında yer tüketir.

Kütüphaneye eklenen dosyayı silmek için; dosyanın üzerine gelince kalıcı olarak sil veya dosya seçilir toplu işlemler bölümünden kalıcı olarak sil seçilir ve uygulaya tıklanır.

Yorumlar: Paylaşılan yazı, resim veya müzik hakkında yapılan yorumları buradan görebilir ve yayınlanması için onay verilebilir.

Paylaşımın altına yorum yapıldıktan sonra yorumu yapan onay için bekleniyor yazısını görür.

Site yöneticisi yorum yaptığı taktirde onay beklemeksizin yayınlanır.

Sistem Yöneticisi bölümüne gelindiğinde onay bekleyen yorumları onayladığımız zaman sitede görünür, onaylanan yorumları siteden kaldırmak için onayı kaldır tıklanır.

Onaylanması istenmiyorsa çöpe taşı veya istenmeyen denilebilir.

Cevapla: Bu işlem yapıldığında gönderilen yoruma verilmiş olan cevap ile birlikte yayınlanmış olur.

Page 11: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Görünüm: Sayfa yapısını, temasını ve görünümünü ayarlanan kategoridir.

Temalar: Sitemizin ana şablonunu seçeceğimiz alandır.

Yukarıda ki resimde de görüldüğü üzere Hueman temasında özelleştir, Academica temasında etkinleştir yazıyor.

Hueman seçtiğimiz temadır. Özelleştire tıklanarak ayarlarını yapabiliriz.

Academica teması ise hueman yerine seçebileceğimiz farklı bir temadır. Bağlantı önizlemeye tıkladığımızda Academica teması üzerinde sitemizin görünümünü ekrana getirecektir.

Tema seçimi yaparken dikkat etmemiz gereken en önemli kısım bir tema üzerinde yaptığımız çalışma başka temaya tam olarak uymamaktadır. Bundan dolayı seçtiğimiz temayı değiştirmemekte fayda vardır.

Page 12: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Özelleştir:

Sitenin sabit sayfasını ve başlığının yazılacağı ayarlar bölümüdür.

Bileşenler:

AlxPosts: Bu eklentinin aktif edilmesi durumunda yapılmış bütün paylaşımları veya istenilen sayıdaki son paylaşımları ana sayfada bilgi olarak gösterilir.

Page 13: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

1. Show thumbnails: Paylaşımlar hakkında bilgi göstermesi isteniyorsa aktif edilmelidir.

2. İtems to show: Son eklenen konulardan kaç tanesinin ana sayfada gösterilmesi isteniyorsa İtems to show alanına değer girilir.

3. Show categories and dates: Paylaşım kategorilerini ve tarihini göstermek isteniyorsa bu tikler işaretlenir.

4. Yan menü ve Konum: Alxposts Sitede alacağı, konumunun ve sırasının belirleneceği menüdür.

Sayfa üç bölümden oluşmak şartı ile;

I. Primary (1. Sayfa ): Ekranın solu belirtir.II. Secondary ( 2.Sayfa ): Ekranın sağını belirtir.

III. Footer: Sayfanın altını belirtir.

Page 14: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

AlxVideo: Ana sayfaya video eklemek için kullanılan eklentidir.

Video adını Url ve Embed kodu yazıldıktan sonra yayınlanabilir.

AlxTabs: AlxTabs ile Son yüklenen, etiketlenen ve popüler paylaşımları ve bu paylaşımlara yapılan yorumları gösteren eklentidir.

Page 15: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Menüler: Menü ve kategorilerin site içerisindeki görünümlerini ayarlamak için kullanılır.

Yeni menü oluşturmak veya bir menüye alt menü oluşturulabilir.

Yukarıdaki resimde görüldüğü gibi Şiir ana menü-1. Alt menü ve 2. Alt menüleri vardır.Bu menülerde değişiklik yapmak istediğimizde örneğin 1. Alt menüye tıklandığında Taşı başlığı altında istenilen işlem yapabilir. “Şiir altından dışarı” ya tıkladığımızda artık 1. Alt menü Şiir menüsünün alt menüsü olmayacaktır yani 1. Alt menü artık bir ana menü olacaktır.

Page 16: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Theme Options: General: Telefon ve Tabletlerde temaların görünmesi için aktif edilmesi gerekmektedir.

Mobile Sidebar Content: Telefonlarda hangi kenar çubuklarının görünmesi isteniyorsa buradan

ayarlanır. Show sidebars bütün kenar çubuklarının görünmesini sağlar. Primary sol, Secondary sağ kenar çubuklarının görünmesini sağlar.

Favicon: Site açıldığında adresin yanında hangi resmin görünmesi isteniyorsa buraya eklenir.

Page Comments: Paylaşımları yoruma açmak/kapatmak için kullanılır.

Header: Sitenin üst bölümüne amblem veya resim eklemek için kullanılır. Banner eklemek istendiğinde dikkat edilmesi gereken boyutu 1100 olmalıdır.

Page 17: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Footer: Sitenin alt bölümüne amblem veya resim eklemek için kullanılır.

Layout: Sayfaların kaç bölümden oluşacağının belirlendiği alandır.

Social Link: Siteye facebook ve twitter gibi sosyal ağların linklerini paylaşmak için buraya eklenir.

Page 18: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Resimde de görüldüğü gibi Social links bölümüne gelindiğinde yeni sosyal ağ ekleyebilir veya var olan bağlantılarda değişiklik yapabilir.

Icon name bölümüne facebook için; fa-facebook twitter için fa-twitter veya başka sosyal ağ link vermek isteniyorsa wiev all linkine tıklayarak yazım şekli görebilir.

Styling: Web sayfasının renk düzenini ayarlamak için yapabileceğimiz bölümdür.

Page 19: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Styling Dynamic Styles: Bu alanda yapacak değişikliklerin sitede uygulanabilmesi

için ON/OFF butonunu ON yapılması gerekiyor.

Styling Font: Yazı tipini belirlemek için kullanılır.

Styling Website Max – Width: Sitenin genişliğini ayarlamak için kullanılır. Banner ekleneceği zaman genişliğin 1150 yapılmasına dikkat edilmelidir. Yukarıda da belirttiğimiz gibi banner 1100 den büyük olamayacağı için sayfa genişliği 1150 den büyük olursa banner siteden küçük kalır. Fakat logo veya resim ekleneceği zaman istenilen boyuta alınabilir.

Styling Sidebar Width: Kenar çubuğu genişliğini ayarlamak için kullanılır.

Page 20: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Styling Primary Color: Sol menü başlık rengini ayarlamak için kullanılır.

Styling Secondry Color: Sağ menü başlık rengini ayarlama için kullanılır.

Styling Header Background: Sitenin üst kısmının (banner) rengini ayarlamak için kullanılır.

Styling Header Menü Background: Sitenin üst kısmında ki menü rengini ayarlamak için

kullanılır.

Styling Footer Background: Sitenin alt kısmının rengini ayarlamak için kullanılır.

Styling Header Logo İmage Max - Height: Sitenin logo boyutunu ayarlamak için kullanılır.

Kullanıcılar: Kullanıcı tanımlamak ve var olan kullanıcıların bilgilerini değiştirmek için kullanılır.

Ayarlar:

Genel: Site başlığı ve sloganı, site sahibinin mail adresi, zaman dilimi, zaman biçimi gibi değişikliğinin yapılabileceği ayar kısmıdır.

Yazma: Yazma ayarlarının yapıldığı alandır. E-mail: Kullanıcı şifresini unuttuğu zaman, şifre sıfırlama maili gönderilebilmesi için ayarlarının yapılması

gerekmektedir.

Page 21: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

From mail bölümüne site yöneticisinin mail adresi girilirFrom name kullanıcı adı girilir.Mailer SMTP seçilir.SMTP Host - posta.kmu.edu.trSMTP Post - 25

OKUMA: Okuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği buradan ayarlanır.

İletişim:

İletişim formu eklemek içi;

Sistem Yönetimi ayarlarından iletişim bölümüne gelinir.

Dil seçilir. Resimde de görüldüğü gibi dil Türkçe olduğu için yeni ekle butonuna tıklanır. Farklı dil tercih edilmek istenirse dil seçin bölümünden dil seçilir ve yanında ki yeni ekle butonuna tıklanır.

Page 22: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Yukarıda ki işlemi yaptıktan sonra posta bölümünde mail adresi gelir yanlış olan yerler varsa değiştirilir.

Kaydet butonuna tıklanır ve ekrana gelen link kopyalanır. Bu aşamadan sonra yeni sayfa eklemek için sayfa ekle bölümüne geçilir.

Page 23: blog.kmu.edu.trblog.kmu.edu.tr/WordpressKullanimi.docx  · Web viewOkuma ile ilgili ayarlar burada yapılır. Örneğin paylaşılan yazı özet şeklinde mi tam olarak mı görüneceği

Yeni sayfaya kopyalanan link yapıştırılır ve menü de hangi isimle görünmesi istenirse başlık bölümüne yazılır.

Bu işlemlerden sonra sitede menü açıldığında ekran görüntüsü yukarıda ki resim gibi olacaktır.