, opbygge en lydhør e - nyhedsbrev skabelon, rss i wordpress,,,,, andel,,,,,,,, 15,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, hvis du ønsker at lære, hvordan man skaber et e - nyhedsbrev model ved hjælp af wordpress, du er kommet til det rette sted.før vi begynder, lad os sørge for, at du forstår, hvad jeg prøver at lære.de endelige resultater vil give dig en wordpress side skabelon, der er beregnet til at blive anvendt som et e - nyhedsbrev model ved at importere deres url med e - nyhedsbrev software, f.eks. groupmail, der svarer til e - mail - kunder, såsom gmail eller syn på enhver anordning, som f.eks. mobilt eller tablet, så det vil vise det.men vent, der er mere – denne model viser den seneste stillinger fra rss foder, så den e - mail - nyhedsbrev er allerede færdig, som bare venter på at blive sendt.denne forklaring er meget på en gang, så det ville være bedst, hvis man ser på de levende eksempel.,, hvis du læser dette punktum, som betyder, at du er klar til at lave en e - nyhedsbrev, der rss parser skabelon, så uden yderligere postyr, lad os begynde.,, at side skabelon, åbne en nye oplysninger i teksten, redaktør af dit valg.inden du begynder at redde din fil, som page-responsive-rss-newsletter.php.vigtigst af alt begynder filnavnet med ì side î så arrangerer det pænt om din vært for højde og ingen pauser for servere hader det. øverst på den nye sag begyndte med at fortælle wordpress navnet på vores side skabelon, som vil vise i wordpress side model ud menu., <?php /* model navn: responderende rss nyhedsbrev * /?>,, tilføje viewport meta - element i, < head > for at udløse det - at gøre den side på et mere læsbare omfang.jeg gennemgik nettet på en smartphone som du kan se, hvordan websteder i forhold til passer ind i parametre for den anordning, der giver en masse at zoome ind og ud.det er for brugerens komfort, eftersom de fleste websteder, ikke har en mobil enhed.så jeg plejede, < meta - navn = "viewport" indhold = "bredde = anordning bredde, oprindelige omfang = 1," >, så bredden af udstyret vil blive anvendt som bredde af viewport og slå den oprindelige plan.da auto - zoom kan virkelig ødelægge din indretning elementer, jeg brugte, maksimale omfang = 1, bruger skalerbare = 0, som vil fjerne zoom - funktion i alt, så brugeren ikke resize layout.dette vil låse design til parametre for anordningen.når du er at kombinere mere læsbare omfang meta - - og låst auto - mærke, du får under resultater:, < meta - navn = "viewport" indhold = "bredde = anordning bredde, oprindelige omfang = 1, maksimale omfang = 1, bruger skalerbare = 0 >, lad os gøre det. < krop >, ikke har nogen afstand /polstring omkring kanterne, til at gøre dette tilføje den margen, ejendom, margen: 0.plus, webkit (http: //e - mails gør din browser på iphone, robotter og andre anordninger) er en stor del, hvor det vil automatisk tilpasser teksten størrelse som viewport ændringer for at give dig den bedste behandling erfaring, anbefaler jeg, at slukke skrifttype nedskæring, til at gøre dette tilføje ejendom, - webkit tekst størrelse tilpasse: ingen.., < karosseri = "margen: 0 - webkit tekst størrelse tilpasse: ingen;" >,, skabe et hovedstød grafisk, der er så stort som 900px bredde, den måde de grafiske ser ikke pixelized på bredformat, overvåge og ser ren ud på et mobilt udstyr.men husk på at dæmpe de grafiske så meget som muligt, så det ikke tage lang tid for brugeren at vise billeder inde i den e - mail - klient.i må heller ikke tilføje alat eller afsnit egenskaber i, < img >, mærke, eller vil den vise som teaser i abonnentens indbakke.for at sikre, at den header grafisk viser pænt om enhver anordning, tilføje en bredde på 100%, som du kan se i f.eks., < img grænse = "0" src = "billeder /header. jpg" bredde = "100%" > < br >,, lad os hente en ekstern foder og analysere det ved hjælp af wordpress, fetch_feed funktion for slaget under kode i din, < krop >,.det er den model, værd at arbejde.den rss parser vil vise den seneste stillinger fra rss foder, så når du er klar til at sende deres nyhedsbrev den nyeste historie allerede er befolket, så ingen ekstra arbejde, der er nødvendigt for at fylde din e - mail nyhedsbrev med indhold.det er opnået ved at importere deres url ved hjælp af e - mail - nyhedsbrev software, f.eks. groupmail, men jeg skal nok komme til det senere.hvad denne model giver svarer til feedburner bygger det din e - mail - nyhedsbrev til dig, med din nye indhold.men i stedet for at feedburner sender den automatisk med mulige fejl eller indhold, at du ikke vil have i nyhedsbrevet, denne model hjælper dig hurtigt at sende din e - mail nyhedsbrev med mulighed for redigering, før de sender., <!- rss parser - > <?folkesundhedsprogrammet (function_exists ('fetch_feed ')) (include_once (abspath.wpinc. "/foder. folkesundhedsprogrammet); //filen til rss foder generator $foder = fetch_feed ('http: //////////////rss1. smashingmagazine. kom /foder /) //angive rss foder $grænse = $foder - > get_item_quantity (3); //angive antallet af poster, $poster = $foder - > get_items (0, $grænse); //skabe en bred vifte af emner} hvis ($grænse = = 0) (echo '< div > foderet er tom eller ikke foreligger. < /div > «) andet (for hvert ($poster som $punkt):?> <!- hvordan rss stillinger display - > < tabel bredde = "100%" cellpadding = "0" cellspacing = "0" grænse = "0" > < tr > < - stil = "grænse nederst:ਟc7 fast 1px, grænse&#top. 54b9ec fast 1px; baggrund:ca7dd" bredde = "1% - > & nbsp; < /td > < td bredde =" 90% "tilpasse =" venstre "stil =" polstring: 12px; grænseoverskridende ret:&#e1e1e1 fast 1px; grænseoverskridende nederst:&#cdcdcd fast 1px; grænseoverskridende top:&#fcfcfc fast 1px; baggrund:&#f5f5f5; "> <!- afsnit og hyperlink. > < div stil = "margin top: 0; margen nederst: 0px; polstring top: 0, fyld bunden: 0;" > < et mål = "_blank" href = "<?php echo $post - > get_permalink();?> "alat =" <?php echo $post - > get_title();?> "stil =" farve:e4946; tekst): ingen; skriftstørrelsen: 100%; skrifttype familie:'helvetica neue, helvetica, ariel, uden serif; skrifttype vægt: normal; skrifttype vægt: dristige; "> <?php echo $post - > get_title();?> < /a > < /div > < /td > < td bredde = 9% "tilpasse =" center "stil =" baggrund:&#eeeeee, viser tabel celle, vertikale linje: i midten, grænse&#bunden: cdcdcd fast 1px; grænseoverskridende top:&#fcfcfc fast 1px; "> < et mål =" _blank "href =" <?php echo $post - > get_permalink();?> "alat =" <?php echo $post - > get_title();?> "> < img src =" billeder /mobile åbne knap. gif "grænse =" 0 "/> < /a > < /td > < /tr > < /tabel > og lt;!- udgangen af post - display - > <?folkesundhedsprogrammet aspektet endforeach;}?> <!- udgangen af rss parser - > for ovennævnte kode arbejde og sørger for, feed.php, filen er i den korrekte placering:, include_once (abspath.wpinc. "/foder. folkesundhedsprogrammet "). det andet tilføje rss foder, $foder = fetch_feed (http: //////////////rss1. smashingmagazine. kom /foder /"). det tredje ind i mængden af stillinger, de vil gerne vise, $grænse = $foder - > get_item_quantity (3),., ændre deres fejl besked, hvis ($grænse = = 0) echo '< div > foderet er tom eller ikke foreligger. < /div > ". nu er det sjove af, hvordan de stillinger, dukker op.da denne model er beregnet for alle anordninger, herunder mobile, det er vigtigt, at vi holder fast i en kolonne format for de bedste resultater.to kolonner er acceptabel, men det ville være sværere at læse om en mindre enhed, f.eks. en iphone. for at skabe fleksible udformning begynder med a < tabel >, med tre kolonner på bredde 100%. < tabel bredde = "100%" cellpadding = "0" cellspacing = "0" grænse = "0" > < tr > < td bredde = "1% - > < /td > < td bredde =" 90% "tilpasse =" venstre "> <. /td > < td bredde = 9%" tilpasse = "centret" > < /td > < /tr > < /tabel > det er simpelt, jeg kender, men det virker.brugeren kan rescale deres browser og få en pæn responderende design baseret på 100% bredde.for mange e - mail klienter (gmail) støtter ikke css3 medier forespørgsler, hvilket er, hvordan man kan anvende forskellige stylesheets for a - responsive udstilling, så det er sikrere at være i overensstemmelse stylesheets i stedet for eksterne.husk de støttede html og css, der arbejder i de mest populære e - mail klienter.på den måde vil være lydhøre over for alle konstruktion, udstyr og e - mail klienter., første kolonne 1% bredde er udelukkende til konstruktivt formål.at tilføje en baggrund, farve og grænse farve hjælper giver dig en flot design, < - stil = "grænse nederst:ਟc7 fast 1px; grænseoverskridende top:6b9ec fast 1px; baggrund:ca7dd" bredde = "1% - > & nbsp; < /td >, anden kolonne, hvor titlen er under 90% af bredde.titlen er en clickable hyperlink til den oprindelige post.for at vise rss foder afsnit anvendelse på den kode, <?php echo $post - > get_title();?>,.for at få permalink anvendelse på den kode, <?php echo $post - > get_permalink();?>,., du kan vise en beskrivelse af foder, <?php echo substr ($post - > get_description(), 0 og 100).>,, men husk udformningen kan bryde afhængigt af rss foder, du bruger.og du kan ikke have nogen desværre billeder fra din mad, selv hvis din mad er det.en løsning kan være at installere en wordpress stik af. < td bredde = "90%" tilpasse = "venstre" stil = "polstring: 12px; grænseoverskridende ret:&#e1e1e1 fast 1px; grænseoverskridende nederst:&#cdcdcd fast 1px; grænseoverskridende top:&#fcfcfc fast 1px; baggrund:&#f5f5f5;" > < div stil = "margin top: 0; margen nederst: 0px; polstring top: 0, fyld bunden: 0;" > < et mål = "_blank" href = "<?php echo $post - > get_permalink();?> "alat =" <?php echo $post - > get_title();?> "stil =" farve:e4946; tekst): ingen; skriftstørrelsen: 100%; skrifttype familie:'helvetica neue, helvetica, ariel, uden serif; skrifttype vægt: normal; skrifttype vægt: dristige; "> <?php echo $post - > get_title();?> < /a > < /div > < /td >, tredje kolonne på 9% bredde viser en 44x44 knap at hyperlinks til den oprindelige post (apple siger, at den gennemsnitlige finger postevand er 44x44).dette giver brugeren en nuværende app design tendens med en anden clickable mulighed at læse den historie.igen, så husk at komprimere din grafik, så meget som muligt. < td bredde = 9% "tilpasse =" center "stil =" baggrund:&#eeeeee, viser tabel celle, vertikale linje: i midten, grænse nederst:&#cdcdcd fast 1px; grænseoverskridende top:&#fcfcfc fast 1px; "> < et mål =" _blank "href =" <?php echo $post - > get_permalink();?> "alat =" <?php echo $post - > get_title();?> "> < img src =" billeder /mobile åbne knap. gif "grænse =" 0 "/> < /a > < /td > det er det, model er færdig.men du skal ikke være bange for at gå videre med det, ved at tilføje en lille del af sociale medier, generiske kontaktoplysninger og afmelding link.bare husk at bredde på 100%.,,, at uploade filen, eftersom den side model er færdig, uploade filen til jeres ftp vært i din installeret tema mappe.for eksempel: indhold, wp /themes /tema mappe,.,, at wordpress side, logge ind på wordpress og gøre en side.når den side huske at ændre modellen for "fleksible rss nyhedsbrev" mulighed for ud menu.i et afsnit, det er ikke vigtigt at have en seo venlige titel, modellen er designet til et nyhedsbrev, men da modellen er lydhøre over for den stadig vil se godt ud på nettet.slå offentliggøre for at gøre url leve, så du vil være i stand til at kopiere og pasta url til deres nyhedsbrev software.,, der importerer deres url til deres nyhedsbrev software, åben din e - mail nyhedsbrev software.jeg bruger groupmail, for at få arbejdet udført, men næsten alle andre nyhedsbrev software vil gøre det trick.skabe et nyt budskab og se for import web url mulighed.det kan sige noget andet afhængig af software, men tanken er, at tage et websted og gøre det til et nyhedsbrev, blot ved at importere en url. resultaterne vil give dig en lydhør indhold klar e - mail nyhedsbrev, der vil arbejde på de fleste e - mail klienter, det er en stor feedburner alternativ.intet under at tilføje indhold til nyhedsbrev nr. at rode med den konstruktion, der er klar til at gå.men det er fint, før du sender nyhedsbrev har mulighed for at redigere indholdet, så der er ingen fejl eller indhold, at du ikke vil have i nyhedsbrevet. nu er du færdig, afprøve, hvordan reagerer udformning viser ved at bagatellisere deres browser eller ses det i responsinator.,