Buradasın
Web Editöründe Haber Metnine Harici Fotoğraf Ekleme ve Link Verme Eğitimi
youtube.com/watch?v=fVWl8LoZh4cYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Medya İnternet kullanıcıları için hazırlanmış bir "nasıl yapılır" eğitim videosu olup, bir eğitmen tarafından sunulmaktadır.
- Video, web editöründe haber metnine harici fotoğraf ekleme ve haber başlığına link verme işlemlerini adım adım göstermektedir. İlk olarak, haber metnine fotoğraf ekleme süreci, dosya yükleme, boyutlandırma ve responsive ayarlamaları anlatılmaktadır. Daha sonra, haber başlığına harici link verme işlemi gösterilmektedir. Video, hem masaüstü hem de mobil cihazlarda sonuçların gösterilmesiyle tamamlanmaktadır.
- 00:11Haber Metnine Harici Fotoğraf Ekleme
- Bu eğitim videosunda haber metninin içerisine harici bir fotoğrafı web editörü kullanarak nasıl ekleyeceğimiz gösterilecek.
- Örnek olarak Malatya'nın en eski yemeklerinden biri olan patlıcan tava başlığının üstüne fotoğraf yerleştirilecek.
- Haberler modülüne gidip işlem yapılacak haberi seçip düzenleme yaparak fotoğraf için alan açılıyor.
- 00:55Fotoğraf Yükleme İşlemi
- Web editörünün menü kısmındaki resim simgesine tıklayıp "sunucuya göz at" butonuna basarak dosya yöneticisini açıyoruz.
- Harici yükleme yaparken dosya klasörünün direkt altına yüklemek yerine mutlaka "yüklenenler" klasörünü kullanmak gerekiyor.
- Dosya yöneticisinde 2019 yılı ve 7. ay klasörlerine tıklayıp "dosyaları yükle" simgesine tıklayarak bilgisayardan fotoğraf yükleniyor.
- 01:59Fotoğraf Boyutlandırma
- Fotoğrafın piksel değerlerini kontrol ederek, haber sistemindeki genişlik değeri (width) olan 730 piksel ile uyumlu hale getirmek gerekiyor.
- Dosya yöneticisinde sağ tıklayıp "resmi yeniden boyutlandır" linkine tıklayarak, görünüm oranı kilitli olacak şekilde genişlik 730 piksel olarak ayarlanıyor.
- Görsel kalitesini 90 olarak ayarlayarak, 100'e göre yaklaşık üç kat daha az alan tasarrufu sağlanıyor.
- 03:29Fotoğraf Düzenleme ve Kaydetme
- Boyutlandırılan fotoğrafı editörüne gönderdikten sonra, resim bilgisi sekmesindeki genişlik ve yükseklik değerlerini siliyoruz.
- Gelişmiş sekmesinde "sil sınıfları" kısmına "img fluid" yazarak görseli responsive ölçüye ayarlıyoruz.
- Bu işlem sayesinde cep telefonunda görsel ekran çözünürlüğünün genişliğinde gösterilecek ve veri tasarrufu sağlanacak.
- 04:36Değişiklikleri Sitede Görüntüleme
- Değişiklikleri kaydederek sitede ve mobilde kontrol ediyoruz.
- Mobilde resim herhangi bir en-boy uyumsuzluğu olmadan otomatik olarak küçültüldü.
- Bu otomatikleşmeyi sağlayan "img full stil" sınıfı sayesinde ziyaretçilerimize daha küçük bir resmi tam boyutlarıyla göstermiş oluyoruz.
- 05:23Başlığa Harici Link Verme
- Haber metninde bir başlığa harici bir link vermek için web editörü menüsünün üst kısmındaki link simgesine tıklıyoruz.
- Protokol belirleyip URL'yi yapıştırıyoruz ve hedef kısmından "yeni pencere" seçeneğini işaretliyoruz.
- Değişiklikleri kaydedip güncelleyerek, başlığa link verildiğini ve tıklandığında farklı bir sekmede medya internet sayfasına ulaşabildiğimizi kontrol ediyoruz.