OMÜ - Birimler Web Sayfaları Kullanım Kılavuzu
OMÜ - Birimler Web Sayfaları Kullanım Kılavuzu
OMÜ - Birimler Web Sayfaları Kullanım Kılavuzu
Kullanılan Teknolojiler:
Grav: Veri tabanı kullanmayan, basit, PHP tabanlı, özgür yazılım içerik yönetim sistemi
Twig: PHP için esnek, hızlı ve güvenli şablon motoru
YAML: dil bağımsız bir veri değişim formatı
Markdown: Düz yazı yazarken bu yazıyı formatlı bir şekilde yazmayı sağlar.Böylelikle, bir yazıyı daha sonradan HTML’ e dönüştürülebilir biçimde hızlı bir şekilde düzenleyebiliriz.
Grav Yönetim Ekranı
Kullanıcı adını olduğu, kullanıcı ayarlarının yapıldığı kısım:
- Kullanıcı eposta, dil ayarlarının yapıldığı alan
Yönetim Paneli
- Sayfada yapılan değişikliklerde, değişiklikler sayfaya yansımadığında önbelleğin temizlendiği alan yer alır
Sayfalar
- Web sayfasını oluşturan tüm sayfaların yer aldığı alan
- Bu alana yeni sayfalar ekleyebilir, Türkçe ve İngilizce içerik arasında gezinip, ilgili değişiklikleri yapabilirsiniz
Editör
Normal – İçerik:
- Sayfanın başlık ve içeriğinin girilebildiği alan
Normal – Ayarlar:
- Sayfanın Yayınlanıp yayınlanmamasını, tarih, yayınlanma tarihi, yayından kaldırılma tarihi gibi alanların girilebildiği alan
Normal – Gelişmiş:
- Sayfanın fiziksel klasörünü, bağlı olduğu klasörü, sayfanın şablonunu ve sayfaların sıralanıp sıralanmamasını ayarlandığı alan
Uzman – İçerik:
- Sayfa üzerinde daha etkin ayarların yapıldığı, farklı özelliklerin girildiği alan
- Özellik Belirtilirken, birden fazla kelime ise '(tırnak işareti) kullanılıyor...
Örnekler
location: 'Ziraat Fakültesi'
theme: red
Uzman – Ayarlar:
- Sayfanın fiziksel klasörünü, bağlı olduğu klasörü, sayfanın şablonunu ve sayfaların sıralanıp sıralanmamasını ayarlandığı alandır. Normal – Gelişmiş ile aynıdır.
Anasayfa Ayarları
Uzman - İçerik
mod:
- ebs.omu.edu.tr adresinden program bilgilerinin otomatik gelmesi için gereklidir...
- web siteniz için mod parametresinin aldığı değerler; 0 önlisans, 1 lisans, 2 yüksek lisans, 3 doktora
İletişim için anasayfada ki özellikler değiştirilmeli
streetAddress: 'Ondokuz Mayıs Üniversitesi <br> Eğitim Fakültesi'
region: 'Kurupelit Kampüsü'
postalCode: '55200 Atakum, Samsun'
countryName: TÜRKİYE
telephone: '+90 362 312 1919 - 5300'
fax: '+90 362 457 6078'
email: egitimfakultesi@omu.edu.tr
type:
Bu satır kullanılmamışsa standart sablon, 1: ise solda videotolink dizisi, 2: ise solda videotolink, sağda videotolink2 içeriği
Örnek Siteler
type: 1 için fenbilens.omu.edu.tr
type: 2 için egtbilens.omu.edu.tr
Örnekler
videotolink:
title: 'Başvuru ve Kayıtlar'
links:
-
title: 'İlk Kayıt'
url: /basvuru-ve-kayitlar/ilk-kayit
icon: fa-desktop
-
title: 'Yatay Geçiş'
url: '/basvuru-ve-kayitlar/yatay-gecis '
icon: fa-desktop
-
title: 'Özel Öğrenci'
url: /basvuru-ve-kayitlar/oezel-oegrenci
icon: fa-bullhorn
-
title: 'Uluslararası Öğrenci'
url: '/basvuru-ve-kayitlar/uluslararasi-oegrenci '
icon: fa-desktop
videotolink2:
'<iframe frameborder="0" height="500" scrolling="no"
src="https://calendar.google.com/calendar/embed?
src=ip794ftcc7c2ic4k8eekt3irhs%40group.calendar.google.com&ctz=Europe
%2FIstanbul" style="border: 0" width="840"></iframe>'
theme:
- Web sitenizin tema rengini belirlemek için kulanılır, ingilizce ve türkçe sayfalar için ayrı tanımlanabilir...
- Aldığı değerler default, green, purple, red
topMenu:
- Arama kutusunun altındaki linkleri düzenler
quickLinks:
- Anasayfanın Sağ alt ta bulunan hızlı linkleri düzenler
links:
- Anasayfanın Sol alt ta bulunan linkleri düzenler
Duyuru, Haberler ve Etkinlikler
Normal – Ayarlar
- Yayından kaldırma tarihi kullanılabilir, bu tarihten sonra haber veya etkinlik yayından kaldırılacaktır.
Örnek:
Normal - Ayarlar, yayından kaldırma tarihi veya
Uzman – İçerik, unpublish_date: '27-06-2018 15:38'
Resimler
- 750X300 (genişlikXyükseklik) tavsiye edilir…
- İlk eklenilen resim sayfanın resmi olarak kabul edilir, birden fazla resim eklenmiş ise sayfanın altında tüm resimler tıklanınca açılacak şekilde listelenir…
Duyuru ve Haberler Alanı Özellikleri
- Sıralama, yoğun kullanıldığı için, haberin tarihine göre, yayın tarihten, uzak tarihe göre yapılmakta...
- Normal - Ayarlar, Tarih alanından
Etkinlikler Alanı Özellikleri
- Sıralama, yoğun kullanılmadığı için Normal - Gelişmiş, Sıralama, alanından yapılıyor...
- Uzman – İçerik, etkinlik detaylandırma özellikleri
location: Etkinlik yeri
hour: Etkinlik saati
event_date: Etkinlik tarihi
Örnek
location: 'Ziraat Fakültesi'
hour: '10:00'
hour: '10:00am - 17:00pm'
event_date: '26-06-2018'
Slider
title: Slider resminin 1. satırı description: Slider resminin 2. satırı url: Slider resmine tıklandığında gidilecek url
Örnek
title: 'FİNAL SINAV PROGRAMLAR'
description: '2017-2018 Bahar Yarıyılı Final Sınav Programları'
url: 'http://egitim.omu.edu.tr/tr/haberler/2017-2018-bahar-yariyili-final-sinavtakvimleri'
Resimler
- 1140X350 (genişlikXyükseklik) tavsiye edilir…
- En azından, eklenen tüm resimlerin, boyutlarının aynı olmasına özen gösterilmeli…
Slider için Paint Kullanımı
- Paint'de açtığımız resmi ;
- Yeniden boyutlandır-> Piksel seçeneğini seçip En ve Boy oranını koru seçeneği boş bırakıp Yatay ve dikey oranlarını girdikten sonra kayıt edebiliriz.
- Kayıt ettikten sonra resmi slider alanına ekleyebiliriz.
Örnek ;
Anamenu
- Normal - Gelişmiş, Sıralama seçilmemiş yani Nümerik Klasör Öneki Devre Dışı ise Menü alanında görünmez
- link: menu alanında sadece link vermek istediğinizde
Örnek
link: 'http://mezun.omu.edu.tr/'
S.S.S. ve Akordiyon listesi
- Solda S.S.S. sağda duyuru ve etkinlik için Sayfa şablonu “Faq” seçilmeli
- Solda sol menü, sağda S.S.S için Sayfa şablonu “Accordions” seçilmeli
Özel Alanlar(Program ve Akademik Personel)
Program
- Anasayfa mod kontrol edilmeli,Normal – Gelişmiş, Sayfa Şablonu “Program” seçilmeli
- http://ebs.omu.edu.tr adresinden program kodu öğrenilerek “program” özelliği
- Uzman – İçerik alanına yazılmalı
Örnek:
program: 3023
Akademik Personel
- Normal – Gelişmiş, Sayfa Şablonu “Akademikpersonel” seçilmeli Anasayfa Norma – İçerik alanından, fakültenin, bölümün veya anabilimdalının organizasyon kodları öğrenilerek bu özellikler Uzman – İçerik alanına yazılmalı
Örnek:
Çeviriler
- Sadece çeviri yapılan sayfalar ingilizce sayfada görüntülenecektir.
- Sayfalar alanında sağ üst köşede istenilen dil seçilerek veya ilgili sayfa seçilip yine sağ üst köşeden farklı kaydet English seçilerek yapılır.
İletişim:
- Bu sayfada yer alan Harita için googleMapUrl özelliği değiştirilmeli;
Örnek:
googleMapUrl: '<iframe src="https://www.google.com/maps/embed?pb=!1m10!
1m8!1m3!1d3908.6384842358807!2d36.1876102146655!
3d41.36913295535805!3m2!1i1024!2i768!4f13.1!5e1!3m2!1str!2str!
4v1526975488490" width="600" height="450" frameborder="0"
style="border:0" allowfullscreen></iframe>'
Sayfa İçerik Yönetimi (Markdown)
Başlıklar
- # H1 başlık örneği
- ## H2 başlık örneği
- ##### H5 başlık örneği
Resimler
![Alternatif yazı](resim/için/yol.jpg "Opsiyonel başlık")
Eğer resim linkinin download değil ekranda açılması isteniyor ise;
![deneme](deneme.png?class=prettyphoto)
Resim boyutlandırmak için;
![deneme](deneme.png?resize=400,200)
![deneme](deneme.jpg?cropResize=300,300)
Linkler
[Link](../some-page)
Yeni sekme için ;
[Link in new Tab](../some-page?target=_blank) ```
### Tablolar
#### * Editör alanından yada;
| Tablolar | Oldukça | İyidir| | ------------------|:-------------:| -----:| | 3. sütun | sağa yaslıdır | $1600 | | 2. sütun | ortalıdır | $12 | | zebra renklendirme | kullanılır | $1 | ```
Tablolar | Oldukça | İyidir |
---|---|---|
3. sütun | sağa yaslıdır | $1600 |
2. sütun | ortalıdır | $12 |
zebra renklendirme | kullanılır | $1 |