BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Ocak 2017

WORDPRESS KILAVUZU SIKLIKLA KARŞILAŞILAN SORUNLAR VE ÇÖZÜM YOLLARI

BAUM Web Sorumlusu Bihter YİĞİT

bihter@akdeniz.edu.tr

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

WORDPRESS KULLANIM KILAVUZU

WORDPRESS - TANITIM

Wordpress Nedir?

İyi bir Web Tasarım Nasıl Olur?

• WordPress, PHP ve MySQL kullanılarak yazılmış bir kişisel yayın sistemidir.

• Wordpress bir CMS (Content Management System / İçerik Yönetim Sistemi)'dir.

• Bu niteliği ile sadece makale yazma ve düzenleme veya blog sistemi olarak değil, her türlü içeriğin düzenlenip yayımlanabileceği bir platform olduğu anlamına gelmektedir.

• Google tarafından çok hızlı indexlenir ve sayfa açılışları hızlıdır. WordPress yeni bir yazılımdır, kökleri ve gelişimi 2001'e kadar uzanır.

• Kullanım, hız, geniş kullanıcı tecrübesi ve rahatlığına odaklanmış bir yayım yazılımı olup açık kaynak yazılımına katılan aktif bir toplulukla geliştirilmektedir.

• WordPress’e yeni ortam düzenlemelerinden ses ve video çalma listelerine, canlı bileşen önizlemelerinden galeri önizlemesine kadar birçok özelliğe sahiptir.

• Kolay ulaşılabilmeli. • Güncellenebilir ve geliştirilebilir olmalı. • Dili sade olmalı ve hedefe yönelik yönlendirmeler içermeli. • Kullanıcıyı gereksiz bilgilerle yormamalı. • Görsellerle desteklenmeli. Fotoğraflar aşırı büyük olmamalı. • Renk uyumu sağlanmalı. • Kullanım kolaylığı sağlamalı. • Zararlı yazılımlara karşı korunabilir olmalıdır. • Tasarım ile konu birbirine uymalı.

Ön Yüz Site Yönetim Paneli

Wordpress görünüm

Wordpress örnekleri

Wordpress örnekleri

Aşağıda yer alan örneklerde farklı Ekran Çözünürlüğüne göre «Mobil Uyumlu» web sitelerinin görüntüleme şeklini görmektesiniz.

Mobil Uyumlu Web Sitemiz

Mobil Uyumlu Web Sitemizde Menülere Ulaşım Örneği

Öğrenci Otomasyon Sisteminde bulunan verilerin Wordpress ile Akdeniz Üniversitesi web sayfalarına entegre edilme şeklini görmektesiniz.

e – Akdeniz Öğrenci

Otomasyonu Mobil Uyumlu Web Siteleri

Wordpress ile Kolay Entegrasyon

Öğrenci Otomasyon Sisteminde bulunan veriler, Wordpress ile Akdeniz Üniversitesi web sayfalarına entegre edilebilmektedir.

Web Sitelerimiz MOBİL Uyumludur.

WORDPRESS - KURULUM

Akdeniz Üniversitesinde Wordpress Kurulumu

Wordpress Kurulumu İçin İstenen Bilgiler

• Üniversitemizde Web İçerik Yönetim Sistemi olarak WordPress kullanılmaktadır. Kolay kullanılabilirlik ve genişletilebilirlik gibi birçok özelliği ile WordPress bir web sitesi yazılımıdır. Üniversitemizde WordPress ile oluşturulmuş web sitesi örnekleri yer almaktadır.

• Üniversitemiz ilgili birimlerinin bir web sitesi istemesi halinde, ebys sistemi ile Bilgisayar Bilimleri Araştırma ve Uygulama Merkezine aşağıda yer alan bilgileri iletmesi gerekmektedir.

• Adı Soyadı: • Ünvanı: • Birim/Bölüm: • Telefon: • GSM: • e-posta: • Web Adresi Adı:

Akdeniz Üniversitesinde ilgili birim wordpress kurulumu için bilgilerini gönderdiğinde site sorumlusuna aşağıda yer alan mail

gelecektir.

Parolanızı belirleyeceğiniz link 1 2 Parolanızı belirledikten sonra sisteme giriş linki

Kullanıcı adı mail adresinizdir.

Parolanızı belirlerken; parola en az 12 karakter olmalıdır. Daha güçlü olması için büyük harf, küçük harf, rakamlar ve semboller

kullanabilirsiniz. Parolanızı belrledikten sonra Parolayı Sıfırla alanını tıklayınız.

Parolanız sıfırlandı demek artık belirlediğiniz parolayla sisteme giriş yapabilirsiniz demektir. Artık

www.siteadresiniz.akdeniz.edu.tr/wp-admin alanından sisteme giriş yapabilirsiniz.

Siteadresiniz alanına web sitenizin adını giriniz.

Wordpress Giriş Alanı Örneği

Kullanıcı adınız mailinizdir. Parola alanına belirlediğiniz parolayı yazın. Şifrenizi unuttuysanız hatırlatma linkini (Parolanızı mı unuttunuz?) kullanabilirsiniz.

WORDPRESS – YÖNETİM PANELİ

Wordpres yönetim paneline giriş yaptığınızda “Başlangıç” adlı sayfa karşınıza çıkacaktır. Başlangıç sayfasında Wordpressinizin durumunu

önizleme yapabileceğiniz bölümler ve kısa yollar bulunmaktadır.

Site Önizleme Kısa Yollar

Wordpress Başlangıç Menüsü “Teknik Destek” Alanından BAUM Web Sorumlularına rahatlıkla ulaşabilirsiniz.

Wordpress Başlangıç Menüsü “Tema Güncelle” Alanından temanızı rahatlıkla güncelleyebilirsiniz.

“ Yazılar ” alanından Yeni yazı ekleyebilir, mevcut yazılarınızı, etiket ve kategorilerinizi görebilirsiniz.

Wordpress Yazılar Menüsü “Tüm Yazılar ” Alanından Duyuru, Haber, Etkinlik vb. yazılarınızı ekleyip, düzenleyebilir yahut

silebilirsiniz.

Wordpress Yazılar Menüsü “Yeni Ekle” Alanından yazının başlığını ve içeriğini girip, ilgili kategoriyi seçip, yayımlayabilirsiniz.

1

2

3

4

Dosya ekleyebilirsiniz.

Araç çubuğunu genişletebilirsiniz.

Düzenleme modu (HTML alanı)

Wordpress « Kategori» mantığı tüm siteler için geçerlidir. Örneğin elinizde yayınlanmasını istediğiniz yazılarınız olsun. Bu yazıları

karışık koymak yerine duyuru, etkinlik, haber vb. şeklinde kategoriler açarak uygun kategorilere eklemek daha kullanışlı olacaktır.

Yapmanız gereken sadece ilgili kategorinin isim ve yazı kısa ismini girerek, yeni kategori ekle seçeneğini işaretlemek olacaktır.

Örneğin: İsim: Etkinlikler – Yazı Kısa İsmi: etkinlikler

Wordpress Yazılar alanında yer alan «Etiketler» içeriğinizin konusunu ifade eden anahtar kelimelerdir. Hem arama motorları

tarafından daha kolay indekslenmenizi hem de yazılarınızın daha kolay bulunmasını sağlar.

Wordpress Ortam Menüsü “Kütüphane” Alanında Sitemiz için hazırlamış olduğumuz tüm görselleri, videoları ve dokumanları

görebilir, istersek yeni ekle seçeneğiyle yeni veriler ekleyebiliriz. İlgili öğeyi tıklarsak eklenti detaylarını görebiliriz.

Fotoğrafı tıkladığınızda eklenti detayını görebilirsiniz!!

