wordpress uploaden het behoud van het beeld, het behoud van het beeld en de media wordpress uploaden,,,,,,,,,, 52, 10 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd begint met het gebruik van de media te uploaden wordpress. Toevoeging van de media en de beelden uploaden wordpress schrappen in deze reeks, en we zullen zien hoe de media in de praktijk uploaden wordpress in uitvoering.In dit verband van een reeks en de idee van de code is voor een duidelijk beeld te krijgen van hoe het werkt, hoe gebruiken we het in de toekomst, en hoe we het in ons werk,., op dit punt, dat hebben we al gehad:,, te beginnen met het gebruik van de media wordpress uploaden, toe te voegen aan de en je beelden uploaden naar de media, en de in die artikelen, we hebben al een plug - in de bouw, de media wordpress uploaden het beeld voor de   kenmerken, een proces ons blog (pagina 's), maar er is een probleem: het beeld niet redden is niet in haar blog weergave van de inhoud van het (of de pagina' s).,, in dit artikel zullen we verder waar we gestopt zijn, de voltooiing van de tenuitvoerlegging van niet rusten.Z 'n plug - ins.Let op, ik neem aan dat je hebt gelezen en begrepen dat we deze twee posten hebben tot nu toe in de source code.,, zei, laten we gaan, het behoud van het beeld,.,, de sleutel om ervoor te zorgen dat de beelden getoond van de voorkant van het beeld in je informatie is voor Het behoud van de bepalingen van de door de,, in het bijzijn van je. De in dit document hebben wij dit deel van de informatie in dat beeld - kit, we creëren, maar zonder deze informatie in de praktijk gered.Dus beeld kan geven van de voorkant van de website op het dashboard of niet herinneren omdat je. En moeten we een oplossing.Concreet gesproken, we gaan redden:,, dan kunnen we een beeld van de URL src, attributen, dus we kunnen het beeld van de alt - eigenschappen, zoals de titel, de titel, de eigenschappen, de invoering van metagegevens,,,, het eerste wat we moeten doen, is toegevoegd aan de admin.php drie in Een veld, een ander vaartuig, de plug - in ons oog.Deze gebieden zullen meer dan die overeenkomt met de waarde van de volgende codes.,, kijk, ik zal het uitleggen:,, < P id = "kenmerken een beeld element" > < input vormen voor de tekst "=" een postzegel "" naam "een postzegel" "" "waarde = > < input vormen voor de tekst" = "voet" naam "titel" in de titel van een postzegel postzegel waarde = "> < input vormen voor de tekst" = "voet" naam "me alt een postzegel alt - waarde" = "> < /P > <.- selectie van een&#beeld element:% GT%, vanaf het begin, is het gemakkelijk te begrijpen moeten zijn:,, we in een container, is zeker, kenmerkende meter, een beeld, tekst bevat drie elementen, die elk overeenstemmen met de eigenschappen van het beeld, dat bewaren we voor op dit punt, we moeten terug naar onze javascript dossiers, kunnen we terug naar onze informatie via de media te uploaden en deze informatie in de input - gebied, open, admin.js.,, dan wordt de volgende rij op de bodem van de functie aan de invoeging van drie gebeurtenissen (,,,,, file_frame,): ///////opslag van beeld - informatie gebied van $("# een postzegel" "). - (json.url);&#een postzegel ti $("De temporale kwab epilepsie "). - (json.title $(");&#een postzegel alt "). - (json.title);, van hier, om je wordpress dashboard, de toevoeging van een nieuwe baan of met bestaande banen, moet je zien als de volgende foto 's:,,,,, stel je schrijft alle javascript rechtstreeks, moet je zien als dat je de gegevens verstrekken op basis van de keuze in de media als een foto uploaden.,, wijst er echter op, toen je op" het beeld "tekst blijft.We zien eigenlijk om deze informatie, laten we een einde maken aan de javascript, het gebied verwijderd om de inbreng van gebruikers, wanneer het beeld. En, hoewel er een aantal methoden om dit te doen en ik kiezen voor het gebruik van de volgende code:,, ///////en, tot slot, dat we opnieuw de input van gegevens in het gebied van $("# geselecteerde informatie een beeld van kinderen (").). Val (); en, weet je, dit moet vinden in het geval van de "te schrappen uit het beeld" anker.Het in de voorgaande artikelen, noemen we deze functie  , resetuploadform,.  , op dit punt, kan je op de "geschrapt en beeld" beeld te zien en in het veld te resetten.   als je in de problemen zit, in verband met dit standpunt. De herziening van github source code (in de belangrijkste tak van het ook worden aangemerkt als 1.0.0).,, het behoud van metagegevens, nu moeten we de invoering van een code van de « plug­in », ontsmetting van de waarden van het gebied zal invoeren, en na - en opgeslagen in de gegevensbank, kunnen we in elk van de weergave van de informatie en de achtervoeten, rennen.   in functie van acme_footer_image,,,,, door toevoeging van de volgende codes rij add_action ("save_post:,,, - ($," save_post "));,, dan moeten wij de definitie van een functie, die verantwoordelijk is voor de invoer in   redden van de waarden van het gebied in de database.Er zijn twee dingen om te weten dat de volgende code:,, we de gegevens voor ontsmetting, wij redden die we in verband met de sleutels op het gebied van het gebruik van de voorkant, zullen we in beeld.,, /* * * * * * * de ontsmetting en het behoud van die artikelen een beeld van metagegevens en de specifieke posten.* Param int post_id dollar. Een van ons huidige werk.* * * * * * * * * * * * * * /openbare functie sinds 0.2.0 save_post ($post_id) {als lid is ($_request ['footer-thumbnail-src])) {update_post_meta ($post_id, een postzegel ", sanitize_text_field ($_request ['footer-thumbnail-src]);} als lid is ($_request ['footer-thumbnail-title])) {update_post_meta (post_id dollar, in meter postzegel, de titel, de sanitize_text_field ($_request ['footer-thumbnail-title]);} als lid is ($_request ['footer-thumbnail-alt])) {update_post_meta ($post_id, een postzegel alt, sanitize_text_field ($_request ['footer-thumbnail-alt]);}}, we zijn klaar voor De test, op dit punt, moeten we in de voorkant van een beeld van het dashboard van mening dat meer voor de verandering, in de eerste plaats wil ik hebben.We moeten ervoor zorgen dat we de metagegevens terug te keren naar de ingang van het veld.Springen, admin.php en actualisering van het weer, met inbegrip van:,, < P id = "kenmerken een beeld van informatie" > < input vormen voor de tekst "=" een postzegel "" naam "een postzegel" "()" <?PHP ECHO get_post_meta ($na > id, een postzegel ", waar);?> "> < input vormen voor de tekst" = "voet" naam "titel" in de titel van een postzegel postzegel waarde = < "?PHP ECHO get_post_meta ($na > id, een postzegel, titel, waar);?> "> < input vormen voor de tekst" = "voet" naam "een postzegel alt postzegel alt" = "<?PHP ECHO get_post_meta ($na > id, een postzegel alt, waar);?> "> < /P > <.- selectie van een&#beeld - in - >,,, voor we hier, get_post_meta bellen, functie te halen met onze heeft aangekondigd dat deze functie behouden. De waarde van de  , de volgende stap moeten we ervoor zorgen dat we in deze reeks creëren we voor dezelfde waarden beeld elementen:,, < div = "kenmerken van een beeld van containers" = "verborgen" > < IMG - src = < "?PHP ECHO get_post_meta ($na > id, een postzegel ", waar);?> "(= <"?PHP ECHO get_post_meta ($na > id, een postzegel alt, waar);?> "titel:" <?PHP ECHO get_post_meta ($na > id, een postzegel, titel, waar);?> "> < /div > <.- selectie van een&#beeld van vaartuigen - > en, natuurlijk, als de gegevens is leeg, dan zal dat beeld niet in eigendom en.,, als alles goed gaat, moet je de beelden gezien en de relevante gegevens in de input - gebied, voor later bewaren.Als je de beelden van het gebied verwijderd, moet duidelijk zijn, moeten niet langer te zien. En, schoonmaken, voordat we verder gaan met de op de voorzijde geeft een beeld van wat kleine dingen op te ruimen, wat we moeten doen - dat de eerste doos.,,, moeten we ervoor zorgen dat alle in het veld, eerdere soorten, de aard van de tekst is verborgen,,,,, < P id = "kenmerken van een beeld van informatie" > < input - type = "verborgen" = "een postzegel" "naam" een postzegel "" = "<?PHP ECHO get_post_meta ($na > id, een postzegel ", waar);?> "> < input - type =" verborgen "=" een "naam" titel "in de titel van een postzegel postzegel waarde = <"?PHP ECHO get_post_meta ($na > id, een postzegel, titel, waar);?> "> < input - type =" verborgen "=" voet "naam" een postzegel alt postzegel alt "=" <?PHP ECHO get_post_meta ($na > id, een postzegel alt, waar);?> "> < /P > <.- selectie van een&#beeld element - >,, dan moeten we het schrijven van een kleine javascript zal blijk geven van een beeld dat gered.De functie van de input - gebied zal controleren of de beelden niet lege string, zo niet, dan zal de beelden.Dus we voegen we deze functie javascript documenten:,, /* * * * * * * - gebied controleren of de waarde van de bron van een postzegel.Als dat zo is, dan is het beeld en de kenmerken van het anker "verwijderen" van de beelden.* * * * * * * * * * * * * * * * * * * * * * * * * * * *, normen voor anker.* * * * * * * * * * * * * *) het voorwerp van een verwijzing naar het voorwerp van Param sinds 1.0.0 * /functie renderfeaturedimage ($) {/* als een postzegel banden in verband met dit beeld - dan moeten we een beeld te geven van de banden en reset.* * * * * * * ("als".= = = = = = = dollar. - $("# een postzegel" "). Val ())) {% ("&#die een beeld van containers). RemoveClass (verborgen); $("# voorzien van een postzegel"). De moedermaatschappij () (). Aan de $("geschrapt;&#een postzegel"). De moedermaatschappij (). RemoveClass (verborgen);}}, en belde het javascript functie in de DOM is klaar. Functie:,, de context renderfeaturedimage ($);,, kortom, als een pagina 's, zal het onderzoek URL' s bestaan in onze input - gebied.Als dat zo is, zou het een beeld wordt gegeven, en wij kiezen, te schrappen.Anders is het gewoon een lege doos met foto 's.  , nogmaals, als je langs deze code zit in de problemen, we moeten kijken naar de relevante github bibliotheek gebruik te maken van het verband in deze pagina' s kant laten zien, het beeld, kenmerken, op dit punt, we hebben gedaan wat we moesten Een snee in je het dashboard, dus het is tijd voor een beeld in de blog.   om dit te doen, moeten we een verband met het the_content, acties te controleren op de aanwezigheid van het beeld, en, indien dit het geval is, wordt toegevoegd aan de inhoud van artikel.  , dus, in de eerste plaats, wordt de volgende regel toegevoegd  , rennen, je acme_footer_image, methoden, klasse:,, add_action ("the_content array ($," the_content ");,, we moeten het schrijven van een functie.De voor dit soort acties fan.Deze functie zal verantwoordelijk zijn voor de controle, als we gewoon een pagina 's (omdat wij niet willen dat aan een beeld in een post van de staart), indien de gebruiker heeft, dat de etikettering van meer, als een deel van de inhoud van de we met de volgende code: als de huidige, /* * * * * * * de postdiensten zijn een gemeenschappelijk standpunt te controleren om te zien of er een karakteristieke beeld.* indien dit het geval is, op die van de inhoud van de aanvullende inhoud voor is.* @ string inhoud van de post.* * * * * * * * * * * * * * /openbare functie sinds 1.0.0 ($inhoud) {///////the_content wij alleen nog het beeld van één bladzijde als (is_single () {///////voor de toevoeging van een beeld, moet ten minste een Bron eigenschappen als (".= = = = = = = = = = = = ($src = get_post_meta (get_the_id (), een postzegel src, echt)) {///////overige attributen lezen, zelfs als ze zijn lege string $(= get_post_meta (get_the_id (), een postzegel alt, waar); $Titel = get_post_meta (get_the_id () postzegel, de titel, de meter, echt. Het creëren van een beeld van); ///////elementen in hun tank img_html dollar = "< P id =" een postzegel ">"; img_html dollar. = "< IMG - src =" "" (= "dollar" titel: "dollar alt titel /> dollar". Img_html. = "< /P > <.-&#een postzegel - > "; ///////toegevoegd aan de inhoud van img_html dollar. =;}} terugkeer $inhoud;},,,,, we moeten een volledig functionele toevoeging van een specifieke meter in beeld, zal in een afzonderlijk artikel en de pagina 's. In Deze reeks, we hebben veel materiaal, met inbegrip van het gebruik van de media te uploaden.Hoewel dit artikel brengt meer tijd om ons te laten zien hoe de voorkant van de gegevens van het element doos, het toont ook aan hoe de toepassing van een plug - in de media in de uploader van toepassing.,, wat betekent dat er meer kennen, kunnen we in de toekomst de belangrijkste vragen hebben betrekking op de media uploader.Als je interesse hebt, laat het me weten, tot de volgende opmerkingen.Trouwens, als je nog vragen hebt, lees je het aantal algemene, op elk moment weg,.,, vergeet niet naar de bibliotheek en ik hoop dat dit project github, dit is jouw werk in de toekomst als de media het uploaden.