, hvordan til at generere websted screenshots for din wordpress sted,,,,, 4,,,,,,,,, 13,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne lektion du vil lære en offentlig hemmelighed: hvordan skaber screenshots af websteder til at bruge i din wordpress stillinger ved brug af en tjenesteydelse, som wordpress.com.vi vil gøre dette til en brugervenlig shortcode at vise screenshots...lad os komme i gang!,,,,,,, baggrund, det er en offentlig hemmelighed, og har været det i et par år, at wordpress afslører et skærmbillede generator på det s.wordpress.com subdomain.og rygtet er, at så længe du ikke misbruge det, så det er gratis at bruge.wordpress.com bruger den til at skabe screenshots for forskellige aktiviteter, f.eks. her er adressen til at vise et skærmbillede af wp.tutsplus med en bredde på over 400 pixels: http: //////////////////////s.wordpress. kom mshots v1 /http% 3a% 2f% 2fwp.tutsplus.com?w = 400, må du klik forbindelsen igen som den generator, det tager lidt tid at cache billedet.,,, hvad vi gør:,, skrive en shortcode funktion til at vise et skærmbillede, brug shortcode udviser et skærmbillede som en del af post - kredsløb ved hjælp af en sædvane inden for url,, trin 1 den shortcode funktion, vores shortcode vil blive anvendt som: [ss_screenshot bredde ='300 "site ='http: //wp. tutsplus. kom. du kan lægge den kode til functions.php fil i temaet fortegnelse.den fulde kode er til rådighed i kilden forbindelse over. add_shortcode ('ss_screenshot "," ss_screenshot_shortcode); funktion ss_screenshot_shortcode ($atts) ($bredde = intval ($atts ['width ']); $bredde = (100 < = $bredde & & $bredde < = 300).$bredde: 200, $site = beklædning ($atts ['site ']); hvis ($sted!= ") ($query_url = http://s.wordpress.com/mshots/v1/".urlencode ($sted).? u = ".$bredde; $image_tag = < img klasse = "ss_screenshot_img" alat = ".$sted. "bredde = ".$bredde. "src = ".query_url dollars. "/> « echo '< en klasse = "ss_screenshot_link" href = ".$sted. "> ".image_tag dollars. "< /a > «) andet (echo 'dårlige skærmbillede url! ";), hvad denne kodeks, er:, erklærer en shortcode ringede ss_screenshot med add_shortcode funktion, shortcode funktion, accepterer de $atts system med to shortcode attributter: bredde og lokalitet, bredde attribut omdannes til et heltal og kontrolleres for at sikre, at det er inden for en passende afstand, i dette tilfælde mellem 100 og 300 dpi.note: vi anvender på den ternære operatør til at tildele en misligholdelse bredde på 200, hvis de leverede bredde er uden for vores rækkevidde.det tager også hensyn til en manglende bredde attribut. webstedet attribut er også at fjerne utilsigtet venstre og højre rum, skaber vi en forespørgsel url ved at tilføje en urlencoded stedet attribut og bredde attribut, vi tager de query_url i et image - og en forbindelse, så brugerne kan tryk skærmbillede og træffes foranstaltninger til den lokalitet, trin 2, teste shortcode i en post - eller side, er at indsætte denne shortcode: [ss_screenshot bredde ='300 "site ='http: //amazon. com '], da de på post - eller side, du burde se en 300 pixels bredde skærmbillede af amazon.husk, du har måske opfriske den side efter et par sekunder til at se skjult skærmbillede.lege med bredde, og se, hvad der sker, når du går ud af syne.af den måde, du kan sætte den bredde vifte, du kan lide.også prøve en dårlig url: du skal se advarslen i stedet for et skærmbillede. nu, hvor vi har en shortcode, lad os se, hvordan vi kan integrere den i vores wordpress loop.,, trin 3 - område, der er oprettet, lad os forestille os en situation, hvor vi vil se et skærmbillede af en lokalitet ved siden af alle vores stillinger.for formatering og anvendelighed er årsagerne til, at det er bedst at automatisere denne proces ved at tilføje en sædvane inden for vores post edit skærm.på det område kan vi input på url, som kan anvendes i post - loop - til at vise et skærmbillede af vores nye shortcode. hvis den skik feltkasse viser ikke på din post edit skærm, så se på skærmen øverst til højre, og du bør se skærmen muligheder regning.klik på den og sæt kryds i den skik områder kasse.nu skal du se noget i denne retning på skærmen nederst:,, klik den ind i nye forbindelse og skabe en ny skik område kaldet screenshot_url.det er, hvad du vil se, nu når du skabe /redigere en post (normalt område ser ud for alle poster), kan de input, en url for at skabe et skærmbillede i forbindelse med posten.,, løntrin 4 tilføje skærmbillede display til inderkredsen, her er et alvorligt reduceret udgave af standard wordpress post loop (som findes i et tema skabelon fil), herunder vores skærmbillede vises kode: hvis (have_posts()), mens (have_posts()): the_post(); the_title(). $url = get_post_meta ($post - > id, screenshot_url, sande); do_shortcode ([ss_screenshot bredde = 280 "site =".$url. "]); the_content(); endif; endwhile; hvad dette kodeks, er:,, kontrollere, om vi har stillinger, start, skruet og udvise den efter afsnit, få fat i indholdet af screenshot_url skik område ved, at den nuværende post - id og navnet på den sædvane inden for get_post_meta funktion, fordi vi er i en skabelon fil, vi bruger do_shortcode funktion at analysere vores shortcode, der omfatter skærmbillede url til denne post, så vi udviser efter indhold og gøre en ende på den sløjfe, løntrin 5 test loop, hvis du har skabt en post med titlen honda accord og gav den et skærmbillede url af http://www.honda.com, med din nye loop bag dig skal se sådan her:,, indgåelse, i stedet for at vise en skarp advarsel, hvis en stilling, ikke har en screenshot url knyttet, du kunne vise en misligholdelse image, hvis du ikke ønsker at bruge skærmbillede generator fra wordpress, eller hvis de har større behov, kan du bruge den frie valg på et skærmbillede tjeneste, som http://www.shrinktheweb.com.du kunne anvende de metoder, der anvendes i denne lektion til skærmbillede tjeneste., husk:,, screenshots tager et par sekunder (normalt) til at skabe, så opdater siden, urlencode url sendt til skærmbillede service, begynder din ip - adresser med http: //, hvis du har mere behov for screenshots brug en kommerciel tjeneste,