WordPress'te sayfalar nasıl düzenlenir – WordPress düzenleyicide ustalaşın

WordPress'te sayfaları düzenlemek için çok teknik olmanıza gerek yok - bir metin düzenleyici konusunda biraz deneyiminiz varsa, bunu yeterince basit bulacaksınız. Hem gönderiler hem de sayfalar için WordPress düzenleyicisini kullanın.

Ayrıca bakınız: Bir sayfa adı nasıl düzenlenir >

Burada kullandığım örnekler WordPress.org sisteminde, ancak WordPress.com sayfaların değiştirilme şekliyle çok benzer. Gönderi ikisi için yararlı olacaktır.

GÜNCELLEME. Bu gönderi, 2018'den beri kullanılan Glutenberg WordPress Düzenleyicisi olan WordPress Bloklarını değil, WordPress Klasik Düzenleyicisini ifade eder. Ancak, bu gönderi yine de bazıları için yardımcı olacaktır.

Bakalım neler öğreneceksiniz.

Bu yazının sonunda, WordPress'te sayfaların nasıl biçimlendirileceğini ve düzenleneceğini şu şekilde kavramalısınız:

• Yönetici alanında düzenleme ve kaydetme,
• değişiklikleri ön uçta görüntüleme,
• ve WordPress düzenleyicide biçimlendirme araçlarını kullanma.

Herhangi bir gönderiyi veya sayfayı güncellemeden önce WordPress veritabanını yedekleyin. Ücretsiz olarak sunulan bir yedekleme ve geçiş eklentisi olan DB Migrate kullanıyorum.

WordPress'te sayfaları düzenlemek için gerekenler

• Web geliştiricinizden bir WordPress kullanıcı adı ve şifresi.
• Yönetim alanının URL'si (web adresi veya muhtemelen bağlantı olarak da bilinir).

Bunlara sahip olduğunuzda, tarayıcınıza yazarak veya bağlantıya tıklayarak URL'nize gidin.

Kullanıcı adını ve şifreyi girin ve Oturum Aç'a basın . WordPress kontrol paneline geleceksiniz.

WordPress web sitesini yeni bir sekmede görüntüleyin

Yaptığım ilk şey, web sitesinin halka açık kısmını yeni bir tarayıcı sekmesinde açmak. Daha sonra bir sekmede yönetici alanı (arka uç) ve diğerinde kamusal alan (ön uç) görünür. Bu şekilde ikisi arasında geçiş yapabilirim.

WordPress web sitenizin ön ucunu yeni bir sekmede açmanın en kolay yolu;

• Yönetici alanında - ekranın sol üst köşesindeki ev simgesinin üzerine gelin.
• Açılır menüden 'Siteyi Ziyaret Et' üzerine SAĞ TIKLAYIN .
• "Bağlantıyı yeni sekmede aç" ı tıklayın. Aşağıda kırmızı ile altını çizdim.

not. Kullandığınız tarayıcıya bağlı olarak kelimelerde farklılıklar olabilir.

Artık iki tarayıcı sekmesi açık, yani ikisi arasında geçiş yapabilirsiniz.

Yönetici alanını kullanarak WordPress sayfasını tek bir sekmede düzenlemeye devam edin.

Öte yandan, yaptığınız her değişikliği kontrol etmek için web sitenizin ön ucunu görüntüleyeceksiniz.

Düzenlemeler yapıp bunları kaydederken sitenin ön ucuna gidebilirsiniz. Sayfayı yenilemek için F5 tuşuna basın - bu, tarayıcının güncellenmiş sürümü göstermesini ister.

WordPress'te sayfa içeriğini düzenleme

Artık çalışma alanınızı kurdunuz, hadi admin alanından başlayalım. Burada WordPress düzenleyicisini bulacaksınız.

Soldaki menüden SAYFALAR'ı tıklayın. Sitenizdeki sayfalar listelenir.

Fareyle bir sayfa adının üzerine geldiğinizde başka seçenekler görünür.

EDIT sizi tam düzenleme ekranına götürecektir.

HIZLI DÜZENLEME , bu ekrandan başlık, bilgi, tarih, gizlilik, ebeveyn, sipariş, şablon ve durumu değiştirmenize olanak tanır.

BIN , sayfayı çöp kutusuna gönderir. Sayfa artık web sitesinde görünmeyecek.

GÖRÜNÜM , bu belirli sayfayı görmenize izin verecektir - ön (veya genel) uç.

Bir sayfayı düzenlemek için ilk seçeneğe, DÜZENLE'ye tıklayın. Veya sayfa adına tıklayın.

WordPress 'sayfa düzenleme' ekranına geleceksiniz.

