"Lassen Sie uns Ihre Website in Ordnung bringen" Zusammenfassung für den 25. August 2020

Videoaufzeichnung der Veranstaltung vom 25. August 2020 "Let's Fix Your WordPress Website" Meetup.

Dieser Beitrag fasst den Austausch und die Tipps der Lassen Sie uns Ihre WordPress Website 2020-08-25 | WPTO-Treffen. Dies war unser sechster online Sitzung mit vergrößern.

Diese Notizen sind in 2 Teile gegliedert. Die ersten sind Notizen, die während der Sitzung gemacht und dann bereinigt und ergänzt wurden, sowie eine Zusammenfassung zusammengestellt und eine Liste von Links hinzugefügt. Die Notizen umfassen den größten Teil der Diskussion und machen das Video nützlicher. Der zweite Teil dieser post ist das Chat-Protokoll mit leichter Bearbeitung der URLs, falls erforderlich.

Die Bitten um Hilfe wurden in den Kommentaren der Veranstaltungsseite und in Zoom's Chat-Nachrichten und diskutiert mehr oder weniger in chronologischer Ordnung.

In diesem Beitrag stellen wir das Schaufenster der WPTO auf Vimeo vor.

Die Sitzung begann um 6:30 Uhr und endete um ~9:15 Uhr.

Die nächste Sitzung ist Lassen Sie uns Ihre WordPress Website 2020-09-14 | WPTO-Treffen.

Das Schaufenster der WPTO auf dem Vimeo-Screenshot-Bild.

WPTO-Vorstellung auf Vimeo

Die Videos für die letzten 6 Sitzungen sind jetzt in einer Vimeo-VitrineEin Screenshot davon ist rechts zu sehen.

Über unseren Sponsor Weglot

Die WordPress Toronto Meetup-Gruppen werden gesponsert von Weglot und das kanadische Management-Konsortium.

Weglot ist der schnellste und flexibelste Weg, Ihre Website zu übersetzen. Besuchen Sie eine kurze Demo.

Probieren Sie Weglot selbst aus und erhalten Sie dann 15% Rabatt als WordPress Toronto Mitglied.

Anmerkungen zur Sitzung

Zusammenfassung

An der Sitzung nahmen 7 Personen teil:

  • Andy um die Hilfe eines Freiwilligen für seine Website gebeten
  • Kathy gewünschte Unterstützung bei der Integration von MLS-Listen
  • Fernne um eine Auffrischung zur Bildoptimierung gebeten
  • Reema wollte einen Rat, ob sie ein Plugin löschen sollte, das sie nicht installiert hat
  • Natalie benötigte Hilfe beim Ändern eines Bildes in einem Beitrag
  • Reema bat um eine Möglichkeit, einen grauen Hintergrund auf Bildunterschriften zu entfernen
  • Asif gefragt, ob das von den Servern eines Hosts verwendete Betriebssystem eine Rolle spielt und wie WP-Hosting funktioniert

Liste der Links in der Sitzung

Andy

Sein Posten: Dieser COVID hat uns einen schweren Schlag versetzt. Suchen Sie nach einer großzügigen Seele, die mir bei der Reparatur einer Website helfen könnte und ein weiteres für mich bauen, damit ich loslegen kann. (Er hat nicht teilgenommen, aber Wally Wormstrom bot ihm seine Hilfe an).

Kathy Sterman

Sie wollte wissen, ob jemand Erfahrung mit der Integration von MLS-Listen auf einer WordPress Website hatte?

Patrick Boake Ich habe keine _Erfahrung_ aber hat gerade eine Schnellsuche durchgeführt und es gibt mehrere Plugins dafür.

Kathy Sterman Ich versuche zu beurteilen, ob ein Plugin die beste Lösung ist und wie viel Arbeit damit verbunden ist. Ich habe mit einigen Unternehmen und sie sagen, es sei sehr kompliziert, die Integration und die Kosten bis zu 1.500 Dollar. Ich dachte, es wäre gut, Dienstleistungen anbieten zu können für Immobilienmakler, die eine Website mit persönlichem Markenzeichen wollen, aber ich stelle fest, dass dies vielleicht nicht der Mühe wert.

Kathy hat die Fragen untersucht und wollte sie zu diskutieren und zu einer Entscheidung darüber zu kommen, wie mit einem Klienten zu verfahren ist Projekt.

Ihr Kunde ist ein Agent. Es geht um die MLS-Integration in die WP-Site. Verwenden Sie Listings, um Traffic auf das zu lenken, was zusätzlich zu dem Angebot dieses Agenten verfügbar ist. aufgelisteten Eigenschaften. Fragen. MLS ist ein Dienst, der in jedem der Immobilien Boards in Ontario und erfordert eine Lizenz von einem registrierten Agenten, um Daten zu erhalten Futtermittel. US-Firmen verkaufen Website-Pakete mit integrierten MLS-Diensten. Plugins sind für alle US-Vorstände plus die großen in Ontario usw. (d.h. es gibt Toronto plus alle anderen ON-Vorstände). Es ist schwierig, diesen Nischenmarkt auf einer einzigen Website zu erschließen. Basis. Der betreffende Kunde ist nicht bereit, für den Bau eines MLS-Listings vor Ort und implementieren MLS-Listings. MLS verursacht 2 Kosten, die Integration (Plugin) und der Datenfeed unter der Annahme, dass die bereitgestellte Such-UI akzeptabel ist und nicht irgendeine Arbeit erfordern.

Zum Beispiel, siehe MLS RESO Web-API Import-Lösungen für WordPress.

Angesichts der Tatsache, dass die meisten Agenten-Websites eine Standard-Such-UI verwenden für Auflistungen gibt es die Möglichkeit, einen Agenten zu differenzieren und Mehrwert zu schaffen durch Entwurf eines mit einem besseren Frontend.

Kathys Schlussfolgerung ist, die Integration der MLS die auf diese Nischenanforderung spezialisierten Personen. Kein guter Bereich, in dem man Dilettantismus. Sie läuft auch Gefahr, von einem Kunden ausgenutzt zu werden, der schätzt die damit verbundene Arbeit nicht. Agenten zahlen bereits Gebühren an Makler und sind abgeneigt, zusätzliche wiederkehrende Gebühren zu zahlen.

Fernne Kane

19:00. Ihre Website ist fernnekane.com.

Sie findet es weiterhin schwierig, die Bilder auf ihrer Website zu optimieren und fragte um die Methode zu überprüfen, mit der wir sie vor mehreren Treffen unterstützt hatten. Sie hat hat ihre Website in den letzten Monaten aufgeräumt, so dass es jetzt weniger Bilder gibt, die optimieren.

Die Schritte zur Optimierung eines Bildes sind:

  • sicherstellen, dass das Dateiformat ein geeignetes Format wie PNG ist oder JPEG und konvertieren Sie, wenn nötig (ihr Beispielbild war ein 27 MB Adobe Stock GIF Bild)
  • prüfen, ob die Auflösung angemessen ist (72 dpi ist gut)
  • crop to appropriate size (for headers, 2000×1280; post images <1,000 in width)
  • Größe optimieren (verlustbehaftetes Verständnis verwenden)

Melroy führte sie durch den Arbeitsablauf in Photoshop auf einem Bild. Diese Schritte reduzierten die Datei Größe von 27 MB bis ~150 KB.

Fernne verwendet Photoshop, eine relativ teure Programm. Bildoptimierungsdienste sind eine kostenlose Alternative. TinyPNG wurde empfohlen, weil bis zu 20 Bilder können in einem Stapel hochgeladen werden und die individuelle Dateigrößenbeschränkung beträgt 5 MB.

Reema

