WordPress'e Trello Panoları ve Kartları Nasıl Gömülür?

Yönetmeniz gereken büyük ekip tabanlı projeleriniz var mı ve Trello'yu maksimum potansiyeline kadar kullanmak mı istiyorsunuz? Trello panolarınızı doğrudan web sitenize entegre etmeyi mi planlıyorsunuz? Eğer öyleyse, doğru yere geldiniz! Bu kılavuzda, Trello panolarını ve kartlarını WordPress'e gömmek için size 3 farklı yöntem göstereceğiz.

Neden Trello panolarını ve kartlarını WordPress'e yerleştirmelisiniz?

Trello, oradaki en popüler görsel proje yönetimi araçlarından biridir. Hemen hemen her ortak proje veya proje ekibi, tasarımı ve kısa vadeli ve günlük görevleri kolayca ayarlama yeteneği nedeniyle Trello'yu sever. Basitçe panonuzu oluşturun, kartlarınızı ekleyin ve planlanmış görev listelerinizi oluşturun. Ayrıca, görev panolarınızı kurarken, görevleriniz için kural tabanlı tetikleyiciler, takvim komutları, özel kartlar, pano düğmeleri ve çok daha fazlası gibi ek özelliklerin de keyfini çıkarabilirsiniz. Ve elbette, sitenize Trello panoları da yerleştirebilirsiniz.

Peki Trello'yu WordPress'e yerleştirmenin ne gibi avantajları var? Trello için mobil uygulama ve web tarayıcı görüntüleyici oldukça yeterli olsa da, Trello'yu web sitenize entegre etmenin birkaç avantajı vardır. Birincisi, verimlilik var. Ekibiniz Trello panolarınıza hızlı bir şekilde erişebildiği için daha iyi çalışabilirler. Farklı panoları karıştırmak veya onları aramakla uğraşmak zorunda kalmadan birden fazla takıma belirli genel panolara erişim sağlayabilirsiniz. Onları ilgili kartlara ve panolara yapıştırın ve hayatlarını çok daha kolaylaştıracaksınız.

Ek olarak, diğer site yöneticilerine veya diğer müşterilere bilgi vermek için sayfalarda ve gönderilerde kartlar görüntüleyebilirsiniz . Web sitenizden çıkan büyük ölçekli bir projeyi mi yönetiyorsunuz? Trello panolarınızı ve kartlarınızı yerleştirin ve ekibinizin birbirleriyle çok daha verimli bir şekilde işbirliği yapmasına izin verin, üstelik birden fazla kullanıcıyı doğrudan Trello panolarınıza davet etmeye gerek kalmadan.

Trello panoları ve kartları WordPress'e nasıl gömülür?

Bu kılavuzda, Trello panolarını ve kartlarını WordPress'e yerleştirmenin 3 yöntemini göstereceğiz:

1. Gömme komut dosyasıyla
2. iFrame'i kullanma
3. bir eklenti ile

Her birine daha yakından bakalım.

1. Bir gömme komut dosyasıyla Trello ve WordPress'i bağlayın

Trello , bir javascript kodu kullanarak panolarınızın ve kartlarınızın küçük bir anlık görüntüsünü yerleştirmenize olanak tanır. Ancak, bu javascript kodunun sınırlamaları vardır. Birincisi, çok fazla bilgi göstermiyor ve kolayca özelleştirilemiyor. Ayrıca, yerleştirme ile etkileşim kurulamaz ve yerleştirmeye yapılan tıklamalar sizi doğrudan panoya götürür.

Yine de, bu betiği diğer yöntemlere göre kullanmanın bir takım avantajları vardır. İlk olarak, özel panolarınızı yerleştirebilir ve onları tanımlamak için çok az bilgi ile onlara doğrudan bir bağlantı sağlayabilirsiniz. Ayrıca, küçük anlık görüntü özellikle kartlar için iyi çalışır.

A) Trello Pano/Kartlar bağlantınızı almak

Bunu web sitenize yerleştirmenin bir yolu, sayfalarınıza/yayınlarınıza kod eklemektir. İlk olarak, Trello Pano/Kart URL'nizi almalısınız. Trello panosu URL'nizi almak için açın ve sağ kenar çubuğunuzda, sağ üstteki 3 noktanın yanında Daha Fazla düğmesini görebileceksiniz. Tıklayın, Bu panoya bağlantı öğesine gidin ve Trello panonuzun bağlantısını/URL'sini alacaksınız.

Alternatif olarak, bireysel Trello kartınızın bağlantısını almak istiyorsanız, önce kartı açmanız yeterlidir. Ardından, kartın altındaki Paylaş'a tıklayın ve Bu karta bağlantı bölümünün altındaki bağlantıyı göreceksiniz.

WordPress sayfalarınıza ve yayınlarınıza kod eklemek için Embed code ücretsiz eklentisini kullanabilirsiniz. Bu araç, temel olarak, sayfalarınızın/yazılarınızın altbilgisine veya başlığına komut dosyaları eklemenize olanak tanır. Bu, WordPress sitelerinize Trello panoları ve kartları yerleştirmenin en kolay yollarından biridir, ancak bununla da sınırlı değilsiniz. Ayrıca Gelişmiş Metin Pencere Öğeleri gibi eklentileri kullanabilir ve komut dosyalarınızı doğrudan özelleştirilmiş pencere öğelerine yerleştirebilirsiniz.

Şimdi devam edelim ve Embed Code eklentisini yükleyelim . Bunu yapmak için Gösterge Tablosu Kenar Çubuğunu açın, Eklentiler > Yeni ekle'yi tıklayın. Ardından, Embed Code'u aramak için en sağdaki arama çubuğunu kullanın. Yükle'ye tıklayın ve düğme Etkinleştir olarak değiştiğinde tekrar basın. Şimdi, eklenti etkinleştirildi ve kullanıma hazır.

B) Gömme komut dosyasıyla kartları gömme

Şimdi tek yapmanız gereken aşağıdaki betiği sayfalarınıza/yazılarınıza yapıştırmak.

 <blockquote class="trello kartı">
<a href="{url to card}">Trello Kartı</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Trello kartınızın bağlantısını {url to card} değiştirin. Bunu yapmak için yukarıda açıklanan adımları uygulamanız yeterlidir. Örneğin, Trello kartımızı yerleştirmek için komut dosyamız:

 <blockquote class="trello kartı">
<a href="https://trello.com/c/z****LZj/8-166-2020-07-02">Trello Kartı</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Trello kartlarınızı ve panolarınızı yerleştirmek için yerleştirme kodu eklentisini kullanabilirsiniz. Eklentiyi yükledikten sonra, gönderi/sayfa düzenleyicisinin altında “ Kod gömme” etiketli bir meta düzenleyici bölümü göreceksiniz. Head code ve Footer code kutularını göreceksiniz. Böylece, betiğinizi iki alandan herhangi birine yerleştirebilirsiniz. Demomuz için Altbilgi kodu kutusunu kullanacağız.

Yalnızca özelleştirilmiş Komut Dosyasını yapıştırın ve sayfanızı veya yayınınızı kaydettiğinizde/yayınladığınızda, Trello Kartı gömülü olacaktır.

C) Gömme komut dosyasıyla panoları gömme

Panoları WordPress sayfalarınıza/gönderilerinize yerleştirme işlemi, kartlar için olan işlemle aynıdır. Bunun yerine Panolar için farklı bir kod kullanmanız yeterlidir:

 <blockquote class="trello-board-compact">
<a href="{url to board}">Trello Panosu</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Trello Panonunuzun bağlantısını {url to board} içine yapıştırmanız yeterlidir. Bu şöyle görünmelidir:

 <blockquote class="trello-board-compact">
<a href="https://trello.com/b/g***h3Ec">Trello Panosu</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script> 

Ardından, Trello panosunu eklemek istediğiniz sayfaya veya gönderiye gidin ve kodu üstbilgi veya altbilgi kodu bölümüne yapıştırın. Değişiklikleri kaydedin, işte bu kadar! Sitenize bir Trello panosu yerleştirdiniz.

PROFESYONEL İPUCU

Bir komut dosyası kullanarak Trello panolarını ve kartlarını gömmek bazıları için iyi bir seçenektir, ancak ihtiyaç duyabileceğiniz bazı özelliklerden yoksundur . Birincisi, etkileşimli bir yerleştirme değil ve tüm gördüğünüz minimum ayrıntıya sahip temel bir Trello Tahtası/Kartı. Yerleştirmeye tıklamak sizi bunun yerine gerçek Trello panosuna götürür, bu nedenle Trello panolarınıza/Kartlarınıza yalnızca gösterilen minimum ayrıntıyla anında bir bağlantı eklemek yararlıdır.

2) iFrame kullanarak Trello'yu WordPress ile entegre edin

Gömülü komut dosyası yönteminin sınırlamaları göz önüne alındığında, bir iFrame kullanmak çok daha iyi bir seçenek olabilir. Özellikle web sitenizde Trello panosunu/kartını görüntülemek istediğinizde.

Panonuz herkese açık olduğu sürece bir iFrame bağlantısı kullanarak bir Trello panosu/kartı yerleştirebilirsiniz. Üst araç çubuğunda Pano başlığınızın yanında bulunan Görünürlük ayarını kullanarak panonuzun görünürlüğünü değiştirebilirsiniz. Basitçe Özel veya Ekip'ten Genel'e değiştirin ve istemi kabul ettiğinizde panonuz iFrame bağlantılı olmaya hazır olmalıdır.

Şimdi, Trello panonuzun bağlantısını bulmak için sağ kenar çubuğuna gidin ve 3 noktanın yanındaki Daha Fazla düğmesini tıklayın. Ardından, Bu panoya bağlantı öğesine gidin ve panonun URL'sini alırsınız.

Alternatif olarak, tek bir kartın bağlantısını almak için kartı açın, Paylaş'ı tıklayın; bağlantıyı Bu karta bağla altında göreceksiniz.

iFrame'leri Trello bağlantılarıyla kullanma

Bağlantınızı aldıktan sonra bağlantının sonuna .HTML ekleyin ve kaydedin. Örneğin, pano bağlantımız için sonuna .HTML ekleriz:

 https://trello.com/b/g****Ec.html

Ardından, WordPress'te bir HTML bloğu içinde aşağıdaki iFrame bağlantısını kullanmanız yeterlidir.

 <iframe src="https://trello.com/b/g******c.html">

src özniteliği içindeki bağlantıyı, sonunda bir .HTML ile Trello panonuzun/kartınızın bağlantısına değiştirin ve yazınızı/sayfanızı kaydettikten sonra, yerleştirme sitenizde görüntülenmelidir.

Bunun için Görsel düzenleyiciyi kullanarak HTML bloğunu kullanmanız ve ardından iFrame bağlantınızı yapıştırmanız gerekir. Daha net bir Trello iFrame penceresi için bağlantıya birkaç özellik daha ekleyeceğiz.

İşiniz bittiğinde, yerleştirmeniz şöyle görünmelidir.

PROFESYONEL İPUCU

iFrame kullanarak Trello panolarını ve kartlarını gömmek harika bir seçenektir. Kullanıcı dostudur ve sizi gerçek Trello panosuna yönlendirmeden kart veya pano bilgilerini gösteren etkileşimli bir yerleştirmedir.

3) Bir eklenti kullanarak Trello Panolarını ve Kartlarını WordPress'e gömün

WordPress web sitelerinize Trello panolarını ve kartlarını yerleştirmek için en kolay ve yeni başlayanlar için uygun seçeneklerden biri WooTrello kullanmaktır. Bu, bir görüntüleme seçeneğinden daha az ve Trello ile entegre edebileceğiniz bir WooCommerce Checkout kancasından daha fazlasıdır. Bu eklenti, WooCommerce Teşekkür sayfanızı Trello panonuzla entegre etmenize olanak tanır. Bu şekilde, müşteriniz her yeni sipariş verdiğinde otomatik olarak bir Trello panosu oluşturabilirsiniz. Böylece, otomatik olarak oluşturulan, Fatura ayrıntıları, Tarihler ve diğer ek sipariş ayrıntılarıyla tamamlanan sipariş görevlerini kullanarak görevlerinizi ve ayrıntılarınızı kolaylaştırabilirsiniz.

Elbette eklenti, kristal netliğinde arayüz ve WooCommerce ve ödeme kancalarını kullanarak kolay entegrasyon gibi bazı avantajlarla birlikte gelir. Ek olarak, Trello görünümünüz için tek tıklamayla kimlik doğrulamayı da etkinleştirebilirsiniz. WooTrello, WooCommerce'i desteklemek ve mağazanızı sorunsuz bir şekilde yönetmenize yardımcı olmak için tasarlanmıştır. Dolayısıyla, bir işletme yönetiyorsanız, eklentinin her yeni sipariş veya sipariş güncellemesinden sonra yeni bir Trello görevi oluşturmasına izin verebilirsiniz.

WooTrello eklentisini yükleme

Trello panolarını WordPress ile entegre etmek için üçüncü yöntemimizle başlamak için eklentiyi yüklemeniz gerekir. Bunu yapmak için WordPress Yönetici Kontrol Panelinizi açın ve Eklentiler > Yeni Ekle seçeneğine gidin. Ardından, WooTrello'yu aramak için en sağdaki arama çubuğunu kullanın. Ardından, Yükle'ye tıklayın ve ardından etkinleştirin.

WooTrello eklentisini kullanma

Eklentiyi kurup etkinleştirdikten sonra, sizi otomatik olarak kurulum ekranına götürecektir. Alternatif olarak, eklentiyi Yönetici kenar çubuğundaki WooTrello'ya tıklayarak açabilirsiniz.

Ardından eklenti, size özellik güncelleme bildirimleri sağlamak için izin isteyebilir ve tanılama izleme hizmetlerini etkinleştirebilir. Hassas olmayan kullanım verilerinizi paylaşmak istiyorsanız, İzin Ver'e tıklayın ve devam edin. Alternatif olarak, Atla'ya basabilirsiniz.

Trello Access jetonunuzu alma

Entegrasyon için, Trello API'sini kullanarak Trello panonuzu WordPress kurulumunuzla senkronize etmeniz gerekir. Trello Erişim kodu alanının en sağındaki Trello Erişim Kodu bağlantısını tıklayın.

Trello hesabınıza giriş yapacaksınız ve WooTrello, hesap bilgilerinize erişmek için sizden izin isteyecektir.

İzin Ver'e tıklayarak kabul edin ve Trello erişimi için bir belirteç göreceksiniz.

Bu kodu kopyalayın ve Eklenti sayfanızın açık olduğu pencereyi/sekmeyi açın. Ardından, bu belirteci Trello Erişim kodunu buraya gönder alanına yapıştırın ve Erişim kodunu Kaydet'e tıklayın.

WooTrello kullanarak Trello panolarınızı ve Ödeme sayfanızı entegre etme

Trello pano entegrasyonunuzu etkinleştirmek için Etkinleştir/Devre Dışı Bırak kutusunu işaretleyin. Ardından, Trello panolarınızdan birini seçmek için açılır Trello panoları seçeneğini kullanın ve ardından bunlardan birini seçmek için Trello Seç listesini kullanın.

Ardından, Trello kartınızda görüntülediğiniz tüm sipariş ayrıntılarına bir onay işareti ekleyin. Bunu yaptıktan sonra Yeni Ödeme sayfası sipariş ayarlarını Kaydet'e tıklayın.

Ardından, WooTrello ve WooCommerce sayfası ödeme entegrasyonu tamamlanmalıdır. Artık, bir müşteri çevrimiçi mağazanızda bir siparişi her tamamladığında, eklenti kayıtlı ayarlarınıza göre otomatik olarak bir Trello görevi oluşturacaktır.

Bonus: Trello panosunu HTML aracılığıyla gömün

Ayrıca biraz HTML kullanarak Trello panonuzu sitenizde görüntüleyebilirsiniz. Bu en iyi yöntem değil çünkü etkileşimli değil ama uygulaması oldukça kolay.

WordPress web sitenize bir Trello panosu eklemek için aşağıdaki HTML kodunu kopyalayıp sitenize yapıştırmanız yeterlidir:

<blockquote class="trello-board-compact">
<a href="{url to board}">Trello Board</a>
</blockquote>
<script src="https://p.trellocdn.com/embed.min.js"></script>

Şimdi, kodu eklediğiniz sayfa her yüklendiğinde, komut dosyası kartı bulacak ve onu gömülü bir sürümle değiştirecektir. Bununla ilgili daha fazla bilgi için bu sayfaya göz atabilirsiniz.

WordPress'te Trello panolarından ve kartlarından en iyi şekilde nasıl yararlanılır?

Trello panolarınızı WordPress'e gömmek yalnızca ilk adımdır. Şimdi, görevlerinizi organize etmek ve daha üretken olmak için aracı kullanma zamanı.

Trello, haklı olarak en popüler yönetim araçlarından biridir, ancak bunları sitenize eklemek yeterli değildir. İşte kartlarınızı ve panolarınızı daha iyi organize etmenize ve ekibinizin üretkenliğini bir sonraki seviyeye taşımanıza yardımcı olacak bazı ipuçları.

• Görevleri kategorilere ayırın : Görevlerle dolu büyük bir listeye sahip olmak yerine, onları organize etmek daha iyidir. İlk adım, görevleri sınıflandırmaktır. Bu, işinize ve tahtayı kimin kullandığına bağlıdır. Örneğin, bir grup geliştirici için görevler düzenliyorsanız, görevleri İş Listesi, Seçilmiş, Devam Ediyor, Test Ediliyor, Bitti (Canlı) olarak gruplandırabilirsiniz.
• Etiketler ekle : Etiketler, görevleri düzenlemenin en kolay yollarından biridir. Görevleri önceliklendirmek veya farklı ekiplere görev atamak için çok kullanışlı olmasının yanı sıra, etiketleri özelleştirebilir ve onlara renk ekleyebilirsiniz. Bu şekilde ekibiniz görevler hakkında hızlı bir şekilde net bilgiye sahip olur.
• Güçlendirmeleri kullanın : Güçlendirmeler, Trello panolarınıza ekstra işlevler ekler. İlgili tüm bilgileri tek bir yerde toplamak için görevlerinizi Google Drive, Takvim, Slack, Haritalar ve diğer birçok araca bağlayabilirsiniz.
• Panoyu güncel tutun : Kartlar ve panolar yalnızca güncel olduklarında faydalıdır. Bu nedenle, ekibin kartları güncellemesini ve etiketleri doğru kullanmasını sağlamak için bir kişi atamanızı öneririz.
• Ekip üyelerini ve son tarihleri ​​atayın : Bu açık görünebilir ancak son derece önemlidir. Her görevin en az bir sorumlusu ve bitiş tarihi olmalıdır.

Bunlar yalnızca başlamanıza yardımcı olacak temel bilgilerdir, ancak bundan en iyi şekilde yararlanmak için yapabileceğiniz birçok başka şey vardır.

Trello planları

Trello birçok harika özelliği ücretsiz olarak sunsa da, kullanıcı başına aylık 12,5 USD'den başlayan iki premium sürümü de vardır. Daha gelişmiş özelliklerin ve daha birçok seçeneğin yanı sıra, en sevdiğimiz işlevlerden biri Gelişmiş Kontrol Listeleri'dir. Bu, karmaşık projeler için harika olan her bir kontrol listesi öğesine ekip üyeleri ve son tarihler atamanıza olanak tanır. Trello'nun farklı planları hakkında daha fazla bilgi için fiyatlandırma sayfalarına göz atabilirsiniz.

Çözüm

Sonuç olarak, Trello, projelerinizi ve görevlerinizi panolar ve kartlar halinde düzenlemek için mükemmel bir araçtır. Bu nedenle, ekibinizin daha üretken olmasına yardımcı olmak istiyorsanız, Trello panolarını ve kartlarını WordPress'e yerleştirmelisiniz .

Bu eğiticide, sitenize Trello panolarını ve kartlarını yerleştirmenin 3 yöntemini gösterdik . Hepsi yeni başlayanlar için uygundur ve bazı artıları ve eksileri vardır. Sağladığı esnekliği ve kurulumunun ne kadar kolay olduğunu göz önünde bulundurarak iFrame yöntemini kullanmanızı öneririz. Etkileşimli bir tahta veya kart yerleştirme eklemenize izin verecektir.

Rehberimiz oldukça ağırdı ve WordPress'e yeni başlayanların kafa karıştırıcı bulabileceği bazı kodlama parçalarına sahipti. Bu nedenle, herhangi bir sorunuz varsa, devam edin ve aşağıdaki yorum bölümünde bize bildirin.

Son olarak, web sitenize farklı türde içerikleri nasıl yerleştireceğiniz hakkında daha fazla bilgi için Google sayfalarını WordPress'e nasıl yerleştireceğinizle ilgili kılavuzumuza göz atın.