Bağlantı Önizleme

Lauren

Bağlantı Önizleme

Başlık, açıklama ve resim gibi bağlantı içeriğinin zengin bir önizlemesini otomatik olarak görüntüleyin.

Kurulum

Composer aracılığıyla yükleyin:

composer require datlechin/flarum-link-preview:"*"

Güncelleme

composer update datlechin/flarum-link-preview:"*"
php flarum cache:clear

Bağlantılar

Muhammed Ekici

Lauren özlemle beklenen eklenti 😄

Muhammed Ekici

Eklentiyi kurduma ama anlaşılan hala biraz sevgiye ihtiyacı var. 😀 @"mekici" gibi mentionları da linkliyor.

Lauren

Muhammed Ekici Aşağıda bulunan tüm sorunlar giderildi.

mekici
@Muhammed Ekici
Muhammed Ekici

Muhammed Ekici

@Justoverclock senin bu uzantın buna benzer çalışıyor olsa hemen abone olacağım 😀

Justoverclock

Muhammed Ekici

burada görebilirsin
https://flarum.it/d/258-can-i-test-this/2

galibaaemree

Lauren kurdum ama herhangi bir bağlantı önizleme görmedim

Lauren

galibaaemree Kurup etkinleştirin, ardından herhangi bir konuya örnek veriyorum şu linki direk bırakın.

https://discuss.flarum.org/

Örneğin:
https://discuss.flarum.org/

Togan

Lauren Mobilde biraz kotu cikiyor ama pcde mukemmel.

NightKing

@Togan Şuanda FlarumTR’de bulunan eklenti ücretliymiş. Fakat Lauren ’in paylaştığı eklentinin göz yormaması için şu ayarları yapabilirsin. Hatta biraz derleyip toplayıp bambaşka bir moda bile sokabilirsin.

.LinkPreview {
background-color: transparent !important;
}

.LinkPreview-description {
    color: black !important;
}

.LinkPreview a {
    color: blue !important;
}

Yapıldıktan sonraki görüntüsü;

NightKing

Togan Mobil için dropdown-content-prev html divini @media screen ile mobile uyumlu hale getirirseniz sorun çözülecektir. Denemedim eklentiyi kurup mobil ile uyumlu hale getireyim kaynak kodu bırakırım aşağıya.

Lauren

NightKing Bende bu şekilde kullanıyordum.

/* Link Preview */
.LinkPreview {
background: @hero-bg !important;
}
.LinkPreview-description {
color: @muted-color !important;
}
.LinkPreview a {
color: @muted-color !important;
}
.LinkPreview .fa-spinner{
color: @muted-color !important;
}
/* Link Preview End */

Togan

NightKing

ben de boyle yaptim fena olmadi tesekkurler.

Lauren

Lauren Elimde pc olmadığından bakamadım, loading efekti renkten dolayı kayboluyor sanırım onun için geçerli olan sınıfada @muted-color !important; değeri verirseniz daha nitelikli görünecektir.

Edit:
Yukarıdaki kod güncellendi.

potm35

Bir türlü çalıştıramadım, linkler olduğu gibi kalıyor. Neden olabilir?
çalıştırdım bu seferde faviconları çekmiyor

Lauren

potm35 Facebook, Instagram gibi servisler içinde deneyin. Belki çekmek istediğiniz sitede favicon bulunmuyor olabilir.

potm35

Lauren
https://destanya.com/
https://facebook.com/

destanya da favicon var ama çekmiyor ilginç