udvikling af buddypress temaer

, udvikling af buddypress temaer - del 3: buddypress 1.5, medlem sider, og den generelle brugeroplevelse,,,,, andel,,,,,,,, 3,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, velkommen til del 3 for at udvikle buddypress temaer.i denne forelæsning, vil vi fokusere på buddypress' seneste løsladelse - udgave 1, 5, samt hvordan til at skræddersy brugeren erfaring gennem redigering medlem sider og tilføje skik funktioner.,,,,, det pædagogiske er den sidste del i denne udvikling buddypress temaer - serien.vi er gået fra api - at skabe en skik tema, som er bygget op omkring et bestemt samfund.i dag, tager vi den lidt længere, hvad vi vil gøre, vil vi i denne lektion:,,, se meget grundigt på buddypress 1,5 - "-" - og de ændringer, det bringer, fortsat redigering vores tema er style.css skifte gruppe og medlemsstaternes sider, anvende api - at bygge - gruppen og medlemsstaternes loops, anvende skik funktioner for at styrke og vejledning for brugere af erfaringer,,, ved udgangen af det pædagogiske serie, du skal have en omfattende forståelse af buddypress nye ændringer og et godt referencepunkt, som du starter, eller fortsætte med at udvikle deres egen buddypress temaer.,,, opgradering til bp udgave 1, først, hvis de ikke allerede har ajourført bp, gå videre og tage springet og ajourføring.du kan gøre det manuelt, eller gennem wp instrumentbræt.når du har ajourført, vil du se et varsel på toppen af skærmen siger, at du skal få en opdatering.,, klik, og du skal se det her:,,,,, databasen skal opdateres, så gør det, og klik redde.,, næste gang, du klipper de komponenter, som du vil have aktiveret på din hjemmeside.bare rolig, du kan også være med til at aktivere og deaktivere dem senere.redde de indstillinger og fortsætte.,,, buddypress nu kan man udvælge visse sider, som du vil dele med på.for eksempel, før 1.5, ville du have til at redigere komponenter "kugler i bp-custom.php.men nu kan du binde komponenter til side og ændre deres url direkte fra wp instrumentbræt. endelig redde alle dine ændringer, og de nye buddypress menu, rent faktisk vil være i bunden af din venstre wp instrumentbræt navigation menu - i stedet for øverst.tak, bp devs for ændring af placering.,, det emne, vi har skabt, bør være fint.du skal ikke bekymre dig om enqueueing den stylesheets eller sådan noget, så er det faktisk nødvendigt, så vidt jeg kan se.hvis nogen har en bemærkning om, at sikre, at smide det ud!,, hvis den ikke var så venlig at ajourføre deres tema, besøge buddypress tema designer og udvikler side her.,,, hvad er højdepunkterne fra bp lombardi?, siden det er løsladt i sidste uge, jeg har leget minimalt, men jeg vil gentage de fremhæver udstationeret på buddypress websted.de er som følger:,,, ny skik område iii.nej, du kan trække og sætte skik områder, og se dem, før de flytter.her er et skærmbillede af et nyt område, som jeg har skabt:,,,,, men det er ikke det, vi har talt om her, lombardi nye misligholdelse tema er i stand til at ændre den misligholdelse, baggrund, ændre misligholdelse header, og anvende en wp skik menu.misligholdelse tema:,, har 5 widgetized områder - 1 i samråd og 4 i fod, kan vise billeder (som var sædvane header billeder på sider og stillinger)., indeholder en frivilligt en kolonne for udformning, er lydhøre, så den passer til alle resizes skærmens størrelse, har en ny fora tab i det pågældende medlems side navigation, der giver dig mulighed for hurtigt at få adgang emner, som du har påbegyndt eller besvarede,,,,,,, hurtigt omfatter støtte til oembed.jeg vil tage det mere detaljeret nedenfor.,, buddypress foregår nu hurtigere og mere effektivt.den devs gik gennem kode søgning på måder at gøre stik af arbejde hurtigere og mere effektivt, og helt ærligt, det er virkelig.,,, til en fuldstændig liste over kendetegn og fremhæver, klik her.vær sikker på at konstatere visse ændringer i løkker og grundlæggende bp funktioner.det vil virkelig hjælpe dig i din bp tema udvikling.,,, indarbejdelse i buddypress 1.5, en vigtig ting, som jeg ønsker at gå over i buddypress 1.5, er, hvordan vi kan integrere.buddypress bruger nu wordpress »native indarbejdelse, der tillader, at de direkte omfatter indhold via url.for eksempel, hvis jeg ønsker at tilføje en video til min forum emne vil jeg efter noget som:,, hey, check det ud og lad mig vide, hvad du synes.http://www.youtube.com/watch?v = robmgycibww, vil dette resultere i:,,, hvis du vil, kan du også få ovennævnte url i, omfatter, shortcode og angive den højde og bredde, som så:,, [omfatter højde = "240" bredde = 320 "] http://www.youtube.com/watch?v = robmgycibww [/omfatter], der skulle hjælpe hvis du bruger et tema, som benytter en stil, der er anderledes end den misligholdelse, som bredden af omfatter kan være større end du vil.,,, redigering nye model sider, lad os se på redigering medlem skabeloner, et element i buddypress 1.5.som vi er redigering den pågældende skabeloner, vil jeg også gerne vise dig, hvordan at føje deres skik profil felt data til modeller for virkelig at styrke på deres fællesskab.,, før vi starter, vil du nødt til at kopiere, medlemmer, mappe fra bp misligholdelse, og sæt det i dit barn tema mappe. trin 1 samarbejde med medlemsstaterne skabelon, arbejder i den mappe, at medlemmerne du kopierede dit barn tema, åbne mappen ved navn, single.denne folder indeholder de elementer, der udgør det et medlem ser, når de besøger deres profil.min side i øjeblikket ser sådan ud:,,, de vigtigste sager, som vi skal arbejde med, er home.php og member-header.php, da disse er de filer, der kontrollerer hvad brugeren ser, når de ser på deres info.,, trin 2, integrere skik profil feltdata, først åbne filen, medlem af folkesundhedsprogrammet, header..denne sag er anvendes til visning af brugerens avatar, info, navigation og elementer,, da den side, jeg siger, er, om at være udendørs og specifikt at campere, jeg ønsker, at medlemmerne skal have info, der er relevante.for det, jeg har skabt følgende skik profil områder:,,, en stor ting om den nye eu - erhvervsgrenen er, at det er meget lettere at navigere.du kan hurtigt skabe og redigere helt nye profil inden for hver gruppe, som de har, hvilket virkelig selv at bygge hver gruppe i buddypress.,,, at integrere de områder i min medlemsstat side header under linje 29, som er:,, < over klasse = "aktivitet" > <?folkesundhedsprogrammet aspektet bp_last_activity (bp_displayed_user_id())?> < /span >,, følgende:,, <?php $favorite_spot = bp_get_profile_field_data (felt = favorit camping plads. echo '< p - klassen = "profil områder" > min favorit camping plads ". $favorite_spot."< /p > $necessary_item = bp_get_profile_field_data (felt = et nødvendigt element), echo "< p - klassen =" profil områder "> et nødvendigt element:. $necessary_item."< /p > «.>,,, jeg har fået skik profil områder "favorit camping plads" og "et nødvendigt element", og udviste dem i et nyt punkt under den sidste virksomhed info.jeg gav dem ligeledes klasse "profil områder", så jeg kan nemt stil dem via css., ud over det, man kunne tilføje hypoteser, der direkte brugere til at ajourføre deres profiler, hvis dataene er forsvundet.,,,,, at skabe en bp-custom.php for at forbedre den generelle brugeroplevelse og, så vidt vi har talte meget om barn temaer, og hvordan kan tilføje andre funktioner, som via functions.php i dit barn tema mappe.men hvad med ændringer, som de ønsker at gøre til buddypress uafhængigt af det tema, der anvendes?hvad med globale ting som registreringen eller andre generelle brugeroplevelse elementer?,, men at gøre ændringer på globalt plan, uanset om temaet, du bliver nødt til at skabe en ny filen bp-custom.php og placere det i wp indhold /plugins /.for at skabe denne fil, åbne et nyt dossier og i det følgende:,,, <?php /* vi sætter vores mods og hakker i sagen * /?>, gem det, som bp-custom.php, sætte det i wp indhold /plugins, og du er færdig!når du tilføjer funktioner, der vil de belastning, uanset emne.,,, med tillæg af en grundlæggende twitter via bp-custom.php, endelig, jeg vil hurtigt vise, hvordan at bruge skik områder og bp-custom.php udviser en twitter.jeg ved, at der er plugins, der også opfylde denne funktion, men jeg ønskede at stille nogle af de begreber, som vi har talt om i et eksempel.,,, jeg lagde følgende kode i mit blodtryk skik fil:,, funktion cnbtgettwitterstatus() {?> < h2 > <?folkesundhedsprogrammet aspektet bp_displayed_user_fullname();?> er twitter feed < /h2 > <?php $twitter_username = bp_get_profile_field_data (felt = twitter brugernavn. $tæller = »5«. $forbigående = "$twitter_username". "_ $tæller"; //få tweets fra cache $gettweets = get_transient ($forbigående); hvis ($gettweets) (echo) elseif (gettweets dollars. twitter_username dollars!= falske) ($site = "http://twitter.com/statuses/user_timeline.json?screen_name = $twitter_username & - = $tæller "; //udføre http anmode om at få json foder twitter bruger status $resultat = wp_remote_get ($sted); $json = $resultat ['body ']; //konvertere json snor til folkesundhedsprogrammet array $tweets = json_decode ($json); $gettweets ="; for hvert (array) $tweets som $tweet) {* brug disse værdier for at skræddersy deres produktion.//bliver twitter status $tweet - > tekst; //får den status, der var $tweet - > created_at; //får brugeren profil billede url $tweet - > brugeren - > profile_image_url; //får brugeren skærmnavn $tweet - > bruger - > screen_name; //får brugeren placering $tweet - > brugeren - > placering; //får brugeren navn $tweet - > brugeren - > navn: //- tilhænger, tæller.$tweet - > brugeren - > followers_count; //får brugeren websted, url.$tweet - > brugeren - > url * ///konvertere twitter brugernavne og links til hyperlinks $tweetcontent = linkify ($tweet - > tekst). $gettweets. = "< p - klassen ='member_tweet" > $tweetcontent < /p > ";) //, der lager, hvis det ikke findes set_transient ($forbigående, $gettweets, 10), echo $gettweets;} andre {tilbage falske) /* kredit jeremy parrish http://rrish.org/* /funktion linkify ($status_text) (//linkify url - adresser $status_text = preg_replace (» /(https?: \\ //s +) /',' < en href = "\\ 1" > \\ 1 < /a >, $status_text); //linkify twitter brugere $status_text = preg_replace (» /(->



Previous:
Next Page: