[Gemakkelijke link] Aanpassen aan een discreet ontwerp: Indien aangesloten
Wat is een simpele link?
Affiliate Easy Links maakt het gemakkelijk om links te maken naar meerdere winkelsites zoals Rinker en Kaeleva.
Wat is een simpele link?
Het is een functie waarmee u eenvoudig een eenvoudige affiliate-link van het kaarttype (responsive) kunt maken. Voer de productpagina-URL van Rakuten Ichiba of Amazon.co.jp of het zoekwoord in het URL-veld in.
https://af.moshimo.com/af/shop/service/easy-link-card
Het is erg handig omdat het oké is om de URL van één productpagina in te voeren, maar de standaardinstelling is een beetje overweldigend, of ik was een beetje zwak in het grote ontwerp.
Het is verticaal zo lang
Deze keer heb ik het aangepast tot een eenvoudig en onopvallend ontwerp.
Waar ik ben veranderd
- Productnaam: verklein de lettergrootte.Stoutmoedig.
- Knopgrootte: miniaturisatie.De marges worden ook verkleind.
- Onder de knop: Brede marges verwijderd.
- Knop: van oranje naar crème.Een driedimensionaal effect toegevoegd.
- Bij mouse-over: beweging toegevoegd om op de knop te drukken.
- Afbeeldingsgrootte: verkleind.
コ ー ド
Uiterlijk aanpassen → Voeg de volgende code toe aan de CSS.
/ * Als Affiliate Easy Link Customization * / / * --- Producttitel --- * / p.easyLink-info-name a {font-size: 16px! Important; font-weight: bold;} / * --- Knopgrootte --- * / div.easyLink-box div.easyLink-info p.easyLink-info-btn a {padding: 1px! Important;} @media-scherm en (min-breedte: 704px) {div.easyLink-box div.easyLink-info p.easyLink-info-btn a {margin-bottom: 10px! Important;}} / * --- Verwijder de blanco onder de knop --- * / div.easyLink-box {padding: 10px; } div.easyLink-box div.easyLink-info p.easyLink-info-btn a: last-child {margin-bottom: 0! important;} / * --- Kleur knop --- * / a.easyLink-info - btn-amazon, a.easyLink-info-btn-rakuten, a.easyLink-info-btn-yahoo {kleur: # 333333! belangrijk; achtergrond: # FFFDE7! belangrijk; rand: 1.2 px vast # 808080! belangrijk; doos - schaduw: inzet 0 2px 0 rgba (255,255,255,0.2), 0 2px 2px rgba (0, 0, 0, 0.19);} / * --- Muis over effect --- * / a: hover.easyLink-info- btn-amazon, a: hover.easyLink-info-btn-rakuten, a: hover.easyLink-info-btn-yahoo {transform: translateY (0.1em)} / * --- Afbeeldingsgrootte --- * / div. easyLink-box di v.easyLink-img, div.easyLink-box div.easyLink-img p.easyLink-img-box, div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {max -breedte: 125px! belangrijk; max-hoogte: 125px! belangrijk;}
De blog die ik als referentie heb gebruikt
Pas de gemakkelijke links van uw partner aan!Knopkleur, tekstwijziging, etc.