19:25. Sie hat ein Plugin gefunden, VafPress Post-format UI, installiert aber nicht auf ihrer Website aktiviert und weiß nicht, wie es dazu kam. Das Plugin ist VafPresse Postformat-UI-Plugin/Skulptur-Qode (s: VAFPress Postformate UI). Es gibt keinen Grund das Plugin behalten, so dass es gelöscht werden sollte. Sie muss den Administrator der Website ändern Passwort, weil Plugins nicht von sich aus erscheinen, außer wenn sie von ein weiteres Plugin als Addon oder Muss.

Natalie

Sie arbeitet an einer gemeinnützigen Website. Sie hat benutzte WP.com für eine Site und versucht nun eine WP.org-Site auf SiteGround Hosting. Die Verwendung der Elementar Seitenersteller.

In diesem Beitrag bezieht sich WP.com auf eine Website veranstaltet am WordPress.com; WP.org, zu einer selbst gehostet unter Verwendung von Code, der von WordPress.org.

Fragen:

Wie man ein in einem Beitrag gezeigtes Bild ändert.

Wir hatten Schwierigkeiten, die Bearbeitungsoberfläche zu finden, in der wir die gekennzeichnetes Bild. Das ist normalerweise ein Widget am unteren Rand der rechten Sidebar. Die Benutzeroberfläche wurde neu angeordnet, und dieses Widget ist verschwunden. Uns fiel auf, dass das Einstellrad-Symbol ausgeschaltet worden war. Jetzt, da es eingeschaltet war, wurde das Bildkasten erschienen und sie kann nun das betreffende Bild ändern.

Beim ersten Beitrag im Blog funktioniert das Hintergrundbild nicht. Entfernen Sie das Hintergrundbild oder ändern Sie es zumindest in ein Hintergrundbild, das weniger aufdringlich. Alternativ können Sie die Opazität auf (sagen wir) 25% verringern oder die Schwerpunkt.

Wie fügt man einige Seiten als Menü zu einem Dropdown-Menü hinzu Unterkategorie? Wir gingen durch das Menübearbeitungsverfahren, um die Seiten hinzuzufügen und demonstriert, wie man einen Menüpunkt einrückt (nach rechts ziehen), um ihn zu einem Unterkategorie.

Dies war eine gute Gelegenheit, die Bedeutung und den Wert des Meldungsfensters, das oben auf der Seite erscheint, um zu melden, dass eine Verfahren, z.B. ein Menü gespeichert, stattgefunden hat oder abgeschlossen wurde. Wir pflegen diese Botschaften zu ignorieren, aber sie sind wertvoll und sollten beachtet werden.

Reema

Ihre Frage bezog sich auf ihren Standort, Die Kultur der Perlen, ein Galerie-Blog mit der Nisarg | WP.org Thema.

Sie wollte wissen, wie man eine Bildunterschrift (Metadaten) ändern kann. Bildunterschriften werden mit einem grauen Hintergrund mit Farbverlauf angezeigt. Wie entfernt sie das? Untertitel können durch das Thema der Website unterstützt werden oder nicht. Durch Versuch und Fehler haben wir festgestellt, dass das Thema einen grauen Kasten als Hintergrund hinzufügt, wenn ein Überschrift wird hinzugefügt.

Um eine Bildunterschrift zu ändern, ersetzt die Brute-Force-Methode die Bilder mit denen aus der Medienbibliothek oder verwenden Sie eine Bildunterschrift als Text unter jedem Bild.

Ursprünglich haben wir die Bildunterschriften gelöscht und der Hintergrund war weg.

Wir fanden das Bild in der Medienbibliothek und fügten die Untertitel zu seinen Metadaten. Das hat nicht funktioniert, was bestätigt, dass es das Thema Kontrolle des Hintergrunds.

Dies ist nicht das erste Mal, dass diese Frage auftaucht. Zum Beispiel, siehe Erhalten einer grauen Linie unter Überschriften | WordPress.org.

In der Anpasserwir haben nicht gefunden alles Relevante.

Die Verwendung des Browser's Inspektor, fanden wir das CSS, das den Untertitelhintergrund auf grau setzt.

