Ricapitoliamo il 25 agosto 2020: "Aggiustiamo il tuo sito web".

Registrazione video dell'evento Meetup del 25 agosto 2020 "Let's Fix Your WordPress Website".

Questo post ricapitola gli scambi e i suggerimenti del Sistemiamo il tuo WordPress Sito 2020-08-25 | WPTO Meetup. Questo era il nostro sesto online sessione utilizzando Zoom.

Queste note sono in 2 parti. Le prime sono appunti presi durante la sessione e poi ripuliti e completati e un riassunto compilato e l'elenco dei link aggiunti. Le note coprono la maggior parte della discussione e rendere il video più utile. La seconda parte di questo post è la trascrizione della chat con leggera modifica degli URL dove necessario.

Le richieste di aiuto sono state fatte nei commenti della pagina dell'evento e nei messaggi di chat di Zoom e discussi più o meno in ordine cronologico ordine.

In questo post presentiamo la vetrina di WPTO su Vimeo.

La sessione è iniziata alle 6:30 e si è conclusa alle 9:15.

La prossima sessione è Sistemiamo il tuo WordPress Sito 2020-09-14 | WPTO Meetup.

La vetrina di WPTO sull'immagine dello screenshot di Vimeo.

La vetrina di WPTO su Vimeo

I video delle ultime 6 sessioni sono ora in un Vetrina Vimeouna schermata che si trova a destra.

Informazioni sul nostro sponsor Weglot

Il WordPress Toronto Meetup groups è sponsorizzato da Weglot e il Canadian Management Consortium.

Weglot è il modo più veloce e flessibile per tradurre il tuo sito web. Controlla un breve dimostrazione.

Provate Weglot per voi stessi e otterrete il 15% di sconto come WordPress Toronto membro.

Note di sessione

riassunto

Nella sessione sono state assistite 7 persone:

  • Andy ha chiesto l'aiuto di un volontario per il suo sito
  • Kathy richiesta di assistenza per l'integrazione degli annunci MLS
  • Di fernne ha chiesto un aggiornamento sull'ottimizzazione delle immagini
  • Reema voleva consigli su come cancellare un plugin che non ha installato
  • Natalie bisogno di aiuto per cambiare un'immagine in un post
  • Reema ha richiesto un modo per rimuovere uno sfondo grigio dalle didascalie delle immagini
  • Asif ha chiesto se il sistema operativo utilizzato dai server di un host è importante e come funziona l'hosting WP

Elenco dei link nella sessione

Andy

Il suo posto: Questo COVID ci ha dato un duro colpo. Cerca un'anima generosa che mi possa aiutare a sistemare un sito web e costruirne un altro per me, per farmi andare avanti. (Non ha partecipato, ma Wally Wormstrom si è offerto di aiutarlo).

Kathy Sterman

Voleva sapere se qualcuno ha aveva esperienza nell'integrazione di annunci MLS su un WordPress sito?

Patrick Boake Non ho _esperienza_ ma Ho appena fatto una ricerca veloce e ci sono diversi plugin per questo.

Kathy Sterman Sto cercando di valutare se un plugin è la soluzione migliore e quanto lavoro è richiesto. Ho parlato con alcuni aziende e dicono che è molto complicato fare l'integrazione e la carica fino a 1500 dollari. Ho pensato che sarebbe stato bello poter offrire servizi a agente immobiliare che vogliono un sito personale di marca, ma sto scoprendo che potrebbe non essere ne vale la pena.

Kathy ha fatto delle ricerche e ha voluto discuterne e arrivare a una decisione su come procedere con un cliente progetto.

Il suo cliente è un agente. Il problema è l'integrazione MLS nel sito WP. Utilizzare gli annunci per attrarre traffico verso ciò che è disponibile in aggiunta a quello di quell'agente proprietà elencate. Problemi. MLS è un servizio gestito in ciascuno degli immobili schede in Ontario e richiede una licenza da un agente registrato per ottenere un dato alimentazione. Le aziende statunitensi vendono pacchetti di siti con servizi MLS integrati. I plugin sono per tutti i consigli di amministrazione degli Stati Uniti più i grandi dell'Ontario, ecc. tutte le altre schede ON). Difficile entrare in questa nicchia di mercato su un unico sito base. Il cliente in questione si oppone al pagamento di uno sviluppatore per la costruzione di un e implementare gli annunci MLS. MLS comporta 2 costi, l'integrazione (plugin) e l'alimentazione dei dati supponendo che l'interfaccia utente di ricerca fornita sia accettabile e non richiedono un lavoro.

Per esempio, vedere MLS RESO Web API Soluzioni di importazione per WordPress.

Dato che la maggior parte dei siti degli agenti utilizzano un'interfaccia utente di ricerca standard per elenchi, c'è l'opportunità di differenziare un agente e di aggiungere valore aggiunto attraverso progettandone uno con un frontend migliore.

La conclusione di Kathy è di lasciare l'integrazione MLS a le persone specializzate in questa esigenza di nicchia. Non è una buona area in cui dilettarsi. Inoltre, rischia di essere sfruttata da un cliente che non apprezza il lavoro svolto. Gli agenti stanno già pagando gli onorari ai broker e non sono inclini a pagare ulteriori spese ricorrenti.

Fernne Kane

19:00. Il suo sito è fernnekane.com.

Continua a trovare difficile l'ottimizzazione delle immagini sul suo sito e ha chiesto per rivedere il metodo che avevamo usato per assisterla in diversi incontri fa. Lei ha ha ripulito il suo sito negli ultimi mesi, quindi ora ci sono meno immagini per ottimizzare.

I passi per ottimizzare un'immagine sono:

  • assicurarsi che il formato del file sia appropriato, come PNG o JPEG e convertire se necessario (la sua immagine di esempio era una GIF stock Adobe da 27 MB immagine)
  • verificare che la risoluzione sia adeguata (72 dpi è buona)
  • crop to appropriate size (for headers, 2000×1280; post images <1,000 in width)
  • ottimizzare le dimensioni (utilizzare la comprensione lossy)

Melroy l'ha portata attraverso il flusso di lavoro in Photoshop su una sola immagine. Questi passaggi hanno ridotto il file dimensioni da 27 MB a ~150 KB.

Fernne usa Photoshop, un relativamente costoso programma. I servizi di ottimizzazione delle immagini sono un'alternativa gratuita. TinyPNG è stato raccomandato perché fino al 20 le immagini possono essere caricate in batch e il limite di dimensione dei singoli file è di 5 MB.

Reema

19:25. Ha trovato un plugin, VafPress Post-formati UI, installato ma non attivato sul suo sito e non sa come sia successo. Il plugin è VafPress Post Formato UI Plugin / Scultura Qode (s: VAFPress Post-formati UI). Non c'è motivo di mantenere il plugin in modo che venga cancellato. Ha bisogno di cambiare l'amministratore del sito password perché i plugin non appaiono da soli, tranne quando sono installati da un altro plugin come addon o must-use.

Natalie

Sta lavorando su un sito no-profit. Ha ha usato WP.com per un sito e ora sta provando un sito WP.org su SiteGround hosting. Utilizzando il ELEMENTOR pagebuilder.

In questo post, WP.com si riferisce ad un sito ospitato su WordPress.comWP.org, a uno autoospitato utilizzando il codice scaricato da WordPress.org.

Domande:

Come cambiare un'immagine in un post.

Abbiamo avuto difficoltà a trovare l'interfaccia utente di modifica in cui possiamo cambiare l'interfaccia immagine in primo piano. Di solito è un widget in fondo alla barra laterale destra. L'interfaccia utente è stata riorganizzata e quel widget è scomparso. Abbiamo notato che il l'icona dell'ingranaggio di impostazione era stata disattivata. Ora che è accesa, l'icona è apparsa la scatola delle immagini e ora può cambiare l'immagine in questione.

Nel primo post del blog, l'immagine di sfondo non funziona. Rimuovete l'immagine di sfondo o almeno cambiatela in uno sfondo che sia meno invadente. In alternativa, abbassare l'opacità al (diciamo) 25% o offuscare il attenzione.

Come aggiungere alcune pagine ad un menu a tendina come menu sotto-categoria? Abbiamo seguito la procedura di modifica del menu per aggiungere le pagine e ha dimostrato come far rientrare una voce di menu (trascinarla a destra) per renderla un sotto-categoria.

Questa è stata una buona occasione per sottolineare l'importanza e il valore della finestra di messaggio che appare in cima alla pagina per segnalare che un procedura, ad esempio, un menu salvato, si è verificato o è stato completato. Tendiamo a di ignorare questi messaggi, ma sono preziosi e vanno annotati.

Reema

La sua domanda riguardava il suo sito, La cultura di Perle, un blog della galleria che utilizza il Nisarg | WP.org tema.

Voleva sapere come modificare la didascalia di un'immagine (metadati). Le didascalie sono visualizzate con uno sfondo grigio sfumato. Come fa a rimuovere quello? Le didascalie possono essere supportate o meno dal tema del sito. Attraverso la prova e errore, abbiamo stabilito che il tema aggiunge una scatola grigia come sfondo quando un viene aggiunta la didascalia.

Per modificare una didascalia di un'immagine, il metodo della forza bruta consiste nel sostituire le immagini con quelle della Mediateca o utilizzare una didascalia come testo sotto ogni immagine.

Inizialmente abbiamo cancellato le didascalie e lo sfondo era andato.

Abbiamo trovato l'immagine nella Mediateca e abbiamo aggiunto il didascalia ai suoi metadati. Non ha funzionato, il che ha confermato che è il tema controllando lo sfondo.

Non è la prima volta che si pone questa domanda. Per esempio, vedi Ottenere una linea grigia sotto le didascalie | WordPress.org.

Nel Customizernon abbiamo trovato qualsiasi cosa di rilevante.

Utilizzando il browser IspettoreAbbiamo trovato il CSS che imposta lo sfondo della didascalia in grigio.

Il Chrome Web Inspector e il Debugger sono convenientemente incorporato con cromo. Potete lanciarlo colpendo F12 mentre nel vostro o cliccando con il tasto destro del mouse su una pagina web e selezionando la voce di menu Inspect. S: Come per usare l'Ispettore del cromo e il debugger (un eccellente tutorial).

Vedi anche Cromo DevTools | Sviluppatori di Google.

Abbiamo trovato il fig-caption elemento con il blocks-gallery-item__caption classe che controlla il testo della didascalia in questione. Abbiamo trovato la classe per tentativi ed errori e copiato gli stili utilizzando il menu del tasto destro del mouse.

Se quell'elemento HTML non è familiare (come lo era per tutti noi), vedere Tag HTML figcaption.

Un'eccellente risorsa di apprendimento CSS è HTML e CSS sul Il Progetto Odino sito.

Per un'affascinante storia dell'evoluzione dei CSS, vedi un post recente dal penultimo nel blog della web authority, CSS X' | W3C.

Ecco una domanda che non abbiamo avuto il tempo di affrontare.

Abbiamo trovato l'elemento di proprietà rilevante, blocks-gallery-item__captionche ci portano alla blocks-gallery-item. Alla fine del blocks-gallery-item__caption frammento, == $0 CSS è apparso. Che cosa significa?

"E' l'ultimo indice di nodo DOM selezionato. Chrome assegna un indice ad ogni nodo DOM selezionato. Quindi $0 punterà sempre all'ultimo nodo selezionato. selezionato, mentre $1 punterà al nodo che avete selezionato prima". S: Cosa significa ===$0 (doppio uguale a zero dollari) in Chrome Developer Tools? | Pila Troppopieno.

Qual è il significato della doppia sottolineatura? doppio underscore in un nome di classe CSS?

Asif

Qual è la differenza tra Linux e Server di hosting Windows e hosting WP. Hosting significa solo che il WP viene eseguita su quel server, una cosa banale dato che ogni sistema operativo è in grado di farlo. Ogni host offre WP e WP si installa con un clic. Ci sono diversi host livelli di servizio superiori a quello di base. Il primo di questi livelli è gestito WP che va da 5 a 10 volte il prezzo del servizio di base e comprende più automazione, sicurezza, risorse, ecc. Nell'ospitare, il cielo è il limite. Guarda WordPress VIP.

Il suo sito WP.com, Il blog di WebWurx può essere migrato a auto-ospitante.

MDDHosting è stato raccomandato per l'hosting di base. SiteGround è uno dei fornitori di hosting leader e popolare tra i membri WPTO.

Molti host offrono un nome a dominio gratuito e diventano il nuovo la società di registrazione del dominio nel processo? Potete utilizzarlo su un altro account di hosting? Verificate con l'host, ma è probabile che possiate iniziare a utilizzare un dominio di questo tipo il nome su un altro ospite. Potete sicuramente spostare il nome a dominio su un altro registrar e host a tempo debito, poiché è di vostra proprietà e i trasferimenti sono diretti in avanti. Uno dei vantaggi del fatto che l'host è anche il registrar è che l'host gestisce le registrazioni DNS dei siti.

Trascrizione della chat

La trascrizione manca la prima metà della sessione, come si può vedere dal momento del primo messaggio.

  • 01:05:38 Robin Macrae: Qualcuno ha saputo il nome della persona con la precedente domanda sul plugin VafPress?
  • 01:08:25 David Schargel: Devo andare. Grazie a tutti!
  • 01:25:39 Partecipante: Sono appena saltato dentro. scusate se sono così in ritardo.
  • 01:41:48 Partecipante: potrebbe essere utile: https://wordpress.org/support/topic/getting-a-gray-line-under-captions/
  • 01:41:53 Partecipante: Me
  • 01:42:02 MB: Sì
  • 01:45:03 Partecipante: Strumenti per sviluppatori
  • 01:46:20 Patrick Boake: un modo semplice e gratuito per imparare l'HTML e il CSS
  • 01:46:35 Partecipante: ma credo che questo sia stato modificato a causa di la classe applicata
  • 01:46:42 Patrick Boake: Il Progetto Odin: https://www.theodinproject.com/
  • 01:48:17 Partecipante: ha ridotto troppo la parte inferiore basso.
  • 02:00:22 Jacques Surveyer: Devo andare Ho il mio Meetup domani su Gallery plugins
  • 02:07:41 Dale: Devo andare via - avere un incontro con il cliente - buon incontro - molto da imparare - grazie.
  • 02:12:19 Paul Warner: Incontro davvero interessante. UN CSS una svolta per me. Devo andare se voglio rimanere sposato.
  • 02:13:56 Asif: Ciao a tutti prima della fine di questa sessione. Ho un domanda 'livello principiante' sull'hosting. scusate. Non sono riuscito a trovare il possibilità di 'alzare la mano'.
  • 02:14:29 Natalee Johnson: Grazie per aver condiviso la informazioni.
  • 02:14:58 MB: Grazie per aver condiviso la risorsa Patrick.
  • 02:15:41 Asif: Evviva, ho appena trovato la possibilità di alzare la mano. incastrato molto in profondità!
  • 02:17:02 Robin Macrae: https://www.w3.org/blog/2020/03/css-x/
  • 02:17:58 reema: Grazie mille!
  • 02:20:57 Patrick Boake: https://www.w3schools.com/.
  • 02:21:43 Patrick Boake: un altro corso gratuito per un sacco di cose htm CSS JavaScript SQL.
  • 02:24:07 Patrick Boake: "Per i server Internet pubblici, Linux è generalmente considerato come dominante, con una potenza ben superiore al doppio del numero di host come Windows Server - che è trainato da molti piccoli giocatori, tra cui sistemi operativi mainframe tradizionali". 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: e non dimenticate i web docs di Mozilla MDN – https://developer.mozilla.org/en-US/docs/Web/CSS.
  • 02:38:02 Asif: Grazie a tutti. per tutto il vostro aiuto e visualizzazioni.
  • 02:38:14 Asif: Devo purtroppo partire adesso.
  • 02:43:52 Natalee Johnson: Si può usare il mddhosting allora?
  • 02:44:23 Natalee Johnson: Grazie.
  • 02:44:42 Natalee Johnson: Grazie, è stato fantastico.
  • 02:44:43 MB: Grazie!

Robin Macrae (Linkedin)

Questo è tutto per gli appunti del Meetup di questo mese e la trascrizione della chat.

La prossima è un'altra sessione online, Sistemiamo il tuo WordPress Sito 2020-09-14 | WPTO Meetup. RSVP e inviare la vostra domanda o richiesta.

Robin Macrae (Linkedin)