WordPress eğitiminde sayfaları düzenleme

İlk önce dikkatinizi WordPress içindeki temalara ve eklentilere çekmeliyim, bazen 'sayfa düzenleme' ekranını özelleştiriyorum.

Örneğin, DIVI, DIVI Builder adlı bir arabirim kullanır; Avada'nın adı Fusion Builder.

Hangi sürümü kullanıyorsunuz?

En son WordPress düzenleyicisi Gutenberg Blok Düzenleyicisidir. Sayfanız aşağıdaki resme benziyorsa, blok kullanıyorsunuz – blok düzenleyicideki yazımı ziyaret edin.

WordPress düzenleyici aşağıdaki resme benziyorsa, Klasik WordPress düzenleyicisini kullanıyorsunuz demektir.

Özel bir oluşturucu kullanmıyorsanız başlayabiliriz.

WordPress düzenleyici düğme simgeleri açıklandı

Klasik düzenleyicide, ilk düğme simgesi, bir zamanlar 'mutfak lavabosu' olarak adlandırılan ARAÇ ÇUBUĞU GEÇİŞ simgesidir. Yukarıdaki resimde ters çevrildiği için aktif olduğunu görebilirsiniz.

Araç çubuğu geçiş simgesi şöyle görünür:

Bu düğme simgesi, ekstra biçimlendirme seçeneklerini gösterir veya gizler. Aktif tutun.

WordPress'te metin biçimlendirme

Çoğu WordPress editörü gibi, metni vurgulayabilir ve biçimlendirebilirsiniz.

Ana düzenleme çubuğunda soldan sağa:

B – metni kalın veya güçlü yapar.
I - vurgulanan metni italik olarak koyun.
ABC - bu, metninizin üzerini çiziyormuş gibi üzeri çizili bir ekleyecektir. Satılan ürünler için kullanışlıdır.

Web konuşmasında sırasız bir liste için düğme simgesi, ancak WordPress buna madde işareti listesi diyor. Listeler oluşturmak için bunu kullanın. Örneğin:

• Bu ilk nokta.
• Bu ikinci düzen noktasıdır.

Her satırın sonunda, her yeni madde işareti istediğinizde geri dön (veya gir) düğmesini tıklayın.

Hızlı bir ipucu: SHIFT-ENTER'ı tıklatmak, yeni bir madde işareti oluşturmadan bir satırı bırakabileceğiniz için madde işareti listelerinde yardımcı olan bir satır sonu oluşturur.

• Bu benim ilk noktamın başlığı.
  SHIFT-ENTER'a basarak bunun hakkında biraz konuşuyorum.
• Şimdi ikinci noktam var.
  Bu konuda biraz.

Bir listeyi durdurmak için son satırdan sonra iki kez geri dön tuşuna basın. Veya simgeye ikinci kez basın. WordPress normal paragraflara dönecektir.

Web sitesi tasarımcınız veya temanız, listeleri biçimlendirmek için CSS kullanmış olabilir. WordPress düzenleme ekranında stili her zaman değiştiremezsiniz.

Bu ikon internet dilinde sıralı liste olarak adlandırılan numara listesidir. Liste numaralandırılmış olması dışında, yukarıdaki madde işareti listesiyle aynı şekilde kullanın.

Blok alıntılar bir metin satırını girintiler. Yine, tema veya web geliştiricileri bunlara stil vermiş olabilir, bu nedenle onları şekillendiremeyebilirsiniz.

Sıradaki yatay çizgi. Metin parçalarında sonlar oluşturmak için yatay çizgiyi kullanın. Tema stilleri kontrol eder. Yukarıdaki, varsayılan stildir – 1 pikselde gri bir çizgi.

WordPress'te paragrafları hizalama

Paragrafların ve başlıkların düzeni genellikle bir stil sayfası içinde ayarlanır ve bu hizalama düğmelerinin biraz düzensiz çalışmasına neden olur.

Stil sayfasının paragraflarımı yönetmesine izin verme eğilimindeyim, ancak bir resim eklersem onu ​​WordPress düzenleyicisinde hizalarım.

Bir metin satırına tıklayın, ardından bir hizalama aracına tıklayın; hizalama tüm paragrafa uygulanır.

Oldukça sık, aşağıdaki paragraf yukarıdakinin hizasını takip edecektir. Genellikle bu, 'paragraf' etiketleri yerine bir satır sonu kullanıldığında olur. Basit bir düzeltme var.

• İmleci ilk paragrafın sonuna getirin.
• Şimdi ikinci paragrafı yukarı çekmek için DELETE (geri al) tuşuna basın.
• Bir paragrafı bitirmek ve yenisine başlamak için ENTER'a basın.
• İkisi ayrı ayrı hizalanabilir.