Der Chrome-Web-Inspektor und -Debugger sind bequem eingebaut mit Chrom. Sie können es durch Drücken von F12 starten, während Sie sich in Ihrem Browser oder indem Sie mit der rechten Maustaste auf eine Webseite klicken und den Menüpunkt Inspect wählen. S: Wie um den Chrome-Inspektor und -Debugger zu verwenden (ein ausgezeichnetes Tutorium).

Siehe auch Chrom DevTools | Google-Entwickler.

Wir fanden die fig-caption Element mit dem blocks-gallery-item__caption Klasse, die den fraglichen Untertiteltext steuert. Wir haben die Klasse Eigenschaften durch Versuch und Irrtum und kopierte die Stile über das Rechtsklickmenü.

Wenn dieses HTML-Element unbekannt ist (wie es für uns alle war), siehe HTML-Bildunterschriften-Tag.

Eine ausgezeichnete CSS-Lernressource ist HTML und CSS auf der Das Odin-Projekt Standort.

Eine faszinierende Geschichte über die Entwicklung von CSS finden Sie in einem kürzlich erschienenen Beitrag vom vorletzten im Blog der Webautorität, CSS X' | W3C.

Hier ist eine Frage, für deren Beantwortung wir keine Zeit hatten.

Wir haben das relevante Eigentumselement gefunden, blocks-gallery-item__captiondie uns zu den blocks-gallery-item. Am Ende der blocks-gallery-item__caption Schnipsel, == $0 CSS erschienen. Was bedeutet das?

"Es handelt sich um den zuletzt ausgewählten DOM-Knotenindex. Chrome weist einen Index zu zu jedem DOM-Knoten, den Sie auswählen. So wird $0 immer auf den letzten Knoten zeigen, den Sie ausgewählt, während $1 auf den Knoten zeigt, den Sie zuvor ausgewählt haben". S: Was Bedeutet ==$0 (doppelt gleich null Dollar) in den Chrome-Entwicklertools? | Stapel Überlauf.

Was ist die Bedeutung des doppelten Unterstrichs? doppelter Unterstrich in einem CSS-Klassennamen?

Asif

Was ist der Unterschied zwischen Linux und Windows-Hosting-Server und WP-Hosting. Hosting bedeutet lediglich, dass die WP Anwendung auf diesem Server läuft, eine triviale Angelegenheit, da jedes Betriebssystem dazu in der Lage ist. Jeder Host bietet WP an, und WP wird mit einem Klick installiert. Es gibt mehrere Hosts Service-Ebenen über der grundlegenden Ebene. Die erste dieser Ebenen ist die verwaltete WP die das 5- bis 10-fache des Preises der Grundversorgung beträgt und mehr Automatisierung beinhaltet, Sicherheit, Ressourcen, etc. Beim Hosting ist der Himmel die Grenze. Auschecken WordPress VIP.

Seine WP.com-Website, WebWurx's Blog kann migriert werden nach Selbst-Hosting.

MDDHosting wurde für einfaches Hosting empfohlen. StandortGround ist einer der führende Hosting-Provider und beliebt bei WPTO-Mitgliedern.

Viele Hosts bieten einen kostenlosen Domainnamen an und werden zum neuen Domain-Registrar im Prozess? Können Sie es auf einem anderen Hosting-Account verwenden? Erkundigen Sie sich beim Host, aber es ist wahrscheinlich, dass Sie mit der Nutzung einer solchen Domain beginnen können. Name auf einem anderen Host. Sie können den Domänennamen definitiv auf einen anderen Registrar und Gastgeber zu gegebener Zeit, da Sie der Eigentümer sind und die Transfers unkompliziert sind vorwärts. Ein Vorteil der Tatsache, dass der Gastgeber auch der Registrar ist, besteht darin, dass der Gastgeber behandelt die DNS-Einträge der Sites.

Chat-Protokoll