Wordpress Ortam Menüsü “Yeni Ekle” Alanında Sitemiz için hazırlamış olduğumuz tüm görselleri, videoları ve dokumanları dosya seçin butonuyla

ekleyebiliriz. Yüklenebilecek en büyük dosya boyutumuz 8MB’dır.

Wordpress Sayfalar Menüsü “Tüm Sayfalar ” Alanında varolan tüm sayfaları görmektesiniz. Burada Sitemize eklemek istediğimiz

sayfaları oluşturabilir, varolan sayfaları düzenleyebiliriz.

Sayfalarda genellikle değişmeyen/nadir değişen içerikler yer almaktadır.

Wordpress Sayfalar Menüsü “Yeni Ekle” Alanından yazının başlığını ve içeriğini girip, isterseniz bağlamak istediğiniz sayfayı seçip

(şablon ve üst alan) yayımlayabilirsiniz.

1

2

3

4

Dosya ekleyebilirsiniz.

Araç çubuğunu genişletebilirsiniz.

Düzenleme modu (HTML alanı)

Wordpress Sayfalar Menüsü “Yeni Ekle” Alanından Şablon ve Üst Menü Seçeneğini Kullanarak Yan Menü Oluşturabilirsiniz.

Wordpress Sayfalar Menüsü “Yeni Ekle” Alanından Şablon ve Üst Menü Seçeneğini Kullanarak yapılmış Yan Menü Örneğini

görüyorsunuz.

Wordpress Görünüm Menüsü “Temalar” Alanı Sitemizin görsel yapısını (ziyaretçileri karşılayan tasarım) değiştirebileceğimiz, yenilerini

ekleyebileceğimiz ve temalarınız ile alakalı çeşitli düzenlemeleri yapabileceğimiz yönetim ekranıdır. Sitemizde bulunan temalar üniversite

geliştiricileri tarafından yönetilmektedir.

Wordpress Görünüm Menüsü “Özelleştir” Alanında özelleştirici; yaptığınız değişiklikleri yayınlamadan önce önizleme

yapabilmenize olanak sağlar. Ayrıca sitenizdeki farklı sayfalarda gezinerek önizleme de yapabilirsiniz.

Wordpress Görünüm Menüsü “Bileşenler” alanı, kodlamaya gerek kalmaksızın wordpres özellikleri ve bileşen desteği olan

eklentileri kullanmamızı sağlar. Sıklıkla sağ, sol ve orta kısımlarda kullanılır. Mevcut bileşenler sürükleme yardımıyla istenilen alana

yerleştirilip, aynı yöntemle çıkartılabilir. Kullanmak istediğiniz eklentiyi kaydetmeyi unutmayın!

Wordpress Görünüm Menüsü «Menüler» alanı sitenizin genellikle üst tarafında yer alan kısımdır.

1. Menü eklemek için öncelikle menüye bir isim veriyoruz, bu menünün sitenizde temanızın özelliğine göre nerede yer alacağını işaretliyor ve

kaydediyoruz.

2. Sonrasında menüye ekleyebileceğiniz kategoriler ve sabit sayfalar yan bölümde karşınıza gelecektir. Menüde yer almasını istediğiniz Sayfa ve

Yazıları seçip menüye ekle diyoruz.

3. Ekledikten sonra sürükle – bırak ile bunların sıralamasını değiştirebilirsiniz.

4. Eğer bir kategori altına alt kategori, sayfa eklemek isterseniz, bu kategorinin altına biraz sağa doğru sürükleyip bırakabilirsiniz. Alt eleman

olarak adlandırılacaktır (Sadece 1 Alt Eleman oluşturabiliriz). Menüyü Kaydetmeyi Unutmayınız!!

1

2

3

4

Wordpress «Ayarlar» menüsü ile site başlığını, sitenin arka plan ve yazı renklerini kolaylıkla belirleyebilirsiniz. Sitenizin orta

