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

Benzer belgeler
Doktor Web Tasarım ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

AKINSOFT CMS (İçerik Yönetim Sistemi)

KULLANIM KILAVUZU. VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU ASSAM

CMS (İçerik Yönetim Sistemi)

WORDPRESS İLE BLOG TASARLAMA REHBERİ İçindekiler

Eğitmen. Öğretmen/Eğitmen.

MEBWEB OKUL/KURUM WEB SİTELERİ KULLANIM KLAVUZU TEMEL İŞLEMLER

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1

EĞİTMEN PANEL KULLANIM KILAVUZU

Trakya Üniversitesi Personel Web Sayfası Düzenleme Kılavuzu

MARKAM SMS WEB PORTAL KULLANIM KILAVUZU

MEBİS Kullanım Kılavuzu. Öğretim Elemanı Yeni İstanbul Medipol Üniversitesi

ZİRVEDRİVEWEB YAZILIMI KULLANIM KILAVUZU

1. YazBee ana sayfasına girdiğinizde Üye Ol kısmını doldurup KAYIT butonuna tıklayınız.

UZAKTAN EĞİTİM SİSTEM KULLANIM REHBERİ

MUĞLA SITKI KOÇMAN ÜNĠVERSĠTESĠ. BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI. AKADEMĠK PERSONEL KĠġĠSEL WEB SAYFASI KULLANIM KILAVUZU MUKWEB ĠÇĠNDEKĠLER TABLOSU

Vodafone Cep Sağlık. Kullanıcı Yardım Kılavuzu Sayfa isimlerine tıklayarak ilerleyebilirsiniz. İçindekiler

İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi

Windows Live ID ve parolanızı giriniz.

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU

Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu

ZİRVEDRİVE IOS YAZILIMI KULLANIM KILAVUZU

expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu

EĞİTMEN PANEL KULLANIM KILAVUZU

UZAKTAN EĞİTİM YÖNETİM SİSTEMİ (MMYO)EĞİTMEN YARDIM KILAVUZU

Raptadmin 1.x.x Sürümleri için Kullanım Klavuzu

WordPress ile Web Sayfası Tasarımı

UZAKTAN EĞİTİM YÖNETİM SİSTEMİ ÖĞRENCİ YARDIM KILAVUZU

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU

MAK105 Temel Bilgisayar ve Algoritma

Kişisel Web Sayfası Tasarım Sistemi

BİLGİ İŞLEM DAİRE BAŞKANLIĞI. WEB GÜNCELLEME İŞLEMLERİ KILAVUZU (Dış İlişkiler Koordinatörlükleri)

Kullanıcı Giriş Ekranı

ÖĞRENME PORTALI KULLANIM KILAVUZU. Uzaktan Eğitim Uygulama ve Araştırma Merkezi (MAUZEM)

AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

EBA Dosya Uygulaması Kullanıcı Kılavuzu ( W eb)

expomed & labtechmed Katılımcı Portalı Kullanım Kılavuzu

Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır.

Denge WP Teması - Kurulum ve Kullanım Kılavuzu

MİLLİ EĞİTİM BAKANLIĞI YENİ EPOSTA SİSTEMİ HAKKINDA MEB

VKV Koç Özel İlkokulu, Ortaokulu ve Lisesi. K12Net Veli Yardım Kılavuzu

E-Posta Yönetimi. E-Posta Açma, Silme ve Yönetim Kılavuzu

LOGO PARTNER MEETING

Soru Hazırlayıcılar İçin Kullanım Kılavuzu İçindekiler

WebNET Web Site Paketi Kullanım Talimatı Versiyon 2.x

Hazırlayan Tarih İmza Özge Bakülüer. Gözden Geçiren Tarih İmza Devrim Erdönmez. Onaylayan Tarih İmza İDARE

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.

WEB SAYFASI KULLANIM KILAVUZU

Safirblog WP Teması - Kurulum ve Kullanım Kılavuzu

ODTÜ BLOG SERVĐSĐ ve BLOG HAZIRLAMA

Merkezi İçerik Yönetim Sistemi Yardım Dokümanı (V1)

CAMPUSIUM UZAKTAN EĞİTİM SİSTEMİ KULLANIM KILAVUZU

Admin. Admin.

İÇERİK YÖNETİM SİSTEMİ (CMS) Bir web sitesi yayınlamak için yapılması gerekenler:

Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır.

ÇANKIRI KARATEKİN ÜNİVERSİTESİ ZİMBRA E-POSTA SİSTEMİ KULLANICI DOKÜMANI

Flow Kullanım Klavuzu Mart 2014

İçerik Yönetim Paneline Hoşgeldiniz. Bu bölümde sisteme içerik yükleyebilirsiniz. İçerikleri düzenleyebilirsiniz, silebilirsiniz.