Die Abschrift fehlt in der ersten Hälfte der Sitzung, wie Sie an der Zeit der ersten Mitteilung erkennen können.

  • 01:05:38 Robin Macrae: Hat jemand den Namen der Person mit der vorherigen Frage zum VafPress-Plugin?
  • 01:08:25 David Schargel: Ich muss gehen. Ich danke Ihnen allen!
  • 01:25:39 Teilnehmer: Ich bin einfach eingesprungen. Tut mir leid, dass ich so spät.
  • 01:41:48 Teilnehmer: vielleicht hilft das: https://wordpress.org/support/topic/getting-a-gray-line-under-captions/
  • 01:41:53 Teilnehmer: Ich
  • 01:42:02 MB: Ja
  • 01:45:03 Teilnehmer: Tools für Entwickler
  • 01:46:20 Patrick Boake: einfache und kostenlose Möglichkeit, HTML und CSS
  • 01:46:35 Teilnehmer: aber ich denke, das wird geändert wegen die angemeldete Klasse
  • 01:46:42 Patrick Boake: Das Odin-Projekt: https://www.theodinproject.com/
  • 01:48:17 Teilnehmer: Sie hat den unteren Teil zu stark geschrumpft niedrig.
  • 02:00:22 Jacques Surveyer: Ich muss gehen Ich habe mein eigenes Meetup morgen auf Galerie-Plugins
  • 02:07:41 Dale: Muss gehen - ein Treffen mit dem Kunden haben - gutes Treffen - viel zu lernen - danke.
  • 02:12:19 Paul Warner: Wirklich interessante Begegnung. EIN CSS Durchbruch für mich. Ich muss gehen, wenn ich verheiratet bleiben will.
  • 02:13:56 Asif: Hallo zusammen. bevor diese Sitzung endet. Ich habe eine Frage zum Hosting auf 'Anfängerniveau'. Entschuldigung. Ich konnte die die Möglichkeit, "die Hand zu heben".
  • 02:14:29 Natalee Johnson: Danke, dass Sie die Informationen.
  • 02:14:58 MB: Danke für das Teilen der Ressource Patrick.
  • 02:15:41 Asif: Yay. habe gerade die Möglichkeit gefunden, meine Hand zu heben. so tief eingebettet!
  • 02:17:02 Robin Macrae: https://www.w3.org/blog/2020/03/css-x/
  • 02:17:58 Reema: Ich danke Ihnen vielmals!
  • 02:20:57 Patrick Boake: https://www.w3schools.com/.
  • 02:21:43 Patrick Boake: ein weiterer freier Kurs für viele Dinge htm CSS JavaScript SQL.
  • 02:24:07 Patrick Boake: "Für öffentliche Internet-Server ist Linux im Allgemeinen als dominant gezählt werden, die weit mehr als die doppelte Anzahl von Gastgebern als Windows Server - der von vielen kleineren Akteuren nachgestellt wird, darunter traditionelle Mainframe-Betriebssysteme". https://en.wikipedia.org/wiki/Usage_share_of_operating_systems?wprov=sfla1.
  • 02:28:45 Asif: webwurx.wordpress.com.
  • 02:29:50 Alex Sirota: https://www.mddhosting.com/.
  • 02:29:51 Asif: https://www.mddhosting.com/.
  • 02:29:57 Alex Sirota: und vergessen Sie nicht Mozillas MDN-Web-Dokumente – https://developer.mozilla.org/en-US/docs/Web/CSS.
  • 02:38:02 Asif: Danke an alle. für all Ihre Hilfe und Ansichten.
  • 02:38:14 Asif: Ich muss jetzt leider gehen.
  • 02:43:52 Natalee Johnson: Darf mddhosting dann verwendet werden?
  • 02:44:23 Natalee Johnson: Danke.
  • 02:44:42 Natalee Johnson: Danke, das war großartig.
  • 02:44:43 MB: Vielen Dank!

Robin Macrae (LinkedIn)

Das war's für die Meetup-Notizen und das Chat-Protokoll dieses Monats.

Die nächste ist eine weitere Online-Sitzung, Lassen Sie uns Ihre WordPress Website 2020-09-14 | WPTO-Treffen. RSVP und stellen Sie Ihre Frage oder Ihr Anliegen ein.

Robin Macrae (LinkedIn)