Wordpress Nereye KoşuyorHüseyin BABAL

Full Stack Developer

Hüseyin BABALFull Stack Developer

PHP, JAVA, NodeJS developer. Building highly scalable, realtime systems.

Web Development mentor. Entrepreneur.

NodeJS trainer. GDG conference speaker

@huseyinbabal @huseyinbabal http://huseyinbabal.net

Wordpress

Nedir?

Blog Yazılımı

İçerik Yönetim Sistemi(CMS)

Açık Kaynaklı

MySQLPHP

2003’te bulundu

Matt Mullenweg Mike Little

b2/cafelog klon

Yönetim Menüsü

Genel Özet

En son yapılanlar

Hızlı yazı

WP Haberler

Kısa Yollar

Sol Alan

Arama

Veri Alanı

Kurulum

WP İndir (https://wordpress.org/latest.zip)

Zip içerğini istediğin klasöre kopyalayıp apache/nginx ayarlarını yap

MySQL kurulu olduğundan emin ol ve kurulum sayfasını aç(http://website.com/path/to/wp/)

1

3

2

Temel Bileşenler

Yönetim panelinden görünüm değiştirlebilir.

Bedava ve paralı temalar mevcuttur

Bileşen(plugin)ler sayesinde, Wordpressin istediğiniz herhangi bir özelliğini değiştirebilir ya da yeni özellik ekleyebilirsiniz.

Birkaç Demo...

Neden

Wordpress

Esnek & Kolay Kullanım

Açık kaynak

2,774 tema 33,921 eklenti 4,588 yıldız 2,199 fork

SEO Dostu

W ordpress, arama motorlarının seveceği şekilde bir çıktı üretir.

Media Türleri

İnfografik

69,764,179 Wordpress SiteEylül 2013

389 Milyon insanher ay 3.6 Milyar wordpress site sayfası görüntülüyor

Tahminen 20,000 kişi gelirini Wordpress ile elde ediyor

Wordpress

Mimarisi

Klasör Yapısı

Tema Yapısı

index.phpheader.phpsidebar.phpfooter.php

single.phpheader.phpsidebar.phpfooter.php

comments.php

index.phpcategory.php404.phpsearch.phpheader.phpsidebar.phpfooter.php

Anasayfa Liste SayfasıTekil Sayfa

DB Yapısı

FiltersWordpressin özelliklerini kullanıp işlem yapmak, ya da sitenin herhangi bir yerini geliştirmek için kullanılır

the_title => O anki sayfanın başlığını filtrelemek için bu filtre kullanılabilir.the_posts => Listeleme sayfasındaki makaleleri filtrelemek için kullanılabiliradmin_comment_types_dropdown => Yönetim panelindeki yorum tipi seçme kutusunu filtrelemek için kullanılır

Actions

Belirli bir işlem sonucunda ya da öncesinde kullanabileceğiniz olaylardır

added_existing_user => Var olan bir kullanıcıyı veritabanına eklemeye çalıştığınızda bu olay fırlatılır

delete_user => Kullanıcı silme işlemi olmadan önce bu olay fırlatılır

xmlrpc_call_success_wp_deletePage => API vasıtasıyla bir sayfa başarıyla silindikten sonra bu olay fırlatılır

Kısa Kod (Short Code)Kullanıcılar tarafından zenginleştirilmiş içerikleri kolayca oluşturabilmeleri için kulanılan bir yapı

[gallery id=”20”]

Wordpress

E-Ticaret

Wordpress sitenizi plugin vasıtasıyla E-Ticaret sitesine dönüştürebilirsiniz...

2 ana modülden oluşur

WooCommerce Products

WooCommerce● Sipariş takibi● Kupon yönetimi● Raporlama● Sistem ayarları● Sistem durumu● Eklentiler

Sipariş Yönetimi (Orders)

Kupon Yönetimi (Coupons)

Raporlama (Reports)

Genel Ayarlar (Settings)

Eklentiler (Addons)

Products● Ürün Yönetimi● Kategori Yönetimi● Etiket Yönetimi● Kargolama Türleri● Ürün Ekstra Özellikler

Ürün Yönetimi

Kategori

Etiket

WordpressSEO

keywords

desctiprion

SEO Title

Güzel, herşeyi ayarladık o zaman Arama motorlorunda ilk sıralarda olacak mıyız?

……..

Sosyal MedyaForrester Reasearch anket sonuçlarına göre;

Müşterilerin istediklerini arama motorlarında bulma oranı

50%

57%

2010

2011

Sosyal medyanın araştırma kaynağı olarak kullanılma oranı

18%

201125%

2010

32% 2012

Yaş grubuna göre sosyal medyayı araştırma için kullanım oranı

50%

43%

18-24

24-32

Sosyal medyadaki verilerinizin düzgün olması siteniz için önemli

OG(Open Graph) TagBuradaki amaç, sosyal medyada içeriğinizi zengin bir şekilde göstermek

OG Tag bir standarttır ve diğer sosyal medyalar tarafından desteklenir

OG Tag Örnek

Temel OG Etiketleri

og:title => İçeriğin başlığıog:image => İçeriğin resmi (Sosyal medyaya göre boyutlar değişir)og:url => İçeriğe tıklayınca gideceği adresog:description => İçeriğe ait kısa bir açıklamaog:site_name => Sitenizin adı og:type => İçeriğin çeşidi (makale, ürün, müzik, video, ….)

Wordpress SEO by Yoast

Wordpress, SEO için düzgün bir içerik üretir fakat daha fazla işlem yapmak için bu eklenti kullanılabilir

Dashboard

Dashboard

Titles & Metadatas

Social

Twitter Cards

Wordpress

Servisleri

XML-RPCWordpress, kendi fonksiyonlarını uzaktan çağırabilmenizi sağlar

XML-RPC Türleri● Worpdress API● Blogger API● MetaWebBlog API● MovableType API● PingBack API

KullanımıXML-RPC Url: http://site.com/wordpress/xmlrpc.phpKullanıcı AdıŞifreMetod Adı ve Parametreleri

JSON APIBir plugin vasıtasıyla, XML-RPC yi JSON servise çevirebilirsiniz

JSON REST API (WP API)

KullanımPOST /posts

{“title”: “”, “content_raw”: “”, “excerpt_raw”: “”}

Wordpress

Ölçekleme

Donanım ya da yazılımın gerektiğinde kendini genişletebilme özelliğine ölçeklenebilirlik denir

Neden Ölçeklenebilmeye ihtiyaç duyulur?

● Günlük neredeyse milyonlarca sayfa gösterimi var● Yüke göre kapasiteyi artırma ve azaltma● SPF (Single Point of Failure) olmadan daima açık olma● Monitor ve Backup edebilme● Uygun fiyata bu mimarinin kurulabilmesi

Wordpress için yük yaratan yerler nerelerdir?

1. Sayfanın render olması2. Statik dosya okuma/yazma3. DB işlemleri4. Monitor edilebilme

Elimizde sorunlar var. İhtiyaçlar doğrultusunda bunu nasıl çözebiliriz?

Örnek Olayın AWS de çözülmesi

Route 53DNS sorgularının ilgili instance e gitmesi

ELB (Elastic Load Balance)Dinamk instance açıp kapama

RDS (Relational Database Service)Veritabanı servisi

S3 (Simple Storage Service)Bulut depolama

CloudFrontAssetleri en yakın bölgeden getirme

CloudWatchMonitoring

R S

Wordpress

Bulut

Amazon

Appfog

Bitnami

Anket