Bu döküman Niğde Üniversitesi Akademik Bilgi Sistemi için kullanma kılavuzudur. İçerik olarak, sistemin kullanım şeklini göstermektedir.

Bloglar için en çok tercih edilen düzen 1.düzendir. Yani En son yazılarımın listesi. Sizlerde ödeviniz için bu düzeni seçebilirsiniz.

Yeni Vision Link Kullanıcı Hesabı Nasıl Oluşturabilirsiniz?

LEARNING MANAGEMENT SYSTEM NASIL KULLANIRIM

BİLGİ İŞLEM DAİRE BAŞKANLIĞI. WEB GÜNCELLEME İŞLEMLERİ KILAVUZU (Akademik Birimler)

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ

Kurumsal Grup E-Posta Eğitim Dokümanı

AKDENİZ ÜNİVERSİTESİ ENSTİTÜ PROGRAMI BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU

BAŞKENT ÜNİVERSİTESİ ÖĞRENME VE İÇERİK YÖNETİM SİSTEMİ KULLANIM KILAVUZU

Katılımcı Portalı Kullanım Kılavuzu yatırımınızdan daha fazlasını almak için en etkili araç

AKDENİZ ÜNİVERSİTESİ ENSTİTÜ PROGRAMI BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

Blogcu Kullanma Kılavuzu

GİRİŞ KULLANIM KILAVUZU

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

AKINSOFT Franchise Server 2 Yardım Dokümanı

DUYURU PANELİ KULLANMA YÖNERGESİ

Atılım Üniversitesi Bilgi & Đletişim Teknolojileri Müdürlüğü. AKTS Veri Girişi, CMS - Yönetim Paneli Kullanıcı Kılavuzu

Avrasya Üniversitesi. Tuncay AYDEMİR

KURUMSAL SİTE YAZILIMI KULLANIM KILAVUZU

MÜ DAD ONLİ NE Ü YELİ K

LOGİN EKRANI. Şekil -1

Kullanım Kılavuzu

Ondokuz Mayıs Üniversitesi Sürüm 1.0 Aralık 2015

İçerik Yönetim Sistemi

AdverTech Dijital Tabela Yönetim Yazılımı Kullanım Klavuzu

FABREKA YAZILIM ELEKTRONİK DANIŞMANLIK TİC. LTD. ŞTİ.

İçindekiler ADIM 1 : Üye Olma... 2 ADIM 2 : Giriş Yap ve Hatırlatma Sayfaları... 3 ADIM 3: Üye Girişi yapıldıktan sonra yapabileceğiniz işlemler...

Anadolu Üniversitesi Sınav Hizmetleri. Bilgisayar Araştırma ve Uygulama Merkezi

T.C. istanbul ÜNiVERSiTESi ÖĞRENCi BiLGi SiSTEMi. ÖĞRETiM ELEMANI KULLANIM KILAVUZU

DHL EXPRESS. 1 DHL IntraShip User Guide

LUCA YENİ ARAYÜZ UYGULAMASI

VERİ GİRİŞLERİNİN TEMEL ADIMLARI

GoFeed Kullanıcı Arayüzü

DESTEK SAYFASI KULLANIM KILAVUZU

AKDENİZ ÜNİVERSİTESİ ENSTİTÜ PROGRAMI BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ

PDF Dokümanlarının Kopyalanmaya ve Yazdırılmaya Karşı Korumalı Olarak Hazırlanması Hakkında Kullanım Kılavuzu

ELEKTRONİK BELGE YÖNETİM SİSTEMİ KULLANICI GİRİŞ VE E-İMZA İŞLEMLERİ KLAVUZU

TÜRKİYE KAMU HASTANELERİ KURUMU WEB SİTESİ YÖNETİM REHBERİ

Transkript:

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

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 bihter@akdeniz.edu.tr

WORDPRESS KULLANIM KILAVUZU

WORDPRESS - TANITIM

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

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

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.

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

WORDPRESS - KURULUM

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ı:

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

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

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

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.

SLIDER YAZILAR ALT MANŞET LİNKLER HAKKIMIZDA ADRES

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

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.

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.

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

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

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

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.

SLIDER YAZILAR ALT MANŞET LİNKLER HAKKIMIZDA ADRES

Wordpress Menülerini Hatırlayalım!

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 bihter@akdeniz.edu.tr

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

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

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

BİLGİSAYAR BİLİMLERİ ARAŞTIRMA VE UYGULAMA MERKEZİ WORDPRESS BAUM Web Sorumlusu Bihter YİĞİT bihter@akdeniz.edu.tr

Wordpress Faydalı Videolar 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 Wordpress Faydalı Dokumanlar 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