WordPress'te bağlantı oluşturma ve düzenleme

Bağlantı simgesi – hem metin hem de resimler sayfalara, gönderilere veya harici bir web sitesine bağlantı verebilir.

WordPress'te metni bağlamak için önce metni vurguladığınızdan emin olun.

Hızlı bir ipucu: Tüm kelimeyi vurgulamak için bir kelimeye çift tıklayın. Shift tuşunu basılı tutun ve onu da vurgulamak için ikinci kelimeye tıklayın.

Şimdi bağlantı simgenizi tıklayın.

Sitenizdeki bir sayfaya/yazıya bağlantı veriyorsanız, başlığı yazmaya başlayın.
not. bilgi notunu değil, sayfanın TITLE'ını yazın.

WordPress sayfa başlığını düzenleyin

Sayfayı listede bulduktan sonra, uygulamak için alanın sonundaki mavi 'geri dön' okuna basın.

Bağlantıyı daha fazla özelleştirmek için, uygula'ya tıklamadan önce alanın sonundaki dişli çark simgesini tıklayın.

Dişli simgesi, BAĞLANTI SEÇENEKLERİ içeren bir kutu açar – hangi sayfayı bağlamak istediğinizi seçin.

Tavsiye edilmez, ancak bağlantılar yeni bir pencere (veya sekme) açabilir. Bağlantı seçenekleri ekranında “Bağlantıyı yeni bir sekmede aç” seçeneğini işaretlemeniz yeterlidir. Google, farklı bir pencere açan bağlantıları cezalandırır - kullanıcılar bu kararı verebilmelidir.

Kısa bir ipucu: WordPress'in en son sürümünde, metni bağlarken bağlantı simgesine basmanız bile gerekmez. Bağlantıyı panonuza kopyalayın, metni vurgulayın ve bağlantıyı yapıştırmak için kontrol-v tuşlarına basın.

WordPress'te bir resmi bağlamak için benzer bir işlemdir.

Resmi seçin, ardından bağlantı simgesini tıklayın. Yukarıdaki adımları izleyin.

WordPress'te bir bağlantı nasıl düzenlenir

Bağlantıları DÜZENLEMEk için benzer adımları izleyin.

Metni vurgulayın veya resmi seçin. Ya aynı simgeyi kullanın ve bağlantıyı yenisiyle değiştirin. Veya görünen kalem simgesini tıklayın.

WordPress'te bir bağlantı nasıl kaldırılır

Bu simge tamamlandı bağlantıyı kaldırır. Metin bağlantısında herhangi bir yeri tıklayın veya resmi seçin, ardından bu düğmeye basın.

Daha fazla oku simgesi, hiç kullanmadığım bir simgedir. WordPress, metni bir DAHA FAZLA OKU etiketinin içine yerleştirmenize ve kullanıcı daha fazlasını okumak için tıklayana kadar sayfada gizlemenize olanak tanır. Metin, arama motorlarının taraması için hala mevcut olacak, ancak Google gizli içeriği takdir etmiyor.

WordPress'te paragraflar ve başlıklar

Araç çubuğunun içinde bir açılır menü göreceksiniz.

Bir satırı biçimlendirmek için satırdaki veya paragraftaki metni tıklayın ve bir paragraf, başlık 1 veya başlık 2 seçmek için açılır menüyü kullanın.

Tema, web sitesi tasarımını tutarlı tutan başlıklar ve paragraflar için stili belirler.

Başlıklar için doğru etiketleri kullanın, tasarım web sitesi üzerinden devam edecektir.

SEO yazımı nedir?

WordPress'te daha fazla biçimlendirme aracı

WordPress içeriğinizdeki metnin altını çizmek, öne çıkarmak veya bir açıklama yapmak için bu simgeyi kullanın.

Metni vurgulayın ve alt çizgi simgesini tıklayın.

Bir metin hizalama aracı ve hizalanmış bir paragraf oluşturacaktır. Harfler ve sözcükler arasındaki boşluk, metnin sağ kenar boşluğu ve sol kenar boşluklarıyla aynı hizada olması için ayarlanır. Aynı zamanda tam olarak yaslı veya tam yaslama olarak da bilinir ve sütunlar içindeki metinler için harikadır.

Bir WordPress web tasarımcısı olarak bu simgeyi dikkatli kullanmanızı tavsiye ederim. Düğme metnin rengini değiştirir. Müşterilerin dikkat çekmeyi amaçlayan parlak, renkli cümleler kurduğunu gördüm. İyi görünmüyor. Metni tek tip tutun.

