Nihayet!WordPress’te görüntüleri yan yana oturtun
WordPress’te yan yana oturmak için iki fotoğraf çekmeye çalıştınız mı? Seni deli ediyor mu? Eğer öyleyse, yalnız değilsin. Beni birkaç kez deli etti. İyi haber şu ki, şimdi geçmişte olduğu kadar kalınlaşmamış olabilir. Kötü haber şu ki, yukarıdaki iyi haberler sizin durumunuzda gerçekten geçerli olmayabilir. Ancak endişelenmenize gerek yok, başka iyi haberler var – en kolay yöntem sizin için başarılı değilse, aşağıda alternatif bir yöntemimiz var. 4 Yan taraf için farklı yöntemler sizin için dört temel yöntemimiz var. Aşağıdaki birinci ve ikinci yöntem, en kolay, WordPress’te asla kullanılmayan ve şimdi bile bazı insanlar için çalışmayabilir.
Bu yüzden size bazı alternatif yöntemler vereceğiz. Ayrıca, bu alternatif yöntemle daha fazla kontrol elde edebilirsiniz, böylece başlamak için çözümü seçmek isteyebilirsiniz. 1. Yöntem net bir şey yapmaz, hiçbir şey hiçbir şey yapmamaktan daha kolay değildir ve bu yöntemle ihtiyaç duyulan şey budur. Sadece resminizi yan yana editörünüze koyun. Bu yöntem sizin için başarılı olursa (belki değil), görüntü aşağıdaki gibi yan yana gelir. Görüntüler arasında boşluk olmadığını unutmayın.
Ancak son zamanlarda benim için gerçekten işe yaradı. Yani belki bir şey düzeltilir. Ya da belki denediğim tema daha esnekti. (Bazılarında denedim.) Çok emin değilim. Ve bu önemli değil. Sizin için çalışıyorsa, o zaman işe yarar. Değilse, endişelenmek için çok zaman harcamayacağım. Diğer yöntemlere yönelmek için yeterli. 2. Varsayılan yöntem buna yerleşik yöntem diyeceğiz. Bu, ilk yöntemden biraz daha karmaşıktır, ancak görüntü boyutunuz izin verdiği sürece, görüntüler arasında birlikte çalıştırmak yerine boşluk sağlamalıdır. (Belki çok fazla alan. Daha sonra tartışacağız.) Basitçe söylemek gerekirse, düğmeyi tıklayarak veya seçeneği seçerek görüntüyü WordPress aracılığıyla hizalayabilirsiniz. Bunu başarmanın iki yolu vardır. a. Editör düğmesi Görüntünüz editörünüze içe aktarıldıktan sonra, Visual Editor modundaki Hizalama Anahtarını kullanın. İkinci görüntü için birinci ve düz görüntü için sol düz kullanın.
B. Medya kütüphanenizdeki seçenekler temel olarak medya kütüphanesindeki seçenekler aracılığıyla aynı şeyi yapabilir. Görüntünüzü gönderiye aktarmak için düzenleyicinin medya düğmesine tıkladığınızda, girmeden önce, sağ taraftaki alttan yakın bazı seçenekler göreceksiniz. İkinci görüntü için birinci ve sağ görüntü için sol düzünü seçin. Yukarıdaki birinci veya ikinci yöntemi seçin, görüntünüz aşağıdaki gibi çıkacaktır. İki görüntü arasında çok fazla alan olduğunu göreceksiniz. Alan miktarı, görüntünüzün boyutuna göre belirlenecektir. Açıkçası, ne kadar küçük olursa, aralarında o kadar fazla yer. (Ayrıca, elbette, çok büyükse, o zaman yan yana kurulacak kadar alanları olmayacak.) Bir kez daha, görüntünüz yeterince küçük olsa bile, uygun olmayan bir şey olma olasılığı vardır. Bu yöntemle sizin için. Eğer öyleyse, lanetlemeyin. Sadece devam edin. CSS Yöntem Kılavuzu Adından da anlaşılacağı gibi, bu yöntem manuel olarak birkaç CSS kodunu girmenizi sağlayacaktır. Bu yöntem ayrıca, görüntüleriniz arasında ne kadar alan olduğu konusunda daha fazla kontrol sağlayacaktır. Aslında bu yöntemi elde etmenin birkaç yolu da var. İki seçeneği tartışacağız. a. CSS Bu yöntem doğrultusunda CSS kuvvetini doğrudan görüntü koduna koyarsınız. Editörünüzdeki “Metin” sekmesini açın (HTML Kod Bölümü) ve eklediğiniz resmin kodunu bulun. Büyük olasılıkla, her resim için iki parça olacaktır. Onu bağlayan bir kodunuz olacak. Bu şöyle başlayacak:
Ve sonra çekici bir kodunuz olacak. Bir bütün olarak aşağıdaki CSS kodu şöyle görünmelidir: <img …. Bu, görüntüyü sola itecek ve size 5 piksel bir alan verecektir. İsterseniz artırabilirsiniz. Yapın. İkinci resimde de aynısı. Eğer bunu sola da yüzerseniz, birincinin yanında sıraya girecektir. Ancak birincisinin 5 piksel bir marjı olduğu için (veya değiştirirseniz daha fazla), o zaman savaşmayacaktır. Son ürün böyle görünecektir (yine, hepsi görüntünüzün boyutuna bağlıdır).
B. Başka bir CSS seçeneği ile bir Div kullanmak CSS kullanıyor, ancak kodu görüntü kodunun kendisine girmek yerine, her resmi bir div ile sararsınız ve daha sonra div stil sayfanızda düzenlersiniz. İlk olarak, div’iniz için benzersiz bir “sınıf” adı oluşturun, belki “yan yana” gibi. Ardından şunun gibi ilk görüntünün kodu sarın:
(Görüntü için tüm kodları buradan ekleyin)
İkinci resim için de aynısını yapın.
[one_half] … Buradaki resim … [/one_half] Örneğin, bu kısa bir koddaki bir resim.
İkinci resmi aynı şekilde gerçekleştirin. Ve elbette, sonuç yan yana iki resim.
Editörünüzde bir karmaşa not edilmeniz gereken bir şey, görüntünüzün yukarıdaki çözümlerden bazılarıyla çeşitli şekillerde kaotik göründüğünü görebilirsiniz.
Aslında bunun için bir çözüm yok.Sitede iyi oldukları sürece, önemli olan bu.Ancak, çeşitli tarayıcılarda çeşitli şeyleri kontrol edeceğim.Ayrıca, elbette, mobil cihazlarda her şeyin nasıl görüldüğünü görmek isteyebilirsiniz.Temanız da dahil olmak üzere birçok şey, yayınladığınız sayfanın nihai sonuçlarında rol oynayabilir.Umarım, yukarıdaki çözümlerden en az biri sizin için işe yarayacaktır ve can sıkıcı günler sadece yan yana oturmak için görüntüleri almaya çalışır. WordPress’te görüntüleri yan yana yaptınız mı?Bize yorumlarda söyleyin!
Etiket: Görüntüler