kısmında yer alan slider’ın gösterimine karar verip, slider yüksekliğini buradan belirleyebilirsiniz. Değişiklikleri Kaydetmeyi

Unutmayınız!!

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Wordpress «Slider» Menüsü ile Sitenizin orta bölümünde fotoğrafların geçiş yapmasını sağlayabilirsiniz. Slider görsel bir uygulamadır.

1. Slider’a fotoğraf ekleyebilmek için ortam kütüphanenizde yer alan kullanmak istediğiniz fotoğrafı tıklayın, eklenti detaylarından URL’sini

kopyalayın.

2. Kopyaladığınız linki slider resim alanına yapıştırın. İsterseniz ilgili sliderdaki fotoğrafın üzerine metin girebilirsiniz. Değişiklikleri Kaydetmeyi

Unutmayın!!!

1

2

Wordpress «Alt Manşet» Menüsü ile sitenizde sürekli değişen ya da önemli bulduğunuz haberlerin olduğu manşet alanı oluşturabilirsiniz.

1. Alt Manşet oluşturabilmek için ilk olarak görünüm menüsünden Bileşenlere girerek, Au Alt Manşet Modülünü istediğiniz alana sürükleyip

kaydetmelisiniz.

2. Sonra Alt Manşet Menüsünden; Manşet in başlığını yazıp, istersek ilgili dokumanın linkini Manşet Tam URL alanına eklememiz yeterlidir.

Değişiklikleri Kaydetmeyi Unutmayalım!’

1

2

Wordpress «Linkler » Menüsü; faydalı site adreslerini ziyaretçilerinize tavsiye etmek amacıyla kullanabileceğimiz menü seçeneğidir.

Link başlığını ve URLsini girip, Değişiklikleri Kaydet demeniz yeterlidir.

Wordpress «Hakkımızda » Menüsü ile ilgili birimin açıklamalarını girebilirsiniz. Misyon – Vizyon yerine başka bir başlık adı da

kullanabilirsiniz. Değişiklikleri kaydet demeniz yeterlidir.

Wordpress «Adres » Menüsü ile ilgili birimin adres bilgilerini telefon numaralarını girebilirsiniz. Değişiklikleri kaydet demeniz

yeterlidir.

WORDPRESS – ÖRNEK WEB SAYFASI YAPALIM

Aşağıda wordpress ile yapılmış bir site örneği görüyorsunuz. Hangi menülerin kullanıldığına dikkat edelim.

ALT MANŞET

LİNKLER

YAZILAR

HAKKIMIZDA ADRES

SLIDER

Wordpress Menülerini Hatırlayalım!

YAZILAR

Web sitenize yukarıda örneği görülen haber, duyuru vb. alanlar yapıp bu alanlara yazı eklemek istiyorsanız yapmanız gerekenler;

1. Görünümden Bileşenlere gelerek; haber, etkinlik, duyuru modüllerinden birisini sürükleyerek istediğin alana bırak ve kaydet.

2. Yazılar – Kategoriler – yeni kategori ekle; Kategori ismi ve kısa ismini belirle.

3. Yazılardan yeni yazı ekle seçeneğiyle yazı başlığını ve metni girip, ilgili kategoriyi seçerek yazınızı yayına verin.

Yazılar Alanının Wordpress görünümü

1. Görünümden Bileşenlere gelerek; haber, etkinlik, duyuru modüllerinden

birisini sürükleyerek istediğin alana bırak ve kaydet.

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

2. Yazılar – Kategoriler – yeni kategori ekle; Kategori ismi ve kısa ismini belirle ve

yeni kategori ekleyi işaretleyin.

3. Yazılardan yeni ekle ya da tüm yazılardan yeni ekle seçeneğiyle yazı başlığını ve

metni girip, ilgili kategoriyi seçerek yazınızı yayına verin.

Eklediğiniz duyuruyu silmek isterseniz ; yazılar - tüm yazılardan çöp alanını tıklayarak silebilirsiniz.

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