WordPress'te neden 'metin olarak yapıştır' simgesi var? Bir web sitesinden veya Word belgesinden kopyalanan metin de biçimi taşır. Bir WordPress sayfasına yapıştırın ve biçimlendirmeyi yapıştırın. Sayfa, kodun yardımcı olmayan konumlarda olması nedeniyle berbat görünüyor.

Bir dahaki sefere kopyalayıp yapıştırdığınızda, kopyalayın; sonra imlecinizi yerine getirin ve biçimlendirme olmadan metin eklemek için 'metin olarak yapıştır' aracını tıklayın. Ardından WordPress içinde biçimlendirin.

Metninizi bir sayfanın her yerinde bulursanız, genellikle biçimlendirmedir. Ne yaptığınızı biliyorsanız ve bir yedeğiniz varsa, tüm biçimlendirmeyi çıkarmak için 'biçimlendirmeyi temizle' aracını kullanın, metninizi geri alın, böylece artık kendiniz biçimlendirebilirsiniz.

Sonraki simge olan Yunan omegası, aşağıdaki karakter haritasını açarak akut, ciddi ve inceltme gibi özel karakterler eklemenizi sağlar. Çok dilli bir sayfa oluşturuyorsanız kullanışlıdır.

Bunlar girinti simgeleridir. Bunları kullanarak bir paragrafın veya başlığın girintisini artırabilir veya azaltabilirsiniz.

Ve son olarak, geri al/yinele simgeleri. Soldaki geri almak içindir ve gerçekten kullanışlıdır. Bu resimde daha koyu gri çünkü yapabileceğim bir geri alma hareketi var. Yinele düğmesi devre dışı - şu anda 'yeniden yapabileceğim' hiçbir şey yok. Yeniden yapmak için önce bir şeyi geri almalısınız.

Bir WordPress sayfasını kaydedin

WordPress sayfanızda veya gönderide önemli değişiklikler yaptığınızda, sayfayı kaydetmek için GÜNCELLE düğmesini tıklayın. Bu, herkese açık sayfayı günceller. Çalışmanızı kontrol etmek için değişiklikleri ön uçta görüntülerken her zaman sayfanızı yenileyin.

WordPress'te otomatik kaydetme ve revizyonlar

WordPress, sayfanın taslaklarını sıklıkla otomatik olarak kaydeder.

Sayfanızın revizyonları, revizyonlar bağlantısı kullanılarak geri çağrılabilir. POST ayarlarında bulunur. Gönderi ayarları kapalıysa, açmak için sağ üstteki dişliye basın. Ardından, en üstteki Sayfa sekmesine (veya ne düzenlediğinize bağlı olarak Gönderi sekmesine) basın.

• Belgenin ömrü boyunca saklanan taslakları ve revizyonları görüntülemek için 'Revizyonlar' bağlantısını tıklayın.
• 'Revizyonları Karşılaştır' ekranına geleceksiniz.
• Bu ekranın üst kısmında sayfanın ömrünü temsil eden bir zaman çizelgesi çubuğu vardır. Kaydırıcıyı ne kadar sola götürürseniz, sayfanın revizyonları o kadar eski olur.
• WordPress, en son gönderiyi zaman çizelgesinde seçtiğiniz bir gönderiyle karşılaştırarak yapılan değişiklikleri vurgular.
• En son sürümü almak için kaydırıcıyı tamamen sağa hareket ettirin.

WordPress'te kalıcı bağlantıları düzenleme

Kümeler olarak da bilinen kalıcı bağlantılar, WordPress'te web sayfasının URL'sini oluşturur. Bir kalıcı bağlantıyı düzenlediğinizde sayfaya olan bağlantılar bozulabilir, bu nedenle lütfen dikkatli bir şekilde düzenleyin .

Kalıcı bağlantıları değiştirecek ve düzenleyecekseniz, Yeniden Yönlendirme gibi bir yönlendirme eklentisi kullanmanızı öneririm.

Kısa bir ipucu: Bir hata yaptıysanız ve kalıcı bağlantıyı değiştirdiyseniz ancak orijinal URL'yi hatırlayamıyorsanız – Google aramayı kullanarak sayfayı arayın. Aramaya şirket adını eklediğinizde, muhtemelen orijinal URL'yi listelenmiş olarak bulacaksınız. Kalıcı bağlantıyı orijinal adıyla değiştirin.

Son söz

Umarım gönderiyi beğenmişsinizdir. Ne ile çalıştığınızı anlamıyorsanız, WordPress sinir bozucu olabilir. Bu talimatların blogumdaki diğer WordPress eğitimleriyle birlikte size yardımcı olacağına eminim.