, giv dine klienter personlig screencasts i wordpress admin - panelet,,,,, andel,,,,,,,, 13,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne forelæsning, så viser jeg dig en nem måde at yde deres kunder med en personlig video screencasts direkte i wordpress admin - panelet.vi gør dette ved hjælp af et open source - media player og en lille smule af folkesundhedsprogrammet svindel for at automatisere udarbejdelsen af nye videoer, der er til rådighed til kunden,.,,, på grundlag af et fantastisk projekt, og at overdrage det til en kunde, hvad er din nuværende metode til at sikre passende uddannelse?ja, wordpress har en af de bedste administration paneler, der er til rådighed, og de fleste af de egenskaber, der er let at forstå og lære –, men hvad sker der, når du kommer på tværs af en klient, der støder på nogle problemer?hvordan kan du vise et mindre end ikke klient, hvordan man bruger den fantastiske stik af, du har skrevet?deres klienter vil takke dig for det her!af erfaring, at den mest effektive måde at gøre det på er at registrere mini - screencasts viser nøjagtigt, hvordan det skal gøres.de behøver ikke at være professionel kvalitet (om jeffrey måde har udarbejdet en kurs for at hjælpe med at), som ingen andre end klient nogensinde vil se dem.også, hvis du ikke vil tale om den video – så, gør det ikke!bare optag din skærm. denne metode til at screencasts er designet til at reducere mængden af telefonsamtaler og e - mails, får du spørger, hvorfor ser det ikke rigtigt?eller kan du forklare det for mig igen?. dine klienter vil takke dig for det, som de kan vende tilbage til de videoer, når de har brug for at genopfriske deres færdigheder, vi ikke ønsker:,,, til at bruge en ekstern tredjepart video tjeneste, har nogen af vores videoer dukker op i medierne bibliotek i wordpress admin - panel, vi gør, vil have:,,, en let og hurtig måde at give vores videoer, evnen til at uploade en video, og det viser sig på stedet i wordpress admin - panel, tutor oversigt, her er en hurtig gennemgang af, hvad vi vil være, det første omfatter: vi vil oprette registret struktur og give vores afhængighed (vi vil bruge flowplayer), så vil vi skabe en enkelt side i wordpress admin - panelet, bagefter skal vi dykke ned i vores video fortegnelse og skabe en liste over enendelig kan videoer, skriver vi en lille smule javascript, der vil belastning hver video, hvor båndene er klik, ligetil og super effektiv!lad os få hjertestop!,, trin 1 skabe stik af registre og filer, skabe en ny mappe inde i dit plugins fortegnelse, videoer, skabe filen, videos.php, i, videoer, servietter, skabe 3 mere mapper –, er mp4,,,,,, trin 2, og omvendt, at downloade flowplayer "flowplayer er en åben kilde - spiller på din hjemmeside.med henblik på ejere, udviklere, hobbyister, virksomheder og programmører "– lyder perfekt til vores projekt.download det her: downloade (få gratis version), når du downloade zip fil, der indeholder et eksempel fortegnelse, gør fil og en licens.vi vil bare have, javascript, fil, og to, og omvendt, filer.som det fremgår nedenfor, trin 3 kopiere filerne i stik af registret, 3 sager ovenfor, og lagde dem i den tilsvarende fortegnelser, der skabte vi forud.din fil struktur i, videoer, fortegnelse bør nu ligner det her.,, løntrin 4 det stik af bemærkninger, okay, så nu er det tid til at åbne op, videos.php, og begynde at skulle fremsætte vores stik af!som med alle wordpress plugins, er vi nødt til at tilføje oplysninger på toppen af vores stik af fil., * stik af navn: pædagogiske videoer stik af uri: http://wp.tutsplus.com beskrivelse: dette stik af viser pædagogiske uddannelse videoer.forfatter: shane osbourne version: 0,1 forfatter uri: http://wp.tutsplus.com/author/shaneosbourne/* /,, løntrin 5 skabe produktionen funktion, fordi vi kommer til at hoppe ind og ud af folkesundhedsprogrammet i denne lektion, jeg vil gøre mit bedste for at forklare de enkelte afsnit – men frygt ikke, det bliver bedre, når du gennemgå hele filen på.,, wp_videos_page(), fungerer wp_videos_page() {/* * efter stumper her * * /), trin 6 en hurtig hjælper funktion, vi ønsker ikke at gentage os selv, så jeg gerne skabe en lille hjælper fungere på denne måde at vende den nuværende arbejde fortegnelse over stik af. vi arbejder på det vil være nyttige senere, når vi har brug for adgang til aktiver i stik af directory).,, video_plugin_path(), /* * vender tilbage "http://example.org /wp indhold /plugins /videoer "* * /funktion video_plugin_path() {tilbage path_join (wp_plugin_url, basename (dirname (__file__)))), trin 7 oprettet nogle variabler, skal vi præcisere, hvor vi holder vores videofiler, så vi finder den rigtige vej til vores video fortegnelse.det er, fordi der senere vil vi leder vores mp4, adresseregister for videofiler, glob(), og det kræver en rigtig vej, om filesystem, ikke en url., så skaber vi endnu en variabel, der vil oplagre hele url til vores mp4, fortegnelse, /* inden for wp_videos_page() * $wp_video_dir = /mp4. $wp_video_real_path = dirname (__file__).$wp_video_dir. $wp_video_url = video_plugin_path().$wp_video_dir;,, trin 8 indledningen: vi skal droppe ud af folkesundhedsprogrammet, således at vi kan indgå en almindelig html.for det første har vi åbne et, div. tag med en klasse af pakker, – det er generisk indpakning klasse, der wordpress anvendelsesformål i admin - panelet.det næste sæt en budgetpost til side og anvendelse af wordpress "ikoner (media uploaderen) //ud på?> < div klasse = "pakke" > < div id = "ikon upload" klasse = "icon32" > < br > < /div > < h2 > content management pædagogiske videoer. < ///////h2 >,, trin 9 - videofiler i mp4 - register, vi vil bruge, glob(), en liste over alle tilgængelige videofiler i, mp4, fortegnelse. vi går vores filesystem vej med en almindelig talemåde, der vil følge en version af mp4, (, mp4, og mp4, f.eks. $videoer, nu vil være et system, der indeholder alle videofilerne.,, <?php //system returneres $videoer = klat ($wp_video_real_path. "/*. [mm] [s] 4 "), trin 10 loop, nu hvor vi har et system, der indeholder veje til vores videofiler, vi loop gennem hinanden og skabe en html avance, som vil vise et link til hver magasin.,, vi først kontrollere, at $videoer, er, ikke en tomme system (hvis det er, kan vi springe gennem et enkelt budskab, så vi enqueue den flowplayer javascript fil, det næste produktion en simpel" vælg en video for at se 'budskab og åbne op for en, < ul >,, så er det den faktiske loop.vi går igennem hver fil vej og få filnavn.så bruger vi, str_replace, og ucwords(), at skabe et afsnit for hver video.det er så filer, der er nævnt i dette format, create-a-page.mp4, vil blive, at skabe en side,.,'create-a-page. mp4 - //< - - fra denne'create side "//< - at det næste vi skaber nogle html tillæg for hver video fil med en data - url. attribut, og en klasse af videoforbindelsen,.data, video, url, – vil dette være den url vej til hver video fil.vi vil hente det senere, når vi skriver javascript.,, video forbindelse, – bruger vi denne css vælgeren at lytte til klik på bånd.,, endelig er vi tæt på, unordered liste og sætte vores standard besked, når der i øjeblikket ingen videoer.,, hvis (!tom ($videoer)) (wp_register_script ('flowplayer_js, video_plugin_path(). "/er /flowplayer-3.2.6. min.js'); wp_enqueue_script ('flowplayer_js) $o = < p > vælg en video på < /p > $o. = < ul > '; for hvert ($videoer som $video) ($video_file = basename ($video); $nåle = system ("-", ". mp4) $udskiftninger = system ('" '); $video_title = ucwords (str_replace ($nåle, $udskiftninger, $video_file) $o. = sprintf (c < li > < en href = "data video url ="% s "klasse =" video forbindelse ">% s < /a > < /li >'), wp_video_url dollars."/«.$video_file, $video_title)} $o. = < /ul > « echo $o) andet (echo 'ked af, der er ingen videoer på endnu, jeg vil lade dem vide, når der er.'}?> //< - - ud af folkesundhedsprogrammet igen, trin 11 videoen container, nu er det tid til at skabe en, div., med en id, spiller, – det video aktør vil blive indlæst i.også vi lukker de indpakning, div., at vi åbnet tidligere.,, note: ved misligholdelse, flowplayer vil lade din video i den angivne, div. i samme beslutning, du optog dem på.du kan få lidt i overensstemmelse med stil, div., at tvinge størrelsen af video spiller for at være, hvad du vil –, men vær forsigtig, hvis du gør det her, som din video kan ikke se godt ud, hvis man prøver at presse dem til et andet aspekt - forholdet, < div id = "spiller" > < /div > < /div > <!-&#wrap - >,, trin 12 javascript, nu mangler vi bare at lytte til klik på vores forbindelser, tag den video, url og belastning, spiller ind, div., skabte vi ovenfor.,, vi vil lytte til, når vores forbindelser er faldet og udtrække data video url, tilskriver fra en hver, så ringer vi til en funktion, der vil lige vores video i, div. den funktion, play_video, – det er ansvarligt for, at, flowplayer() metode.det tager tre argumenter:,, identifikation af, div., at aktør vil blive indlæst i vejen for, at flowplayer bruger omvendt, fil at spille film, video, url. endelig skal vi sikre den video er i betragtning af, at det automatisk nedad, hver gang en ny video er lastet, < manuskript > //fange klik på video bånd jquery (. video forbindelse). ('click, funktion (e) (var - link = jquery (det), var video_url = link. data ('video-url '); play_video (video_url); f. preventdefault();}), var play_video = funktion (video_url) (var - plugin_url = <?= video_plugin_path()?> « var swf_url = plugin_url + /stg /flowplayer-3.2.7. stg. flowplayer ("spillere", swf_url, video_url); //auto rullen til toppen af spiller jquery ('html, organ«). manipulerer ((scrolltop: jquery ('# aktør "). offset(). top-50} 1. 000);} < /manuskript >,, trin 13 register den side, vi er næsten færdige, vi har bare brug for at tilkendegive vores side, således at den dukker op i wordpress admin menu til venstre, funktion wp_video_option_page() {add_menu_page ('tutorial videoer, pædagogiske videoer." manage_options "," wp_tutorial_videos "," wp_videos_page)} add_action ('admin_menu "," wp_video_option_page), punkt 14 - stik af, at alt er klar nu.det eneste, der er tilbage, er at du uploade dine videoer og aktivere stik af.,, konklusion, det er det!hvis du har gjort det, du nu har en side, hvor du kan dele personlig screencasts til deres kunder i den letteste måde.alt du skal gøre er at uploade dine videoer til, mp4, fortegnelse, når det er nødvendigt, og deres kunder vil straks have adgang til dem.,