ALT MANŞET

Web sitenize yukarıda örneği görülen Alt Manşet eklemek istiyorsanız yapmanız gerekenler;

1. Görünümden Bileşenlere gelerek; Au Alt Manşet modülünü istediğin panele sürükleyerek bırak ve kaydet.

2. Alt Manşet menüsünden manşet metnini ve URL’sini gir ve değişiklikleri kaydet. Alt Manşet menüsünden manşet silmek için manşet

alanını boş bırakmanız yeterlidir.

Wordpress «Alt Manşet» Menüsü ile sitenizde sürekli değişen ya da önemli bulduğunuz haberlerin olduğu manşet alanı oluşturabilirsiniz.

1. Alt Manşet oluşturabilmek için ilk olarak görünüm menüsünden Bileşenlere girerek, Au Alt Manşet Modülünü istediğiniz alana sürükleyip

kaydetmelisiniz.

2. Sonra Alt Manşet Menüsünden; Manşet in başlığını yazıp, istersek ilgili dokumanın linkini Manşet Tam URL alanına eklememiz yeterlidir.

Değişiklikleri Kaydetmeyi Unutmayalım!’

1

2

Web sitenize yukarıda örneği görülen Slider eklemek istiyorsanız yapmanız gerekenler;

1. Ortamdan Kütüphaneye gelerek; belirlediğiniz fotoğrafın URL’sini kopyalayın.

2. Slider menüsünden slider resim alanına URL’yi yapıştırın ve değişiklikleri kaydedin. İsterseniz sliderdaki fotoğrafınız üzerine metin girişi

yapabilirsiniz.

SLIDER

Wordpress «Slider» Menüsü ile Sitenizin orta bölümünde fotoğrafların geçiş yapmasını sağlayabilirsiniz. Slider görsel bir uygulamadır.

1. Slider’a fotoğraf ekleyebilmek için ortam kütüphanenizde yer alan kullanmak istediğiniz fotoğrafı tıklayın, eklenti detaylarından URL’sini

kopyalayın.

2. Kopyaladığınız linki slider resim alanına yapıştırın. İsterseniz ilgili sliderdaki fotoğrafın üzerine metin girebilirsiniz. Değişiklikleri Kaydetmeyi

Unutmayın!!!

1

2

Web sitenizin Ayarlarını düzenlemek istiyorsanız yapmanız gerekenler;

1. Ayarlar menüsünden sitenin başlığını belirleyebilirsiniz.

2. Site arka plan ve yazı renklerini belirleyebilirsiniz.

3. Slider yayınına karar verip, yüksekliğini belirleyebilirsiniz.

Wordpress «Ayarlar» menüsü ile site başlığını, sitenin arka plan ve yazı renklerini kolaylıkla belirleyebilirsiniz. Sitenizin orta

kısmında yer alan slider’ın gösterimine karar verip, slider yüksekliğini buradan belirleyebilirsiniz. Değişiklikleri Kaydetmeyi

Unutmayınız!!

Web sitenize yukarıda örneği görülen MENÜLER eklemek istiyorsanız yapmanız gerekenler;

1. Görünümden menüler seçeneğini işaretleyin.

2. Menünün adını ve nerede yayınlanacağını belirleyin.

3. Menüde yer almasını istediğiniz sayfaları seçerek menüye ekleyin.

4. Menüde isterseniz alt menüyü sağa sürükleyerek oluşturun.

Wordpress Görünüm Menüsü «Menüler» alanı sitenizin genellikle üst tarafında yer alan kısımdır.

1. Menü eklemek için öncelikle menüye bir isim veriyoruz, bu menünün sitenizde temanızın özelliğine göre nerede yer alacağını işaretliyor ve

kaydediyoruz.

2. Sonrasında menüye ekleyebileceğiniz kategoriler ve sabit sayfalar yan bölümde karşınıza gelecektir. Menüde yer almasını istediğiniz Sayfa ve

