WordPress’e videolar nasıl kolay bir şekilde yerleştirilir [güncellenmiş 2021]
Videolar siteyi etkileyici hale getirir. Videolar web sitesi sunumunu açar. Bir resim 60.000 kelime ise, bir video çok daha değerlidir. Ve Haziran 2021’de Tiktok’un üst üste 4 ay boyunca en çok indirilen uygulama olduğunu fark ettiğinizde bu oldukça açıktır! Ve YouTube’un +2 milyar kullanıcısı var. Bu senin için ne anlama geliyor? Video, web siteniz ve pazarlama kampanyalarınız için varlıklar yaparken görev listenizde olmalıdır. Öyleyse, WordPress’e videoların nasıl yerleştirileceğini öğrenerek başlayalım. Videoları yayınlara, sayfalara ve yanlara yerleştirebilirsiniz.
Video bir dosya, Güney Kore’deki bazı videolar ve hatta Vimeo bağlantıları veya YouTube oynatma listeleri anlamına gelebilir. Daha ilginç hale getirmek için bu varyantlardan birini web sitenize koyup koymayacağınız size bağlıdır. Rocket Science değil, bu WordPress web sitesine videolar nasıl yerleştireceğiniz aşağıda açıklanmıştır. Hepsi doğrudan. İki tür video gömme tartışacağız:
YouTube veya Vimeo gibi harici kaynaklardan;
Video yerel olarak işe alındı.
Size hem klasik hem de varsayılan editörlerde WordPress’e videoların nasıl yerleştirileceğini göstereceğim. Klasik veya varsayılan bir editör (Gutenberg olarak da adlandırılır) kullanıp kullanmadığınızı nasıl anlarsınız?
Klasik şöyle görünecek: Varsayılan editör şöyle görünüyor: WordPress üzerindeki videoları harici kaynaklardan sabitleme İlk klasik WordPress düzenleyicisindeki harici kaynaklardan sayfalardaki videoları veya blog yayınlarını sabitlemek, ayarladığınız kullanıcı adı ve şifreyle WordPress yönetici kontrol panelinizi girin. Videonuzu yerleştirmek istediğiniz sayfayı/gönderi seçin ve “Düzenle” e basın. Sematan kodu, okuyucunuza (video) vermek istediğiniz içeriğin sayfada görüntülenmesi için web sitenize ekleyebileceğiniz HTML kodunun bir parçasıdır. İşte YouTube’dan bir gömme kod örneği. Sağ -Yukarıdaki seçeneğe sahip video ve panelde tıklayın. Semat kodunu kopyalamak için tıklayın, ardından sayfanıza yapıştırın. Videonun altına da gidebilir ve “Paylaş” ı seçebilirsiniz. Orada Facebook, WhatsApp, vb. Gibi bazı seçenekler göreceksiniz. Artık “sabitlenmiş” seçeneğiyle ilgileniyoruz. Burada bir video başlatırken bir an seçme seçeneğiniz de var, çünkü içindeki belirli anları vurgulamak isteyebilirsiniz. Şimdi, gömme kodu aşağıdaki forma sahiptir: Şaşırtıcı bir şekilde, video boyutunu ayarlayabilir, genişlik veya boyut değeri ile oynamayı deneyebilirsiniz. Aşağıda Vimeo’dan gömme kodun bir örneği verilmiştir. İmleci videonun sağ tarafına yönlendirirseniz, birkaç simgenin göründüğünü görürsünüz. Video paylaşmanıza izin veren birini seçin.
Burada bir gömme kodunuz var. Aşağıda birkaç seçenek de göreceksiniz. Kontrol ederseniz, kod değişecektir. Semat kodunu kopyalayın. Şimdi, eklemek için görsel düzenleyiciden metne geçmemiz gerekiyor. Şimdi, sayfanızın veya yayınınızın arkasındaki HTML kodunu göreceksiniz. Kodunuzu buraya yapıştırın. Şimdi, bunu tam olarak nerede yapacağını anlamak oldukça zor olabilir. Bir video yerleştirmek istedikten sonra belirli ifadeleri tanımlamak için CTRL F kullanabilirsiniz. “Görsel” düzenleyiciye döndüğünüzde video önizlemenizi görebilirsiniz. İyi görünmüyorsa, başka bir yere yerleştirin. Hala iyi değilse, aşağıda sunulan bazı daha kolay seçeneklerimiz var. Yukarıda gösterildiği gibi video boyutlarını düzenlemek istediğinizde bu kod gömme seçeneği iyidir. Değilse, “Semakan’ı kodlamak yerine (kolay yollar) kodlamak yerine harici kaynaklardan bağlantılarla videolar ekleme” bölümüne atlayabilirsiniz. Gömme kodu alma işlemi için varsayılan WordPress düzenleyicisindeki harici kaynaklardan sayfadaki veya blog yayınını sabitleyin. Yani, şimdi ihtiyacınız olan kodunuz var. Onunla ne yapmalısın? WordPress kontrol panelinden, sayfayı açın veya istediğiniz gönderiyi. Kodunuzu buraya yapıştırın.
Klasik editörde kodu sabitlemek yerine (kolay yol) harici kaynaklardan bağlantılarla video eklemek, istediğiniz gönderiyi veya sayfayı açarak başlayın. Şimdi yapabilirsin:
Video URL’nizi yapıştırın Ortam eklemeye gidin -> URL’den ekleyin ve URL’nizi yapıştırın.
Bu seçenekle, video boyutunu ayarlayamazsınız.
Gutenberg editöründeki varsayılan düzenleyiciye kodu sabitlemek yerine (kolay yol) harici kaynaklardan bağlantılarla videolar eklemek, urlnk’ü yalnızca yeni bir boş blokta videoya kopyalamanız gerekir. WordPress daha sonra gömme kodu alacak ve video dosyası sayfada görüntülenecektir: ayrıca videolar eklemek için aşağıdaki bloklara da sahipsiniz:
Video – Buradan “URL seçeneğinden ekle” seçebilirsiniz. Youtube Vimeo
Şimdi videonuzu girdikten sonra, minimum bir HTML bilginiz varsa düzenleyebilirsiniz. Tek yapmanız gereken bir video seçmek ve videonun üzerindeki menüde dikey olarak hizalanmış üç noktaya tıklayın. “HTML Olarak Düzenle” seçeneğini seçin. Videonun üzerindeki menü de şunları sağlar:
Videoyu sola, ortada veya sağa hizalayın;
URL Video Dosyalarını Düzenle – Editörü her açtığınızda videoları seçtiğiniz diğer dosyalarla değiştirebilirsiniz; Video çift;
Videodan önce yeni bloğu girin;
Videodan sonra yeni bir blok girin;
Yeniden kullanılabilecek bloklara video ekleyin ve farklı yayınlara veya sayfalara geri koyun.
WordPress’e yerel olarak asılı olan videoyu girerek, videoların harici kaynaklardan WordPress’e nasıl yerleştirileceğini biliyoruz, şimdi barındırılan olanı nasıl kullanabileceğimizi görmenin zamanı geldi. Bunun için medya kütüphanesi ile çalışacağız. WordPress kontrol panelinden açarak başlayabilirsiniz. Herhangi bir medya türüyle çalıştığımda, kütle yüklemeyi seviyorum ve sayfaya veya gönderiye bir video veya resim yerleştirmek istediğimde oradan seçim yapıyorum.
“Yeni Ekle” e gittiğinizde, istediğiniz dosyayı yükleyebilir veya sürükleyebilir ve bırakabilirsiniz. Şimdi dosyalar hazır, hadi ekleyelim. Klasik WordPress düzenleyicisine yerel olarak asılan videoya girmek, sayfaya veya gönderiye gitme zamanıdır. İmleci bir video eklemek istediğiniz yere yerleştirin. Ardından, üst menünün yanında “Ekleme Medya” nı açın. Daha önce medyanızı yüklediyseniz, dosyanızı burada bulacaksınız. Dosya adımı genellikle ilgili bir adla veriyorum, böylece kolayca bulabilirim.
Ortamı türe veya tarihe göre filtreleyebilirsiniz, ancak isimlere göre arama yapabilirsiniz. İhtiyacınız olan dosyayı seçin ve sayfanıza eklenecektir.
Varsayılan WordPress düzenleyicisine yerel olarak asılan videoyu girerek, önceki bölümde blok panelde “Video” adlı bir blok olduğunu söylemiştim. Sol üstteki “+” işaretini açın ve blok panelini açın. “Video” bloğunu bulun. Onu seç. Artık kendi videonuzu yükleyebilir veya “Medya Kütüphanesi” ni seçebilirsiniz. Artık yüklediğiniz videodan videolar seçebilirsiniz. Ve hepsi bu! Özelleştirici kullanarak WordPress’e video ekleyin, video dosyalarını kahramandaki ana sayfanın/sayfanın bir arka planı olarak belirlemek isteyebileceğinizi varsayalım. Esnek bir temanız varsa, bunu bir özelleştiricide yapabilirsiniz. Görünüşten erişebilirsiniz -> özelleştirici. Bunu, birçok seçeneği ve artan ayar esnekliğine sahip bir tema olan Mesmerize ile nasıl yapacağınız aşağıda açıklanmıştır: Ayarı açın. Kahramanlara gidin -> ön bahçenin kahramanları/iç bahçenin kahramanları. Arka plan alt bölümünü açın -> arka plan türü. Ardından, videoyu sayfa kahramanınız için ayarlamak istediğiniz bir arka plan türü olarak seçin.
Bu tür bir arka plan için seçenekler listesinde, kendinizi sayfanın arka planına gönderen videoları yüklemek için Seçim Videolarını tıklamanız gerekir: Kahramanlardaki ana sayfa/sayfa içeriğine video dosyaları eklemek isteyebilirsiniz. Bu, sunuma biraz dinamizm katacak, kullanıcının dikkatini etkili bir şekilde çekecektir. Büyüleyici bir örnek tutuyoruz. Ayarı açın. İç bahçenin ön bahçesine/kahramanlarına gidin.
İçerik alt bölümünü açın -> İçerik Düzeni. Ardından, Kahraman sayfasında görüntülenecek medyalı metni seçin.
Özellikle bu temada, şunları seçme seçeneğiniz vardır:
Solda medya bulunan metin; Sağda medya bulunan bazı metinler;
Yukarıdaki medya ile metin;
Aşağıdaki medya ile metin. Videoya medya türünün düzenlendiğinden emin olun. Sayfa içeriği olarak video için yalnızca harici video kaynaklarına bağlantılar sağlama seçeneğiniz vardır. Bu, optimum performans nedenleri içindir (bir sonraki bölüme bakın). Özel bölümden, medya kutusu ayarları, video dosyasında ayarlamalar yapabilirsiniz:
Video dikey icra
Otomatik Play Video (kullanıcı sayfayı açtığında, video otomatik olarak oynamaya başlayacaktır)
Video (kullanıcı sayfayı açıp videoyu izlemeye başladığında, ses otomatik olarak devre dışı bırakılır)
Video döngüsü (kullanıcı sayfayı açtığında video çalmaya başlar; video bittikten sonra video bir turda tekrar oynatmaya başlar).
Harici olarak asılı olan videoyu kendiniz gönderdiğinden daha iyidir. Sebep bu. Bu, harici yayınlanan videoları kullanmak için en iyi uygulamadır. Bunun nedeni budur: kendi başına gönderilen video, web sitesinin performansındaki ana zayıflık olan yükleme sayfasının hızını etkiler.
Harici olarak barındırılan videolar, sunucu kaynaklarını optimal düzeyde korumaya yardımcı olur
Sayfalardaki bir azalma nedeniyle kendinizi işe alan video, kullanıcı deneyimine neden olur.
Bir video ekledikten sonra optimize etme zamanı. Video optimizasyonu ve web sitesi performansının geliştirilmesi için göz önünde bulundurmanız gereken bazı işlev ve özellikleri aşağıda belirttik:
Yüklemeyi yavaşça etkinleştirin – Bu özellik, sayfayı açarken anında değil, gerektiğinde video yüklemesini ifade eder. Bu, sayfa yükleme hızında bir artışla sonuçlanır. Hücresel Duyarlı Video – Bu, mobil cihazlar (hücresel ve tabletler) olduğunda videonun en uygun şekilde görüntülenmesini sağlar.
Otomatik Oynat – Bu, kullanıcı sayfayı açtığında videonun otomatik olarak oynamaya başlamasını sağlayan bir özelliktir.
Döngü – Video dosyaları bir dairede oynatılacak şekilde ayarlanmıştır. Bu, video dosyası bittikten sonra tekrar oynamaya başladığı anlamına gelir.
Video Özü – Video çalmaya başladığında, ses devre dışı bırakılır; Bu, video öğelerinin kullanıcının sayfada keşfini önlemeyeceği anlamına gelir. Videoya özel dikkat etmek istiyorlarsa, seslendirme seçeneği var.
Video bir dosya, Güney Kore’deki bazı videolar ve hatta Vimeo bağlantıları veya YouTube oynatma listeleri anlamına gelebilir. Daha ilginç hale getirmek için bu varyantlardan birini web sitenize koyup koymayacağınız size bağlıdır. Rocket Science değil, bu WordPress web sitesine videolar nasıl yerleştireceğiniz aşağıda açıklanmıştır. Hepsi doğrudan. İki tür video gömme tartışacağız:
YouTube veya Vimeo gibi harici kaynaklardan;
Video yerel olarak işe alındı.
Size hem klasik hem de varsayılan editörlerde WordPress’e videoların nasıl yerleştirileceğini göstereceğim. Klasik veya varsayılan bir editör (Gutenberg olarak da adlandırılır) kullanıp kullanmadığınızı nasıl anlarsınız?
Klasik şöyle görünecek: Varsayılan editör şöyle görünüyor: WordPress üzerindeki videoları harici kaynaklardan sabitleme İlk klasik WordPress düzenleyicisindeki harici kaynaklardan sayfalardaki videoları veya blog yayınlarını sabitlemek, ayarladığınız kullanıcı adı ve şifreyle WordPress yönetici kontrol panelinizi girin. Videonuzu yerleştirmek istediğiniz sayfayı/gönderi seçin ve “Düzenle” e basın. Sematan kodu, okuyucunuza (video) vermek istediğiniz içeriğin sayfada görüntülenmesi için web sitenize ekleyebileceğiniz HTML kodunun bir parçasıdır. İşte YouTube’dan bir gömme kod örneği. Sağ -Yukarıdaki seçeneğe sahip video ve panelde tıklayın. Semat kodunu kopyalamak için tıklayın, ardından sayfanıza yapıştırın. Videonun altına da gidebilir ve “Paylaş” ı seçebilirsiniz. Orada Facebook, WhatsApp, vb. Gibi bazı seçenekler göreceksiniz. Artık “sabitlenmiş” seçeneğiyle ilgileniyoruz. Burada bir video başlatırken bir an seçme seçeneğiniz de var, çünkü içindeki belirli anları vurgulamak isteyebilirsiniz. Şimdi, gömme kodu aşağıdaki forma sahiptir: Şaşırtıcı bir şekilde, video boyutunu ayarlayabilir, genişlik veya boyut değeri ile oynamayı deneyebilirsiniz. Aşağıda Vimeo’dan gömme kodun bir örneği verilmiştir. İmleci videonun sağ tarafına yönlendirirseniz, birkaç simgenin göründüğünü görürsünüz. Video paylaşmanıza izin veren birini seçin.
Burada bir gömme kodunuz var. Aşağıda birkaç seçenek de göreceksiniz. Kontrol ederseniz, kod değişecektir. Semat kodunu kopyalayın. Şimdi, eklemek için görsel düzenleyiciden metne geçmemiz gerekiyor. Şimdi, sayfanızın veya yayınınızın arkasındaki HTML kodunu göreceksiniz. Kodunuzu buraya yapıştırın. Şimdi, bunu tam olarak nerede yapacağını anlamak oldukça zor olabilir. Bir video yerleştirmek istedikten sonra belirli ifadeleri tanımlamak için CTRL F kullanabilirsiniz. “Görsel” düzenleyiciye döndüğünüzde video önizlemenizi görebilirsiniz. İyi görünmüyorsa, başka bir yere yerleştirin. Hala iyi değilse, aşağıda sunulan bazı daha kolay seçeneklerimiz var. Yukarıda gösterildiği gibi video boyutlarını düzenlemek istediğinizde bu kod gömme seçeneği iyidir. Değilse, “Semakan’ı kodlamak yerine (kolay yollar) kodlamak yerine harici kaynaklardan bağlantılarla videolar ekleme” bölümüne atlayabilirsiniz. Gömme kodu alma işlemi için varsayılan WordPress düzenleyicisindeki harici kaynaklardan sayfadaki veya blog yayınını sabitleyin. Yani, şimdi ihtiyacınız olan kodunuz var. Onunla ne yapmalısın? WordPress kontrol panelinden, sayfayı açın veya istediğiniz gönderiyi. Kodunuzu buraya yapıştırın.
Klasik editörde kodu sabitlemek yerine (kolay yol) harici kaynaklardan bağlantılarla video eklemek, istediğiniz gönderiyi veya sayfayı açarak başlayın. Şimdi yapabilirsin:
Video URL’nizi yapıştırın Ortam eklemeye gidin -> URL’den ekleyin ve URL’nizi yapıştırın.
Bu seçenekle, video boyutunu ayarlayamazsınız.
Gutenberg editöründeki varsayılan düzenleyiciye kodu sabitlemek yerine (kolay yol) harici kaynaklardan bağlantılarla videolar eklemek, urlnk’ü yalnızca yeni bir boş blokta videoya kopyalamanız gerekir. WordPress daha sonra gömme kodu alacak ve video dosyası sayfada görüntülenecektir: ayrıca videolar eklemek için aşağıdaki bloklara da sahipsiniz:
Video – Buradan “URL seçeneğinden ekle” seçebilirsiniz. Youtube Vimeo
Şimdi videonuzu girdikten sonra, minimum bir HTML bilginiz varsa düzenleyebilirsiniz. Tek yapmanız gereken bir video seçmek ve videonun üzerindeki menüde dikey olarak hizalanmış üç noktaya tıklayın. “HTML Olarak Düzenle” seçeneğini seçin. Videonun üzerindeki menü de şunları sağlar:
Videoyu sola, ortada veya sağa hizalayın;
URL Video Dosyalarını Düzenle – Editörü her açtığınızda videoları seçtiğiniz diğer dosyalarla değiştirebilirsiniz; Video çift;
Videodan önce yeni bloğu girin;
Videodan sonra yeni bir blok girin;
Yeniden kullanılabilecek bloklara video ekleyin ve farklı yayınlara veya sayfalara geri koyun.
WordPress’e yerel olarak asılı olan videoyu girerek, videoların harici kaynaklardan WordPress’e nasıl yerleştirileceğini biliyoruz, şimdi barındırılan olanı nasıl kullanabileceğimizi görmenin zamanı geldi. Bunun için medya kütüphanesi ile çalışacağız. WordPress kontrol panelinden açarak başlayabilirsiniz. Herhangi bir medya türüyle çalıştığımda, kütle yüklemeyi seviyorum ve sayfaya veya gönderiye bir video veya resim yerleştirmek istediğimde oradan seçim yapıyorum.
“Yeni Ekle” e gittiğinizde, istediğiniz dosyayı yükleyebilir veya sürükleyebilir ve bırakabilirsiniz. Şimdi dosyalar hazır, hadi ekleyelim. Klasik WordPress düzenleyicisine yerel olarak asılan videoya girmek, sayfaya veya gönderiye gitme zamanıdır. İmleci bir video eklemek istediğiniz yere yerleştirin. Ardından, üst menünün yanında “Ekleme Medya” nı açın. Daha önce medyanızı yüklediyseniz, dosyanızı burada bulacaksınız. Dosya adımı genellikle ilgili bir adla veriyorum, böylece kolayca bulabilirim.
Ortamı türe veya tarihe göre filtreleyebilirsiniz, ancak isimlere göre arama yapabilirsiniz. İhtiyacınız olan dosyayı seçin ve sayfanıza eklenecektir.
Varsayılan WordPress düzenleyicisine yerel olarak asılan videoyu girerek, önceki bölümde blok panelde “Video” adlı bir blok olduğunu söylemiştim. Sol üstteki “+” işaretini açın ve blok panelini açın. “Video” bloğunu bulun. Onu seç. Artık kendi videonuzu yükleyebilir veya “Medya Kütüphanesi” ni seçebilirsiniz. Artık yüklediğiniz videodan videolar seçebilirsiniz. Ve hepsi bu! Özelleştirici kullanarak WordPress’e video ekleyin, video dosyalarını kahramandaki ana sayfanın/sayfanın bir arka planı olarak belirlemek isteyebileceğinizi varsayalım. Esnek bir temanız varsa, bunu bir özelleştiricide yapabilirsiniz. Görünüşten erişebilirsiniz -> özelleştirici. Bunu, birçok seçeneği ve artan ayar esnekliğine sahip bir tema olan Mesmerize ile nasıl yapacağınız aşağıda açıklanmıştır: Ayarı açın. Kahramanlara gidin -> ön bahçenin kahramanları/iç bahçenin kahramanları. Arka plan alt bölümünü açın -> arka plan türü. Ardından, videoyu sayfa kahramanınız için ayarlamak istediğiniz bir arka plan türü olarak seçin.
Bu tür bir arka plan için seçenekler listesinde, kendinizi sayfanın arka planına gönderen videoları yüklemek için Seçim Videolarını tıklamanız gerekir: Kahramanlardaki ana sayfa/sayfa içeriğine video dosyaları eklemek isteyebilirsiniz. Bu, sunuma biraz dinamizm katacak, kullanıcının dikkatini etkili bir şekilde çekecektir. Büyüleyici bir örnek tutuyoruz. Ayarı açın. İç bahçenin ön bahçesine/kahramanlarına gidin.
İçerik alt bölümünü açın -> İçerik Düzeni. Ardından, Kahraman sayfasında görüntülenecek medyalı metni seçin.
Özellikle bu temada, şunları seçme seçeneğiniz vardır:
Solda medya bulunan metin; Sağda medya bulunan bazı metinler;
Yukarıdaki medya ile metin;
Aşağıdaki medya ile metin. Videoya medya türünün düzenlendiğinden emin olun. Sayfa içeriği olarak video için yalnızca harici video kaynaklarına bağlantılar sağlama seçeneğiniz vardır. Bu, optimum performans nedenleri içindir (bir sonraki bölüme bakın). Özel bölümden, medya kutusu ayarları, video dosyasında ayarlamalar yapabilirsiniz:
Video dikey icra
Otomatik Play Video (kullanıcı sayfayı açtığında, video otomatik olarak oynamaya başlayacaktır)
Video (kullanıcı sayfayı açıp videoyu izlemeye başladığında, ses otomatik olarak devre dışı bırakılır)
Video döngüsü (kullanıcı sayfayı açtığında video çalmaya başlar; video bittikten sonra video bir turda tekrar oynatmaya başlar).
Harici olarak asılı olan videoyu kendiniz gönderdiğinden daha iyidir. Sebep bu. Bu, harici yayınlanan videoları kullanmak için en iyi uygulamadır. Bunun nedeni budur: kendi başına gönderilen video, web sitesinin performansındaki ana zayıflık olan yükleme sayfasının hızını etkiler.
Harici olarak barındırılan videolar, sunucu kaynaklarını optimal düzeyde korumaya yardımcı olur
Sayfalardaki bir azalma nedeniyle kendinizi işe alan video, kullanıcı deneyimine neden olur.
Bir video ekledikten sonra optimize etme zamanı. Video optimizasyonu ve web sitesi performansının geliştirilmesi için göz önünde bulundurmanız gereken bazı işlev ve özellikleri aşağıda belirttik:
Yüklemeyi yavaşça etkinleştirin – Bu özellik, sayfayı açarken anında değil, gerektiğinde video yüklemesini ifade eder. Bu, sayfa yükleme hızında bir artışla sonuçlanır. Hücresel Duyarlı Video – Bu, mobil cihazlar (hücresel ve tabletler) olduğunda videonun en uygun şekilde görüntülenmesini sağlar.
Otomatik Oynat – Bu, kullanıcı sayfayı açtığında videonun otomatik olarak oynamaya başlamasını sağlayan bir özelliktir.
Döngü – Video dosyaları bir dairede oynatılacak şekilde ayarlanmıştır. Bu, video dosyası bittikten sonra tekrar oynamaya başladığı anlamına gelir.
Video Özü – Video çalmaya başladığında, ses devre dışı bırakılır; Bu, video öğelerinin kullanıcının sayfada keşfini önlemeyeceği anlamına gelir. Videoya özel dikkat etmek istiyorlarsa, seslendirme seçeneği var.
