Sie wollen die PR-Termine auf Ihrer WordPress-Seite einbinden?
So gehts:
Plugin installieren: https://de.wordpress.org/plugins/json-content-importer/
Shortcode einfügen:
[jsoncontentimporter url="http://api.prtermine.de/prtermine_events_free" basenode=events]
<div style="height: 220px; margin-right: 80px; margin-left: 100px; overflow-y: scroll" ;="">
<div style="float: left; margin-right: 30px; height: 200px" ;="">
<img src="{medium}" style="height: 200px; width: 300px; object-fit: fill; box-shadow: 0px 0px 20px -5px #000000">
</div>
<div style="margin-left: 30px; overflow-y: scroll" ;="">
<b>{title}</b><br>
{dtg}
{dsc} <br>
<a href="{url}" target="_blank" rel="noopener noreferrer">{link_text}</a>
</div>
</div>
<hr>
[/jsoncontentimporter]
[jsoncontentimporter url="http://api.prtermine.de/prtermine_events_free" basenode=events]
<style>
.container {
height: auto;
width: 90%;
margin-left: 10%;
}
.img_container {
float: left;
width: 25%;
height: auto;
}
.text_container {
width: 65%;
margin-right: 3%;
float: right;
}
.img {
height: auto;
width: 100%;
object-fit: fit;
border-radius: 5%;
box-shadow: 0px 0px 20px -5px #000000;
}
@media only screen and (max-width: 768px) {
.img_container {
width: 65%;
}
.text_container {
float: left;
margin-top: 3%;
margin-right: 0%;
}
}
</style>
<div class="container">
<div class="img_container">
<img src="{medium}" class="img">
</div>
<div class="text_container">
<b>{title}</b><br>
{dtg}
{dsc}
<br>
<a href="{url}" target="_blank" rel="noopener noreferrer">{link_text}</a>
</div>
</div>
<hr>
[/jsoncontentimporter]
Style an eigene Bedürfnisse anpassen. Fertig.
Borlabs Cookie
[borlabs-cookie id="prtermine" type="content-blocker"]
[jsoncontentimporter url="http://api.prtermine.de/prtermine_events_free" basenode=events]
...
[/jsoncontentimporter]
[/borlabs-cookie]
Nutzungsbedingungen:
1.
2…