Yazıları seçip menüye ekle diyoruz.

3. Ekledikten sonra sürükle – bırak ile bunların sıralamasını değiştirebilirsiniz.

4. Eğer bir kategori altına alt kategori, sayfa eklemek isterseniz, bu kategorinin altına biraz sağa doğru sürükleyip bırakabilirsiniz. Alt eleman

olarak adlandırılacaktır. (sadece 1 alt eleman oluşturabilirsiniz) Menüyü Kaydetmeyi Unutmayınız!!

1

2

3

4

LİNKLER

1. Linkler menüsünden link başlığını ve URL’sini girip değişiklikleri kaydedin.

Wordpress «Linkler » Menüsü; faydalı site adreslerini ziyaretçilerinize tavsiye etmek amacıyla kullanabileceğimiz menü seçeneğidir.

Link başlığını ve URLsini girip, Değişiklikleri Kaydet demeniz yeterlidir.

İLETİŞİM

1. Adres menüsünden iletişim bilgilerini girip değişiklikleri kaydedin.

Wordpress «Adres » Menüsü ile ilgili birimin adres bilgilerini telefon numaralarını girebilirsiniz. Değişiklikleri kaydet demeniz

yeterlidir.

1. Hakkımızda menüsünden birimin açıklamalarını girip değişiklikleri kaydedin.

HAKKIMIZDA

Wordpress «Hakkımızda » Menüsü ile ilgili birimin açıklamalarını girebilirsiniz. Misyon – Vizyon yerine başka bir başlık adı da

kullanabilirsiniz. Değişiklikleri kaydet demeniz yeterlidir.

WORDPRESS – TEKRAR

Aşağıda wordpress ile yapılmış bir site örneği görüyorsunuz. Hangi menülerin kullanıldığına dikkat edelim.

ALT MANŞET

LİNKLER

YAZILAR

HAKKIMIZDA ADRES

SLIDER

Wordpress Menülerini Hatırlayalım!

WORDPRESS SIKLIKLA KARŞILAŞILAN SORUNLAR VE ÇÖZÜM YOLLARI

BAUM Web Sorumlusu Bihter YİĞİT

bihter@akdeniz.edu.tr

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Wordpress sisteminde tablo oluşturma ve ya varolan tabloların düzenlenmesinde karşılaşılan sorunlar

• Microsoft Word, excel vb. alanlarda oluşturduğumuz tabloları wordpress sayfa alanına eklemek istediğimizde bazı sorunlarla karşılaşabiliriz. Örneğin Microsoft word de oluşturduğumuz bir tablo nasıl wordpress’de oluşturulmuş sayfaya eklenir?

• Tablomuz responsive yani cep telefonu görüntüsüne uygun bir yapıda olmadığında sorunlarla karşılaşabiliriz. Wordpress de oluşturulmuş bir tablo nasıl cep telefonlarıyla uyumlu hale getirilebilir?

1. Microsoft Word’de bir tablo oluşturalım ve bu tabloyu kopyalayalım.

Not: (CTRL+A: seç, CTRL+C: kopyala, CTRL+V: yapıştır, CTRL+F: arama)

2. Microsoft Word’den kopyaladığımız tabloyu wordpress de sayfa içine görsel konumda iken yapıştıralım.

3. Örneğin Microsoft Word’den kopyaladığımız tabloyu maalesef içinde genişlik değeri ile birlikte kopyaladığımız için (Word dosyası

özelliği) bu istenmeyen değer ile birlikte wordpress sayfasına yapıştırmak zorunda kalıyoruz. Bu durum cep telefonlarında tablonun

yarım görünmesi, tabloya müdahalede zorluk vb. sorunlara neden olmaktadır. Bu istenmeyen değerleri kod kısmından silmek

zorundayız!! Metin alanındaki verileri kopyalayıp lütfen notpad’e yapıştırın!!

