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

Transkript

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

2 BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ WORDPRESS KILAVUZU SIKLIKLA KARŞILAŞILAN SORUNLAR VE ÇÖZÜM YOLLARI BAUM Web Sorumlusu Bihter YİĞİT

3 WORDPRESS KULLANIM KILAVUZU

4 WORDPRESS - TANITIM

5 Wordpress Nedir? 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. İyi bir Web Tasarım Nasıl Olur? 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ı.

6 Wordpress görünüm Ön Yüz Site Yönetim Paneli

7 Wordpress örnekleri

8 Wordpress örnekleri

9 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.

10 Mobil Uyumlu Web Sitemiz

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

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

13 Wordpress ile Kolay Entegrasyon Öğrenci Otomasyon Sisteminde bulunan veriler, Wordpress ile Akdeniz Üniversitesi web sayfalarına entegre edilebilmektedir. Web Sitelerimiz MOBİL Uyumludur. e Akdeniz Öğrenci Otomasyonu Mobil Uyumlu Web Siteleri

14 WORDPRESS - KURULUM

15 Akdeniz Üniversitesinde Wordpress Kurulumu Ü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. Wordpress Kurulumu İçin İstenen Bilgiler Adı Soyadı: Ünvanı: Birim/Bölüm: Telefon: GSM: e-posta: Web Adresi Adı:

16 Akdeniz Üniversitesinde ilgili birim wordpress kurulumu için bilgilerini gönderdiğinde site sorumlusuna aşağıda yer alan mail gelecektir. Kullanıcı adı mail adresinizdir. 2 Parolanızı 1 Parolanızı belirleyeceğiniz link belirledikten sonra sisteme giriş linki

17 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.

18 Parolanız sıfırlandı demek artık belirlediğiniz parolayla sisteme giriş yapabilirsiniz demektir. Artık alanından sisteme giriş yapabilirsiniz. Siteadresiniz alanına web sitenizin adını giriniz.

19 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.

20 WORDPRESS YÖNETİM PANELİ

21

22 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

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

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

25

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

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

28 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 Dosya ekleyebilirsiniz. Düzenleme modu (HTML alanı) Araç çubuğunu genişletebilirsiniz

29 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

30 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.

31

32 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!!

33 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.

34

35 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.

36 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 Dosya ekleyebilirsiniz. Düzenleme modu (HTML alanı) 2 Araç çubuğunu genişletebilirsiniz. 4 3

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

38 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.

39

40 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.

41 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.

42 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!

43 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!!

44

45 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!!

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

47 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

48

49 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

50

51 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.

52

53 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.

54

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

56 WORDPRESS ÖRNEK WEB SAYFASI YAPALIM

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

58 SLIDER YAZILAR ALT MANŞET LİNKLER HAKKIMIZDA ADRES

59 Wordpress Menülerini Hatırlayalım!

60

61 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.

62 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.

63 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.

64 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.

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

67 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.

68 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

69 SLIDER 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.

70 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

71 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.

72 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!!

73 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.

74 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!!

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

76 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.

77 1. Adres menüsünden iletişim bilgilerini girip değişiklikleri kaydedin. İLETİŞİM

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

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

80 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.

81 WORDPRESS TEKRAR

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

83 SLIDER YAZILAR ALT MANŞET LİNKLER HAKKIMIZDA ADRES

84 Wordpress Menülerini Hatırlayalım!

85 BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ WORDPRESS SIKLIKLA KARŞILAŞILAN SORUNLAR VE ÇÖZÜM YOLLARI BAUM Web Sorumlusu Bihter YİĞİT

87 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?

88 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)

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

90 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!!

91 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.)

92 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 tablebordered" 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"

94 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?

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

96 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 imgthumbnail" kodu da eklenebilir. class="img-responsive"

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

98 BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ WORDPRESS BAUM Web Sorumlusu Bihter YİĞİT

99 Wordpress Faydalı Videolar Wordpress Faydalı Dokumanlar

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