Verwenden von WP Web Scraper mit WordPress

Question 1

Ich versuche, das WP Web Scraper-Plugin mit WP auf meiner Website www.eastwickpark.co.uk zu verwenden, um Online-Bewertungen der Praxis von einer anderen Website zu erhalten

https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice

Ich habe dieses Code-Snippet verwendet

<img src="http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/iwantgreatcarelogo.png" />
<div>
[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".image-middle" basehref="https://stackoverflow.com/questions/33620246/1" ]
</div>

Dann habe ich benutzerdefiniertes CSS im Stylesheet-Editor des Themes verwendet

.btn.blue,
div .btn.blue {
    font-size: 16px;
    padding: 8px 16px;
}

/*** Stars ***/
.sprite-icons.star-blue-outline {
    background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue-outline.png');
    width: 19px;
    height: 17px;
}

.sprite-icons.star-blue-fill {
    background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue.png');
    width: 19px;
    height: 17px;
}

.sprite-icons.star-blue-half {
    background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/star-blue-half.png');
    width: 19px;
    height: 17px;
}

.sprite-icons.caret-white {
    background-image: url('http://www.eastwickpark.co.uk/wp/wp-content/uploads/2015/11/caret-white.png');
    width: 10px;
    height: 14px;
}

Ich habe ein Problem mit meinem CSS, dass die Schaltfläche “umbricht”.

Ich habe versucht, nur die Sternebewertung zu erhalten, die auf den Teil der Klasse “Raty-Rating-Wrapper-Readonly” abzielt, aber dann bekomme ich eine ganze Menge vertikaler Sterne.

dh wenn ich benutze

[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".raty-rating-wrapper-readonly" basehref="https://stackoverflow.com/questions/33620246/1" ]

Ich bekomme eine ganze vertikale Liste von 5 * Bildern?

Wenn ich image-middle div so verwende

[wpws url="https://www.iwantgreatcare.org/gpsurgeries/eastwick-park-medical-practice" query=".image-middle" basehref="https://stackoverflow.com/questions/33620246/1" ]

Ich bekomme eine seltsame Wicklung auf dem Knopf.

Ich kann das nicht herausfinden und muss zugeben, dass ich kein CSS-Guru bin. Jeder Einblick würde dankbar entgegengenommen.

Question 2

Ich habe ein Problem mit meinem CSS, dass die Schaltfläche “umbricht”

Die Ursache für das Wickelverhalten ist auf <br> Tag dynamisch von WordPress generiert. Sie können es entweder beheben, indem Sie die Richtlinie hier befolgen: Beenden Sie das automatische Hinzufügen von WordPress <br> Tags zum Posten von Inhalten

Der obige Beitrag ist ein Plus für Sie, weil er auch das entfernt <p> Tags, die dynamisch generiert werden. Ich habe gerade Ihren Code durchsucht und viele unerwünschte p-Tags gefunden.

Ich kann das nicht herausfinden und muss zugeben, dass ich kein CSS-Guru bin. Jeder Einblick würde dankbar entgegengenommen.

Da Sie auf eine CSS-Lösung hingewiesen haben, besteht eine einfache Lösung darin, die br-Tags mit auszublenden #widgets .textwidget br { display: none; }. Alternative #widgets .textwidget a { display: inline-flex; align-items: center } fixiert den Abstand und richtet das Pfeilbild aus, da das br-Tag innen ignoriert wird und die anfängliche Flexrichtung ist row.

Unverpackter Knopf: