Imam mali set koji se sa sigurnošću može nazvati “must have” za svakog blogera, odnosno obavezan za korištenje. Instaliram, ako je moguće, gotovo isti sklop na svim svojim blogovima, što mi omogućava da rad sa sistemom učinim produktivnijim, funkcionalnijim i praktičnijim za posjetitelje. Mislim da ćete u budućnosti na stranicama ovog bloga pronaći recenzije svih njih, o nekim modulima sam već uspio govoriti, ali većina njih tek dolazi. Danas ćemo pričati o naprednim TinyMCE Napredni uređivač teksta- vrlo cool i praktična stvar.
Generalno, u uređivaču teksta, zapravo, većinu vremena provodite u wordpress-u - objavljujete i formatirate tekst, dodajete oznake, ubacujete slike, ponekad morate postaviti tabele itd. Općenito, vrlo je važno imati pri ruci funkcionalan, kvalitetan alat. Po defaultu, wordpress ima svoj uređivač, ali ja bih ipak preporučio instaliranje TinyMCE Advanced. Ovako to sada izgleda u akciji u admin panelu wordpress insajder bloga:
Kao što vidite, ima više nego dovoljno ikona za bilo koju radnju. Neću porediti sa standardnim, jer sam čak i zaboravio kako izgleda, samo ću vam reći neke detalje u TinyMCE Advanced. U prvom redu imamo dugmad:
- oblikovanje (podebljano, kurziv, podvučeno, itd.)
- kreiranje regularnih i numerisanih lista, kao i uvlake za tekst
- poravnanje teksta po rubovima, centru i cijeloj širini kolone
- kreiranje i brisanje linkova
- umetak slike
- css uređivanje
- kreiranje citata
- umetnite separatore u i sledeću stranicu
- omogućavanje provjere pravopisa, pronalaženje reda u tekstu
- omogućavanje režima preko celog ekrana, kao i prikazivanje dodatne linije funkcijskih tastera za TinyMCE napredni uređivač teksta
- zadnje dugme je umetnuti.
Druga linija je jednako važna i također sadrži niz zanimljivih karakteristika:
- izbor fonta teksta i formatiranje pasusa
- zalijepite tekst, zalijepite iz Worda, uklonite svo oblikovanje
- dodavanje proizvoljnog karaktera u tekst i štampanje
- i pozadinu, ubacite emotikone (da biste ih prikazali, potrebno je potvrditi okvir pored stavke za pretvaranje tekstualnih znakova za emotikone u slike u postavkama administratorskog panela u meniju "Pisanje")
- isticanje teksta kao superscript i subscript
- umetnite medijski fajl
- poništavanje i nastavak radnje, uređivanje atributa i pomoć.
Ovo će, mislim, biti sasvim dovoljno da shvatimo da je TinyMCE Advanced editor jednostavno super funkcionalan. Inače, ovo je samo dio njegovih mogućnosti, o ostalima ću malo dalje.
Instalacija i konfiguracija TinyMCE Advanced
Možete preuzeti TinyMCE Advanced text editor sa. Treba napomenuti da za različite verzije wordpress-a (2.6, 2.7, 2.8+) morate koristiti vlastitu distribuciju. U vrijeme pisanja, najnovija verzija dodatka je 3.2.7.
Standard ugradnje- nakon preuzimanja, raspakirajte i otpremite na ftp bloga u folder wp-content / plugins. Zatim aktiviramo TinyMCE Advanced sa administrativnog panela, nakon čega idemo na "Postavke" - "TinyMCE Advanced" meni, gdje ga trebate konfigurirati. Završni akord je brisanje keša pretraživača.
Prije nego što govorimo o konfiguraciji, još nekoliko riječi o funkcionalnosti modula. Prema opisu na službenoj web stranici, uključuje čak 15 drugih dodataka: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smajlići), Datum i vrijeme, IESpell, Layer, Nonbreaking, Print, Search and Replace , stil, tabela, vizuelni znakovi i XHTML dodaci. Sve ovo se može dobiti instaliranjem samo jednog TinyMCE Advanced! Osim engleskog, dodatak podržava i neke druge lokalizacije (njemački, francuski, talijanski, španski, ruski itd.). Općenito, nema sumnje u široke mogućnosti modula.
Konfiguriranje TinyMCE Advanced napravljeno u admin panelu bloga u istoimenoj stavci menija. Proces nije težak, prilično zanimljiv. Na stranici ćete vidjeti 4 reda uređivača teksta u koje možete postaviti različite funkcijske tipke:
Vidite koliko je još u trgovini? U detalje ćete morati sami da se udubite, jer su svi elementi potpisani i prilično vizuelni. Izdvojio bih, možda, blok sa funkcijama za rad sa tabelama - to će vam omogućiti da ih brzo i jednostavno kreirate i mijenjate u tekstu. Čak iu TinyMCE Advanced, možete uvesti prilagođeni css stilski fajl u uređivač - takođe može biti od koristi. Generalno, kao što sam rekao od samog početka posta, modul must have!
Dodaci za TinyMCE Advanced
Blog ima nekoliko članaka koji govore o proširenju mogućnosti dodatka:
- koristeći TinyMCE Color Grid modul i još mnogo toga. Ovo rješenje stvara ogromnu paletu boja u uređivaču + dodaje još jednu korisnu funkciju. Takođe u članku ćete pronaći hak za functions.php koji vam omogućava da zamenite osnovne boje u TinyMCE Advanced sopstvenim.
- - Razmišljam o zadatku da instaliram nove prilagođene fontove u TinyMCE Advanced, kao i da dodam Google fontove kroz obične CSS stilove.
Mislim da će vam ove bilješke biti korisne u vašem radu. Ako imate pitanja, postavite ih u komentarima.
U ovom članku ćemo govoriti o jednom zanimljivom uređivaču vizualnih stranica za WordPress. Dodatak Page Builder Sandwich je dizajniran da pojednostavi uređivanje stranica. Dodatak je testiran na velikom broju WordPress šablona iz različitih izvora i pokazao se vrlo dobrim.
Page Builder Sandwich vam omogućava da u hodu napravite promjene u dizajnu stranica web stranice. Dodatak se može preuzeti sa zvaničnog WordPress repozitorija. U vrijeme pisanja ovog teksta, dodatak je preuzelo više od 3.000 korisnika. Rezultat za ovaj dodatak je 4,4 od 5.
Pogledajmo bliže karakteristike dodatka.
Vizualni uređivač stranica Page Builder Sandwich
Prednosti dodatka uključuju pojednostavljeno dodavanje teksta. Odaberite željeno područje i samo počnite kucati. Tu je i tehnologija prevlačenja i ispuštanja - ovo je neprocenjiva karakteristika koja vam omogućava da pomerate odabrane objekte u odnosu na radni prostor pomoću miša. Ne morate postavljati obrasce kroz kod, nasumično birajući njihove koordinate. Ovo značajno smanjuje vrijeme rada.
Dodatak ima mogućnost poništavanja radnji. Ako ste nešto pogriješili, samo upotrijebite kombinaciju tipki ctrl + z i bit ćete vraćeni korak unazad.
Dodatak vam omogućava brzo i jednostavno postavljanje sadržaja na stranicu. Ako trebate postaviti video sa , samo trebate kopirati video vezu i zalijepiti ga u željeno područje na stranici. Osim toga, vizualni uređivač ima jednostavan i intuitivan interfejs, tako da ga i neiskusni korisnici mogu shvatiti.
Rad sa dodatkom za izradu sendvič stranica
Nakon instaliranja i aktivacije dodatka, idite na podstavku "Korisnici" u podstavci "Vaš profil" u WordPress konzoli i potvrdite izbor u polju za potvrdu "Prikaži traku sa alatkama prilikom pregleda stranice". Nakon toga, kada posjetite bilo koju stranicu na vašoj web stranici preko front-enda, primijetit ćete gumb vizualnog uređivača u gornjem desnom kutu. Velika je i plava pa je ne možete propustiti. Kada kliknete na dugme, otvoriće se uređivač koji vam omogućava da u hodu uređujete šta god želite.
Još jedna prednost ovog dodatka je mogućnost da se odmah uoči rezultat.
Na lijevoj strani je traka sa alatkama. Besplatna verzija ima ograničen broj alata. U plaćenom je također ograničeno, ali ih je mnogo više. Na službenoj web stranici WordPress-a možete pronaći vodiče za rad sa dodatkom.
Dodatak je objavljen relativno nedavno, i trenutno se aktivno radi na njemu. Možda će u budućnosti programeri ponuditi mnoge zanimljive funkcije koje će olakšati rad s vizualnim uređivačem.
Možete saznati više o drugom uređivaču za WordPress u .
Jednom sam razmišljao o zanimljivom projektu - vizualnom uređivaču za kreiranje WordPress predloška direktno iz admin panela. Danas ću govoriti o sličnom, ali funkcionalnijem i moćnijem proizvodu -. Ovo je samostalna verzija Pinegrowa, profesionalnog desktop uređivača weba koji se koristi za kreiranje web stranica s brzim odzivom, skriptama, Bootstrapom i drugim funkcijama. Dakle, Pinegrow WP je poseban dodatak koji vam omogućava da kreirate WordPress šablone.
Ključne karakteristike Pinegrow WP:
- Pretvaranje statičkih HTML izgleda u WordPress teme - odaberite određene elemente predloška i odaberite odgovarajuće parametre za njih.
- Kreiranje WP predložaka od nule pomoću vizualnog uređivača - samo dodajte potrebne elemente na stranicu (bočnu traku, listu postova, itd.)
- Podrška za 175 WordPress oznaka — omogućava vam da brzo pronađete potrebne vrijednosti za elemente HTML izgleda (naslov posta, datum, ime autora).
- Podrška za dodatke i PHP funkcije — možete odabrati ne samo WordPress oznake kao parametre elementa, već i postaviti varijable, dodati PHP funkcije.
- Prikaz uživo WordPress teme koja se kreira omogućava vam da vidite šta se dešava nakon vaših postavki.
- Pogledajte generirani PHP kod za izgled.
Osim toga, možete raditi direktno sa sadržajem svoje WordPress stranice uvozom slika u Pinegrow WP. Kao rezultat, dobijate čisti PHP/HTML kod, servis ne dodaje nikakve dodatne elemente osnovnom izgledu.
Evo kratkog videa kako Pinegrow WP radi:
Možete sami testirati ovaj softver. Da biste to učinili, preuzmite program sa službene web stranice (postoje verzije za Windows, Mac i Linux). Nakon instalacije, zatražite besplatan privremeni licencni ključ (na 7 dana). Unesite lozinku koja dolazi na poštu i uđite u sistem.
U postavkama (ikona zupčanika) Framework & Plugin Managera za index.html, označite WordPress, a zatim otpremite neku vrstu HTML šablona. Zatim kliknite na određene elemente izgleda i odaberite odgovarajuće WordPress funkcije za njih. Na primjer: za sliku — the_post_thumbnail, za naslov — the_title, za datum — the_date, itd. Odnosno, korisnik ne mora znati kako točno postaviti ovaj ili onaj element u WordPress-u, samo ga potražite u dostupnim funkcijama i dodajte u izgled. Postavljanjem svih blokova na stranici na odgovarajuću vrijednost, na kraju ćete dobiti ispravan WordPress predložak za izvoz. Algoritam je približno isti, iako ćete se morati detaljnije pozabaviti programom Pinegrow WP (postoji puno različitih funkcija i postavki).
Općenito, Pinegrow WP je vrlo moćan, ali nije besplatan. Lična licenca (za 3 računara) košta 99 dolara. Možete ga koristiti za onoliko projekata koliko želite! Postoje licence za kompanije i razvojne timove. U principu, program je potreban upravo u te svrhe - ako se vi ili vaša kompanija profesionalno bavite kreiranjem web stranica (uključujući WordPress), onda će vam ovaj softver dobro doći.
Mala osoba može mnogo.
Zdravo kolege!
Postoje dva načina:
1. Instalacija dodatka
2. Instaliranje koda u datoteku functions.php.
Ako niste jaki u poznavanju php kodova, html i css stilova, onda je bolje koristiti gotov dodatak za proširenje mogućnosti wordpress editora.
Proširivanje WordPress uređivača dodatkom
Ultimate TinyMCE dodatak
Koristim Ultimate TinyMCE dodatak već otprilike četiri godine, iako ima manje preuzimanja od drugih sličnih dodataka.
Ne smeta mi što nije ažuriran više od dvije godine. Radi odlično, ne sukobljava se sa drugima.
Svidjelo mi se jer je imao opciju koja vam omogućava da umetnete tekst na pozadini druge boje. Ali WordPress je zahtijevao od vlasnika dodatka da ukloni ovu funkciju.
Dodatak je jednostavan za postavljanje i ne zahtijeva puno znanja. Nadam se da znate kako da instalirate novi dodatak sa wordpress kontrolne table.
Konfiguriranje Ultimate TinyMCE dodatka
Nakon aktivacije dodatka, na lijevoj strani konzole pronađite karticu "Postavke" i kliknite na "Ultimate TinyMCE".
Ovo će otvoriti dugačku stranicu sa raznim dugmadima za proširenje WordPress uređivača. Snimak ekrana prikazuje samo dio stranice.
Dodajte funkcije koje su vam potrebne u WordPress vizuelni ugrađeni uređivač i ne zaboravite da sačuvate promene.
Nisam pokazao cijelu stranicu, uvjerite se sami. Glavna stvar je da pravilno postavite postavku. U koloni "Omogući" označite polje pored željene opcije, a u koloni "Odabir reda" navedite redak uređivača. WordPress vizuelni uređivač može imati samo četiri reda.
Eksperimentirajte i pronađite lokaciju dodanih WordPress funkcija koja vam odgovara.
Ako zadani ugrađeni uređivač izgleda ovako:
Zatim, nakon proširenja mogućnosti WordPress editora, izgledat će drugačije:
TinyMCE Advanced Plugin
Ovaj dodatak je sličan prethodnom, s jedinom razlikom što ima više instalacija i stalnih ažuriranja.
Možete ga instalirati sa administrativnog panela stranice na kartici "Plugins" ==> "Add new".
Aktivirajte instalirani dodatak i na kartici "Postavke" ==> "TinyMCE Advanced" idite na postavke WordPress uređivača.
(Kliknite na slike za povećanje.)
Sva podešavanja su na ruskom jeziku. Da li ćete omogućiti meni uređivača ili ne, odlučite sami, a zatim odaberite opcije koje su vam potrebne i zamijenite ih u uređivaču. Takođe sadrži četiri reda. Sačuvajte promjene i testirajte ekstenziju WordPress editora.
Nikolaj Ivanov je bio sa vama.
PIŠITE PITANJA U KOMENTARIMA
