[Ad_1]
In dit artikel laten we u zien hoe u een album, afspeellijst of SoundCloud-track kunt insluiten in een WordPress-bericht of -pagina. We behandelen ook best practices, veelgestelde vragen en tips die u moet weten.
Voordat we beginnen, moet u er rekening mee houden dat u weliswaar geen SoundCloud-account nodig heeft om de inhoud van de dienst moet u openbare tracks kiezen; privétracks kunnen niet worden geïntegreerd. Bovendien moet u de Gutenberg-blokeditor gebruiken om het SoundCloud-insluitblok toe te voegen. (We zullen echter een paar alternatieven bespreken.)
Hoe SoundCloud-inhoud in WordPress in te sluiten
Eerst zullen we zien hoe u een SoundCloud-track kunt toevoegen aan een WordPress-bericht of -pagina. Vervolgens zullen we snel zien hoe we een album / afspeellijst kunnen toevoegen, aangezien het proces vergelijkbaar is met het toevoegen van een nummer.
Een SoundCloud-track insluiten in WordPress
Ga naar SoundCloud en zoek de track die je wilt insluiten in WordPress. Klik op de track om deze op zijn eigen pagina te openen. Kopieer de URL uit de adresbalk bovenaan de pagina.
Ga naar WordPress en maak of bewerk een bericht of pagina. In het hoofdgedeelte van de pagina zou u een . moeten zien plusteken. Als u er geen ziet, klikt u ergens in de hoofdtekst van de pagina en deze zou moeten verschijnen.
Klik Het plusteken om de blokkiezer weer te geven. Voer "SoundCloud" in de Zoeken en kies vervolgens het bijbehorende blok. Het SoundCloud-integratieblok wordt nu toegevoegd aan je pagina of bericht.
Plak het SoundCloud-adres dat je hebt gekopieerd in het veld met de tekst Voer hier de URL in om te integreren ... Klik op integreren. Je ziet nu zoiets als dit:
Als u wilt zien hoe het eruit zal zien op uw site zodra deze live gaat, klikt u op overzicht > Bureau > Voorbeeld in een nieuw tabblad rechtsboven op de pagina.
U kunt desgewenst een bijschrift toevoegen. Er is een speciaal gebied onder de ingebouwde track voor het invoeren van een bijschrift, evenals opmaakopties.
Een SoundCloud-album of afspeellijst insluiten in WordPress
Het insluiten van een album of afspeellijst van SoundCloud lijkt erg op het toevoegen van een nummer. Navigeer in SoundCloud naar het album of de afspeellijst die je wilt toevoegen en klik erop om het op zijn eigen pagina te openen. Kopieer de URL uit de adresbalk.
Plak in het SoundCloud-integratievak in WordPress de adresbalk in de daarvoor bestemde ruimte. Klik op integreren.
Het resultaat is in principe hetzelfde, of je nu een album of een afspeellijst hebt toegevoegd. De albumhoes of de hoes van de afspeellijst wordt weergegeven in het hoofdgedeelte van de ingesloten link en daaronder staat een lijst met nummers die u kunt doorbladeren. Terwijl je over de tracks zweeft en scrolt, wordt de hoofdomslag kleiner om meer van de tracklijst weer te geven. In deze schermafbeelding is de bovenste insluiting een afspeellijst, terwijl de onderste insluiting een album is.
De integratiefoutmelding
Als u iets invoert dat geen link is, is het een verbroken link of een link die naar verwijst inhoud die niet kunnen worden geĂŻntegreerd, krijgt u een foutmelding die er als volgt uitziet:
U kunt de link opnieuw proberen of op . klikken Converteren naar link om te kijken of dat verschil maakt. Als geen van beide opties werkt, moet u mogelijk verschillende inhoud integreren.
Opties voor SoundCloud-integratieblokken
Er zijn twee verschillende gebieden waar u opties voor het SoundCloud-integratieblok vindt: bovenaan de balk en in de rechterzijbalk. Laten we eens kijken wat ze zijn.
Werkbalk opties
Nadat u inhoud aan het insluitblok heeft toegevoegd, klikt u erop om bovenaan een werkbalk met opties weer te geven. Het ziet er zo uit:
Van links naar rechts is hier de betekenis van de pictogrammen:
- Worden : U kunt het SoundCloud-insluitblok omzetten in een alinea, kolom of groep. De enige optie om te overwegen is de groep Ă©Ă©n omdat je hiermee de achtergrondkleur van het blok kunt wijzigen. Als het je niet kan schelen, laat het dan met rust - het is een beetje moeilijk te gebruiken.
- Glijden: Beweeg over de uitglijden icoon, en je cursor verandert in een klein handje. Klik met de linkermuisknop en sleep het insluitblok naar waar u het op de pagina wilt hebben.
- Stijgen en dalen: de Pijltje omhoog zal het blok Ă©Ă©n plaats naar boven verplaatsen, en de Pijl omlaag zal het een plaats naar beneden verplaatsen.
- Wijzig de uitlijning: Lijn het inbouwblok links, in het midden of rechts uit. Als u het links of rechts uitlijnt, wordt het kleiner. Afhankelijk van je thema heb je mogelijk ook opties voor volledige breedte en brede breedte, waardoor het insluitblok groter kan worden.
- URL bewerken: Vervang de SoundCloud-URL om een ​​ander album, afspeellijst of nummer in te sluiten.
- Opties: Het laatste pictogram geeft een vervolgkeuzemenu weer met extra opties.
Het menu Meer opties
Deze vervolgkeuzelijst met opties bevat een handvol gemakkelijk te begrijpen opties. Van boven naar beneden zijn ze:
- Meer instellingen verbergen: Verberg (of toon) de instellingenzijbalk aan de rechterkant.
- Kopiëren: Kopieer het blok en plak het waar je maar wilt.
- Duplicaat: Dupliceer het blok, waardoor een kopie direct onder het origineel wordt gemaakt.
- Invoegen voor: Voeg een blok toe voor het geselecteerde blok.
- Invoegen na: Voeg een blok toe na het geselecteerde blok.
- Verplaatsen naar: Hierdoor wordt een blauwe balk weergegeven, die u over de pagina kunt verplaatsen met behulp van de pijltoetsen op uw toetsenbord. Zodra u het hebt geplaatst waar u het wilt, klikt u op Enter / Return om het integratieblok daarheen te verplaatsen.
- Bewerken in HTML: Bewerk de HTML-code voor het blok.
- Toevoegen aan herbruikbare blokken: Voeg het geselecteerde blok toe aan je lijst met herbruikbare blokken. Hierdoor kun je het gemakkelijk toevoegen aan een ander bericht of pagina of aan een ander gedeelte van het huidige bericht of de huidige pagina.
- Groep: als groep optie hierboven vermeld, hiermee kunt u de achtergrondkleur van het blok wijzigen.
- Verwijder het blok: Verwijder het blok van de pagina.
Zijbalkopties
De rechterzijbalk heeft twee instellingen: Media-instellingen en Geavanceerd. Laten we eens kijken.
Multimedia-instellingen
Als je activeert Formaat wijzigen voor kleine apparaten in de Multimedia-instellingen sectie, wordt het insluitblok automatisch aangepast aan de schermgrootte. Dit is vooral belangrijk voor mensen die uw inhoud op een mobiel apparaat bekijken, dus het is een goed idee om deze optie in te schakelen.
vooruitgang
in vooruitgang sectie, kunt u een CSS-blok toevoegen aan het geselecteerde blok. Dit betekent dat je het blok kunt aanpassen en stylen zoals je wilt (als je CSS kent natuurlijk).
Best practices en tips om het SoundCloud Embed Block effectief te gebruiken
Snel ingesloten inhoud toevoegen
Als u precies weet waar u de ingebouwde SoundCloud-inhoud naartoe wilt, kunt u de URL eenvoudig op de pagina plakken. Er wordt automatisch een SoundCloud-integratieblok voor je gemaakt, met dezelfde opties alsof je het blok handmatig zou toevoegen.
Sluit SoundCloud-inhoud in met de klassieke editor
Als je liever met de klassieke WordPress-editor werkt, kun je SoundCloud-inhoud altijd insluiten. Je kopieert en plakt de link gewoon waar je maar wilt in de hoofdtekst van het bericht of de pagina. Hierdoor wordt de inhoud automatisch geĂŻntegreerd. U hebt echter niet dezelfde werkbalkopties als bij het Gutenberg-blok.
Gebruik de insluitcode voor verschillende aanpassingen
Een andere manier om SoundCloud-inhoud in WordPress in te sluiten, is door de insluitcode te gebruiken. Navigeer naar de SoundCloud-inhoud die u wilt insluiten en klik op de knop Delen knop.
In het pop-upvenster kunt u het uiterlijk van de ingesloten inhoud wijzigen. In dit voorbeeld heb ik de afspeel- / pauzeknop gewijzigd in lichtblauw en de hoogte van het insluitvak aangepast.
Als u klaar bent, kopieert u de insluitcode en plakt u deze in een HTML-blok in WordPress. U kunt zien hoe de inhoud eruit zal zien wanneer u een voorbeeld van de pagina bekijkt.
Veelgestelde vragen over SoundCloud-integratieblok
Heeft SoundCloud alleen muziek?
Nee! SoundCloud biedt ook podcasts aan. Het integreren van een podcast is hetzelfde als het integreren van een muzieknummer. Kopieer de URL en plak deze in het insluitvak. Je kunt een enkele aflevering insluiten, of als je de podcast in zijn geheel wilt laten zien, ga naar de hoofdpagina op SoundCloud en kopieer / plak de URL.
Kan ik meerdere tracks toevoegen aan het SoundCloud-integratieblok?
Als je meerdere nummers of podcastafleveringen op je WordPress-site wilt hebben, kun je je eigen afspeellijst maken en deze vervolgens insluiten. Houd er rekening mee dat de privacy-instellingen van elke track behouden blijven, zelfs als u de afspeellijst openbaar maakt (die u nodig heeft om deze in te sluiten). Dit betekent dat als je een privétrack toevoegt aan een openbare afspeellijst, die track altijd privé blijft.
https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist
Kan ik kiezen waar een SoundCloud-track begint te spelen?
Helaas niet. Wanneer u op de klikt Delen op de SoundCloud-inhoud wordt een venster geopend. Aan de onderkant is een optie voor waar te beginnen met het afspelen van de track. Wanneer u echter de gerelateerde link kopieert en plakt in het insluitblok, wordt de track niet echt op dat deel gestart. We hebben het op verschillende manieren geprobeerd, maar zonder succes.
pak
Muziek of podcasts integreren in uw Site web kan de ervaring waardevoller maken en de betrokkenheid verbeteren. Als je je eigen inhoud hebt of die van iemand anders wilt delen, is het SoundCloud-insluitblok de gemakkelijkste manier om dat te doen met de meeste aanpassings- en lay-outopties die mogelijk zijn. U kunt een album, afspeellijst, podcast of muzieknummer aan uw site toevoegen en gebruikers toestaan ​​dit te doen bezoekers om te luisteren zonder ergens anders naartoe te worden geleid. En als ze meer willen ontdekken, kunnen ze eenvoudig op de inhoud van SoundCloud klikken.
Mogelijk bent u ook geĂŻnteresseerd in ons artikel met de 11 beste plug-ins voor audiospelers voor WordPress. Bekijken!
Afbeelding uitgelicht door apghedia op Shutterstock.com
[Ad_2]