4. Örneğin Microsoft Word’den kopyaladığımız tablonun Genişlik ve yükseklik (wight ve height) değeri olmamalıdır. Bu istenmeyen

değerleri de tek tek silmek sıkıntılı bir süreç olabileceği için, Notepad programında silmenizi öneriyoruz. Notepad’e yapıştırdığınız

verilerde width ve height değerlerini silin. (Aşağıda yer alan örnekte CTRL+F arama tuşuyla tüm genişlik belirten width=

“151”değerlerini sildik.)

5. Notpad’de temizlediğimiz tabloyu kopyalayıp, tekrar worpress sayfamızın metin alanına yapıştırıp aşağıdaki class="table table-

bordered" kodunu ekledikten sonra tablo içeriklerini hem daha kolay girebileceğiz hem de cep telefonlarında tablolar problemsiz

yayımlanmış olacak.

class="table table-bordered"

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Wordpress sisteminde fotoğrafların düzenlenmesinde karşılaşılan sorunlar

• Wordpress de fotoğrafların mobil uygulama (cep,tablet) görünümüne (responsive) göre ayarlanması, farklı ekran çözünürlüğüne göre küçültüp büyütülmesi gerekmektedir. Wordpress de yayınlanan bir fotoğraf nasıl cep telefonlarıyla uyumlu hale getirilebilir?

Fotoğrafları mobil uygulama (cep,tablet) görünümüne (responsive) göre ayarlama

Mobil uyumlu bir imaj görüntüsü elde edebilmek için fotoğrafın img ile başlayan kod tagları içine class="img-responsive" kodunun

eklenmesi gerekmektedir. Ortam kütüphanesinden fotoğraf eklendiğinde, imaj otomatik bir class kodu ile getirilir. Bu kod silinip

yerine yukarıda belirtilen class kodu eklenmelidir. Şayet imaja çerçeve istenirse ek olarak img thumbnail class="img-responsive img-

thumbnail" kodu da eklenebilir.

class="img-responsive"

Bir fotoğrafın farklı ekranlarda olması gereken görünüm örnekleri

WORDPRESS

BAUM Web Sorumlusu Bihter YİĞİT

bihter@akdeniz.edu.tr

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Wordpress Faydalı Videolar

Wordpress Faydalı Dokumanlar

• https://www.youtube.com/watch?v=5pRHcIk78dY&list=PLjCo5A4UoQAPzoUvQpwS4ioCYbwRAn1y9

• https://www.youtube.com/watch?v=wfdAXp2KOoE&list=PLlzFAUnD8XdvX2AgVpoaYg_HsH7orkXrr

• https://www.youtube.com/watch?v=aIueAjxVpZQ&list=PLARYz2dV71mDCPEL0RITlpAqPzsFKOn1H

• https://www.youtube.com/watch?v=sIzdY32ulaE&list=PLA-Q-aGxYhd6bkKSlDLeM2ViqUb2JyJNK

• https://www.youtube.com/watch?v=MFhJknFgh2g&index=14&list=PLQNmPLRlRuLMM9XYCYwIqNWZCmpl-Rjyn

• https://www.youtube.com/watch?v=zQQ0ayo4sJo&list=PLQeH7_EuP0vCGC7MseOdPkuS3sqos4aPH

• https://guvencgorgulu.files.wordpress.com/2011/12/blog_wordpress_rehberi.pdf • http://fbe.atauni.edu.tr/BilimEtik/2008_2009_Guz/8_Hafta-Blog_Haz%C4%B1rlama_Rehberi(Y_Goktas).pdf • http://docplayer.biz.tr/1049381-Icerik-yonetim-sistemi-wordpress-ogr-gor-serkan-korkmaz-birecik-myo-kasim-2014.html • http://www.wp-tr.org/wp-content/uploads/2011/05/wp-rehberi-v3.pdf

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Ocak 2017