ev borcu WordPress sitesi
Eklenti Olmadan WordPress'e Tablo Nasıl Eklenir?
Performansınızın alanı ne olursa olsun, iyi organize edilmiş ve tasarlanmış bir web sitesine ihtiyacınız var. Tablolar, çizelgeler, listeler, formlar vb. birçok bileşene sahip olabilir. Ancak, web sitesinin en dikkat çekici ve görüntülenebilir kısmı hala tablo olmaya devam ediyor. Tablolara eklendiğinde daha anlaşılır olabilecek gerekli verileri içerebilirler. Ancak burada bunları WP sitesine nasıl ekleyeceğiz sorusuyla karşılaşıyoruz. Bildiğimiz gibi WordPress, eklentiler sayesinde kullanıcıya birçok işlevsellik sağlar. Burada, tablolar, formlar, galeriler, açılır pencereler vb. oluşturmak gibi WordPress'te gerçekleştirebileceğiniz hemen hemen her eylem için eklentiler bulabilirsiniz. Ancak bazı durumlarda, bunları kullanmadan web sitenizde bir şeyler oluşturmak veya oluşturmak isteyebilirsiniz. bazı sebeplerden dolayı. Bugün WordPress'e eklenti olmadan nasıl tablo ekleneceğini öğreteceğiz.
Neden Eklentisiz Tablo Eklemeliyim?
WordPress eklentilerinin birçok büyük avantajından neden yararlanmadığınızı merak ediyor olabilirsiniz. Bunun nedeni, bazı durumlarda eklentilerin web sitenizin performansını yavaşlatması veya sağlanan seçeneklerin ihtiyaçlarınız ve gereksinimleriniz için yeterli olmamasıdır. Ve bu durumda Pro sürümünü almak için ayrıca ödeme yapmanız gerekir.
Bu tür sorunlardan kaçınmak için bazı kullanıcılar ve web sitesi sahipleri, eklenti kullanmadan bunu veya bu işlemi yapmanın yollarını bulmaya karar verir. Tabloları oluşturma durumunda da öyle.
Bu noktada WordPress'e 4 kolay yoldan nasıl tablo ekleneceğini tartışacağız.
Birinci Yol: Gutenberg Blok Düzenleyici
WordPress'in birçok faydalı avantajından biri Gutenberg Blok Düzenleyicisidir. İçerik paragraflarını ayrı ayrı düzenlenebilen farklı bloklara böler.
Dolayısıyla, Klasik yerine Gutenberg Düzenleyicisini kullanırsanız, WP sitenizde bir tablo oluşturmak birkaç dakika meselesidir.
Bu Blok Düzenleyiciyi kullanarak bir tablonun nasıl oluşturulacağına dair kısa bir kılavuz:
Aşama 1
WP gönderinizi girin ve bloğun sağ tarafındaki “+” düğmesine tıklayın.
Adım 2
“Tablo” işlevini bulun veya arayın.
Aşama 3
Satır ve sütunların miktarını girin ve “Tablo Oluştur” düğmesine dokunun.
4. Adım
Bundan sonra, yeni oluşturulan tablonun stilini ve tasarımını değiştirebilecek, üstbilgi ve altbilgiyi ekleyebilecek, arka plan veya metin rengini değiştirebilecek, vb. doğrudan Editör içinden yapabileceksiniz.
İkinci Yol: Google Dokümanlar
Bu nedenle, bir tablo oluşturmanın bir sonraki kolay yöntemi Google Dokümanlar'ı kullanmaktır. Bu, Klasik Düzenleyiciyi kullanmaya devam ettiğinizde oldukça etkili olabilir. Tablo oluşturma araçlarını sağlamaz. Bu nedenle, Google Dokümanlar'da bir tane oluşturmak ve onu WP gönderinize kopyalamak/yapıştırmak daha uygundur.
İşte yerine getirmeniz gereken ana noktalar:
Aşama 1
Her şeyden önce, bir Google Dokümanı oluşturmanız gerekir.
Adım 2
Bundan sonra, yeni oluşturulmuş bir belgeye bir tablo eklemelisiniz . Bu nedenle, burada belgeye eklenecek satır ve sütun miktarını seçmelisiniz.
Aşama 3
Tabloyu Google Dokümanlar'ınıza kopyalayın ve WordPress yayınınıza kolayca yapıştırın .
Üçüncü Yol: Tablo Oluşturucu Yazılımı
Bu çok basit. Tek yapmanız gereken Tables Generator web sitesine girmek ve aşağıdakiler gibi sunulan yöntemlerden birini seçmek:
- Lateks
- HTML
- Metin
- indirim
- MediaWiki
İlk varyant olan Lateks ile bir masa yapmayı tartışalım:
Aşama 1
“Tablo”- “Set size” bölümüne girerek tablo boyutunu belirtin.
Adım 2
Tablo içeriğini google docs, web sayfaları vb. gibi başka bir yerden kopyalayıp yapıştırarak düzenleyin. Veya içeriği doğrudan düzenleyicide düzenleyin.
Aşama 3
Hizalamayı veya kenarlıkları ayarlayarak tablo hücrelerini biçimlendirin .
4. Adım
Tablo oluşturma işlemini tamamladıktan sonra “ Generate ” butonuna tıklayın ve LaTex kodunu alın. Ardından kodu kopyalayıp WP metninize yapıştırmalısınız.
İşte yukarıda belirtilen eylemden sonra oluşturulan kod:
\begin{table}[] \begin{tabular}{|l|l|l|l|l|} \hline 1 & 2 & 3 & 4 & 5 \\ \hline 6 & 7 & 8 & 9 & 10 \\ \hline 11 & 12 & 13 & 14 & 15 \\ \hline 16 & 17 & 18 & 19 & 20 \\ \hline \end{tabular} \end{table}
Bu kodu girerek, bu tabloyu belgemize alacağız:
Dördüncü Yol: HTML Etiketleri
Bu, HTML (HyperText Markup Language) bilenler için alternatif bir yöntemdir. Aşağıdaki gibi etiketleri kullanarak gerekli tabloyu oluşturma eğilimindedir:
- <tablo>
- <vücut>
- <tr>
- <td>
Bu noktada HTML etiketlerinden oluşan bir kodun nasıl yazılacağını tartışacağız. Tablo oluşturmak için kullanılabilecek örnek kod buradadır.
Kodu yazmak için and text dosyasını kullanabilirsiniz. Ve en çok tavsiye edilen kod editörlerinden biri de Sublime'dır.
<table border="1" cellspacing="0" cellpadding="0" width="390"> <tbody> <tr> <th>Title 1</th> <th>Title 2</th> <th>Title 3</th> <th>Title 4</th> </tr> <tr> <td>Detail One</td> <td>Detail Two</td> <td>Detail Three</td> <td>Detail Four</td> </tr> <tr> <td>Detail One A</td> <td>Detail Two A</td> <td>Detail Three A</td> <td>Detail Four A</td> </tr> </tbody> </table>
Şimdi size bu etiketlerin tam bir açıklamasını ve bu tür bir tabloyu kolayca oluşturmak için tüm yapıyı verelim.
- < tablo >- gördüğünüz gibi, kod parçası tüm tabloyu tanımlayan <table> HTML etiketi ile başlar.
- < tbody >- tablonuzdaki gövde içeriğini gruplamak için yazılmıştır.
- < tr >- satırların her birini oluşturmak için kullanılır.
- < th >- bu etiket, HTML tablosunda bir başlık hücresini tanımlamak için kullanılır.
- < td >- bu, tablodaki veri hücrelerini tanımlamak içindir.
İlk satırda şunu görürsünüz:
- Metin hizalama
- Yükseklik
- Sınır
- Hücreler arasındaki boşluklar
- Hücre dolgusu
- Genişlik
Bir sonraki bölümde, seçilen renk onaltılı koduna göre tablonun arka plan rengini görüyorsunuz: #e9e9e9.
Ayrıca başlıklar dört olup 1, 2, 3, 4 Başlık taşır.
Bundan sonra kod, Detay 1, 2, 3, 4 içerikli tablo verilerini içerir. Sonunda, önce </tbody> ve ardından tüm </table> dosyasını kapatmamız gerekir.
Bir tane daha değerli örnek getirebiliriz. Ve satırları ve sütunları yaymak istediğiniz durumları ifade eder. Bu, tüm satırlar veya sütunlar için değil, satırlardan biriyle birlikte bir şeyden bahsetmek istediğimizde olur. Bu durumda, HTML kodunun başka bir yapısını kullanmalıyız. İşte bir örnek:
<table> <tr> <th>Ann</th> </tr> <tr> <th>John</th> </tr> <tr> <th>Karen</th> <td>Accountant</td> </tr> <tr> <td>Jonathan</td> </tr> <tr> <th>Michael</th> </tr> <tr> <th>Marie'</th> <td>Accountant</td> </tr> <tr> <td>Sonya</td> <td>Accountant</td> </tr> <tr> <td>Jenny</td> </tr> <tr> <th>Simon</th> <td>Accountant</td> </tr> <tr> <th>Joshua</th> <td>Accountant</td> </tr> <tr> <th>Jemmy</th> </tr> <tr> <th>Kevin</th> </tr> <tr> <th>Nan</th> </tr> <tr> <th>Nancy</th> <td>Accountant</td> </tr> <tr> <th>Mary</th> <td>Accountant</td> </tr> </table>
Ve işte sonuç:
Bu tabloya istediğiniz her şeyi oluşturabilir veya ekleyebilirsiniz. Tek yapmanız gereken HTML etiketlerini yazarken çok dikkatli olmak.
toparlamak
Günümüzde internette her yerde birçok blog ve web sitesi var. Nitelikli, iyi organize edilmiş, güzel tasarlanmış sayfalara sahip olmak da çok önemlidir. Bu büyük anlaşmada, kullanıcının web sayfanızda en iyi deneyimi yaşaması için blogunuzu olabildiğince açık tutmanız gerekir. Tek yapmanız gereken bilgileri iyi, görüntülenebilir ve anlaşılır bir şekilde aktarmaktır. Dolayısıyla burada tablolardan oldukça faydalanabilirsiniz. Ve bu makaleyi okuyarak, muhtemelen onların muazzam işlevlerine ikna olmuşsunuzdur.
Gördüğünüz gibi, bir masa oluşturmanın birçok kolay yolu var. Bu, farklı eklentiler kullanmaktan kaçınmak içindir. WordPress tarafından sunulan çeşitli eklentilerin devasa işlevlerini hafife almıyoruz. Özellikle kodlama becerilerine sahip olmadıklarında bu CMS platformunda kullanıcı deneyimini kesinlikle kolaylaştırıyorlar. Ancak yukarıda da bahsettiğimiz gibi eklentiler bazen Premium sürümü almak için ek maliyetler ödemenize neden olabilir. Veya web sitenizin hızını etkilerler.
Bu durumda, bu eylemi gerçekleştirmek için alternatif yöntemler düşünmelisiniz. Ve bu makalede, WordPress web sitenize eklenti kullanmadan tablo eklemenin 4 yolunu sunduk:
- Gutenberg Blok Düzenleyici- “Tablo” işlevi
- Google Dokümanlar- “Ekle”- “Tablo” işlevi
- HTML etiketleri- bir HTML kodu ekleme
- Aşağıdaki gibi seçenekleriyle Tables Generator Yazılımı:
- Lateks
- HTML
- Metin
- indirim
- MediaWiki
Bu varyantların her biri makalede ayrıntılı olarak açıklanmaktadır. Tek yapmanız gereken bunlardan birini seçmek ve WordPress sitenizde istediğiniz bir tabloyu oluşturmak.
Makaleyi beğendiyseniz, bizi Facebook ve Twitter'da bulmaktan çekinmeyin . İlginç WP eğitimleri için lütfen YouTube kanalımıza abone olun.
En iyi Veri Tablosu oluşturucu eklentileri hakkında bilgi edinmek ister misiniz? WPGlob'daki makalenin tamamını okuyun. İlgileniyorsanız, WordPress'te bir fiyatlandırma tablosunun nasıl oluşturulacağını da okuyabilirsiniz.