, udvikling af en wordpress tema for en ejendomsmægler website,,,,, 4,,,,,,,,, 12,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, at udvikle en wordpress tema for en ejendomsmægler website kan blive en lang proces.i denne artikel, vil jeg forklare processen for at oprette et websted for en ejendomsmægler, og forklare metoder og bedste praksis, som ikke kun er standard til wordpress, men også for at gøre det lettere at udvikle et sådant sted.,,, hvad er denne artikel om, at denne artikel vil vise en simpel html 5 opstilling med ca. css - 3.det vil også omfatte den struktur, som er skabt af wordpress med en kombination af wordpress funktioner og yderligere php kode.vi vil også omfatte en top - navigation menu fra wordpress.,, planlægning af de krav i fast ejendom sted, skal vi først at planlægge den nøjagtige wordpress funktioner og karakteristika, som vi vil anvende i tillæg til http: //5 og css struktur, som vi vil skabe, planlægning af hjemmesider og wordpress kode, som vi vil skabe, da vores tema vil dreje sig om en ejendomsmægler, vi vil udføre følgende aktioner:,, oprette en hjemmeside, der vil liste nyheder fra agenturet, en aftale om optagelse samt var sælger i måneden, en top - navigation menuen for at vise nogle links til andre sider., fod, der viser den aktuelle dato og andre juridiske oplysninger om ejendomsmægler, en enkelt side.- fulde indhold til notering, nyheder og sælgere, med wordpress elementer til at skabe vores forskellige hjemmesider, og hjemmesiden, – vores hjemmeside, vil være en simpel html 5 hjemmeside med en største kolonne og samråd.vores vigtigste kolonne indeholder nyheder om agenturet, der vedligeholdes af den wordpress administrator i stillinger med en kategori af "nyheder".denne aftale vil omfatte titlerne på de 10 nye lister med forbindelser til den fuldstændige liste.vi vil også omfatte en sælger af en måned med en bio - og et foto., har lister, og de var sælger dukker op, wordpress administrator vil tilføje alle notering stillinger til en kategori, kaldet "lister".selv om alle ekspedienter stillinger vil blive føjet til en kategori, der hedder "sælger", wordpress administrator vil tilføje et mærke, kaldet "var" til en sælger, der vil blive præsenteret, vores lister side indeholder fem af de seneste lister med et link vises som titel.,, trin 1: forberedelse af wordpress mappe struktur, tilføje en ny mappe til din, wp indhold /temaer.kald det ", til".skabe fem tomme på sager, som vil være i overensstemmelse med den wordpress standard for alle emner.arkiverne indeholder disse titler:,, index.php, – siden, index.php, er den vigtigste sag for alle på lokaliteter, denne sag vil være den fil, som altid bliver kaldt, når man besøger din ejendomsmægler website, og det vil kontakte de andre filer ved hjælp af wordpress tema funktioner.,, style.css, – wordpress emner bruge de normale css til format din html layout.,, header.php, – alle wordpress temaer har personer, og det hedder sådan.,, sidebar.php, –, da vi ønsker at have opslag og sælger i måneden, vi har brug for en aftale og denne sag vil indeholde de oplysninger, footer.php,., – alle standard wordpress temaer en fod, så alle jeres kode vil gå ind i denne sag.,, single.php, – udviser fuld stillinger i én stillingfor notering, nyheder og ekspedienter.,, html vil blive opdelt i disse sager, og jeg vil gennemgå hver enkelt med tilsvarende http: //5 og folkesundhedsprogrammet ved følgende foranstaltninger:,, trin 2: udvikling af vores kampe med header.php, <!doctype html > < html > < head > < afsnit > abc ejendomsmægler < /afsnit > < forbindelse rel = "stylesheet" href = "<?folkesundhedsprogrammet aspektet bloginfo ('stylesheet_url)?> "> < /head > < krop > < div id =" papir "> < header > < div id =" hoved "> < nav > <?folkesundhedsprogrammet (function_exists ('register_nav_menu')) (register_nav_menu ("vigtigste menu", "hovedmenu)} wp_nav_menu();?> < /nav > < h1 > velkommen til abc ejendom < /h1 > < /div > < /header >, forklaring af header. folkesundhedsprogrammet, er her, er jeg ganske enkelt, at åbningen html og jeg bruger standard css attributter i min html, herunder papir og header. nogle noter om, header. folkesundhedsprogrammet, er:,, begynder jeg hovedet med <!doctype html >, der fortæller webbrowser, jeg vil have det til at udvise hjemmeside med http: //5., pakker jeg hele mit hoved i, < header >, mærke, som er nye i html 5. har jeg tilføjet den standard < forbindelse >, - til at ringe til min stil. css,, men jeg er angivet, bloginfo ('stylesheet_url "), i stedet for at sige, stil. css,.wordpress ved, hvordan denne kode anvendes til fyldning, style.css, automatisk., jeg startede, < div > for indpakning, men jeg kan ikke lukke det.jeg vil lukke det senere i min footer.php, fil.,, jeg bruger følgende kode: hvis (function_exists ('register_nav_menu')) (register_nav_menu ("vigtigste menu", "hovedmenu)} wp_nav_menu(); at skabe og udvise navigation menu og i wordpress administration skærm, alle mine forbindelser vil være i den store menu, link.fordi jeg bruger "'main menu", som er den anden parameter i min register_nav_menu(), funktion, vil det vise, i wordpress administration skærm for administrationen til forbindelser.,, jeg bruger også, < nav > af, hvad der er nyt for http: //5 og beskriver den kode, som navigations - bar.bedste praksis kræver, at dette mærke, bør kun anvendes én gang i din html 5 dokument, selv om det ikke vil bryde den hjemmeside, hvis du får brug for den mere end én gang.,, trin 3: skabe index.php, filen, der vil blive kaldt, da emnet belastninger, <?folkesundhedsprogrammet aspektet get_header();?> < div id = "primære" > < div id = "indhold" > < h1 > nyheder fra abc agentur < /h1 > <?folkesundhedsprogrammet aspektet query_posts ('category_name = news & showposts = 10 ").> <?folkesundhedsprogrammet (have_posts()): mens (have_posts()): the_post();?> < h1 > <?folkesundhedsprogrammet aspektet the_title();?> < /h1 > < h4 > udstationeret på <?folkesundhedsprogrammet aspektet the_time ('f js, y ')?> < /h4 > < p > <?folkesundhedsprogrammet aspektet the_content();?> < /p > < t > <?folkesundhedsprogrammet aspektet endwhile; andre:?> < p > <?folkesundhedsprogrammet aspektet _e (intet nyt er blevet rapporteret i denne tid)?> < /p > <?folkesundhedsprogrammet aspektet endif;?> < /div > <?folkesundhedsprogrammet aspektet get_sidebar();?> < /div > < div stil = "klart: både;" > < /div > <?folkesundhedsprogrammet aspektet get_footer();?>, forklaring på min index.php kode, det er hele http: //5, at jeg bruger min tema.siden jeg vil have nyheder skal anføres, er vi nødt til at tage i betragtning, at nyheder, kan ikke være til rådighed.ellers kan vi narre folk til at se en ufærdige hjemmeside, og det er ikke professionelle. min første linje:, <?folkesundhedsprogrammet aspektet get_header();?>,, det udfører min kode fra header. php,., de næste tre linjer er standard http: //5, og de er simpelthen, < div >, mærker, der viser html med id - attributter, som vi kan kalde vores, style.css, fil. den næste linje:, <?folkesundhedsprogrammet aspektet query_posts ('category_name = news & showposts = 10 ").>,, dette er en meget vigtig linje.det fortæller de spørgsmål, som vi vil vise stillinger, som kun har en kategori af "nyheder".uden denne linje, vores tema vil trykke hver post, herunder lister og sælgere, og vi ønsker ikke, at det på dette sted.vi vil kun nyheder.hvis den ejendomsmægler har nye oplysninger, så den wordpress administrator kan liste som nyt, men den faktiske lister, vil ikke blive offentliggjort her, som vi gemme det til gruppemøde. den næste linje:, <?folkesundhedsprogrammet (have_posts()): mens (have_posts()): the_post();?>,, det er den linje, der skaber en sløjfe i vores stillinger og siden den foregående linje er med, query_posts, funktion, kun stillinger med en kategori af nyheder vil vise i dette loop. en særlig linje:, <?folkesundhedsprogrammet aspektet get_sidebar();?>,, det siger vores wordpress tema at trykke hele aftale og vil få alle de html og folkesundhedsprogrammet kode fra, kom her. på en særlig budgetpost,.:, <?folkesundhedsprogrammet aspektet get_footer();?>,, det siger vores wordpress tema at trykke hele fod og vil vise alle de html og folkesundhedsprogrammet kode fra fod. folkesundhedsprogrammet.,, trin 4: vores gruppemøde kode i sidebar.php, < bortset > < div id = "aftale" > < h2 > seneste lister < /h2 > <?folkesundhedsprogrammet aspektet query_posts ('category_name = lister & showposts = 5).> <?folkesundhedsprogrammet, mens (have_posts()): the_post();?> < h3 > <?folkesundhedsprogrammet aspektet the_title();?> < /h3 > <?folkesundhedsprogrammet aspektet endwhile;?> query_posts (cat = 1 & kort; - = æbler & orderby = dato & for = asc). < h2 > sælger i måneden < /h2 > <?folkesundhedsprogrammet aspektet query_posts ('category_name = sælger & - = var & showposts = 1).> <?folkesundhedsprogrammet, mens (have_posts()): the_post();?> < h3 > <?folkesundhedsprogrammet aspektet the_title();?> < /h3 > < p > <?folkesundhedsprogrammet aspektet the_content();?> < /p > <?folkesundhedsprogrammet aspektet endwhile;?> < /div > < /bortset >, forklaring på min sidebar.php kode, jeg starter med, < bortset >, mærke, som er nye i http: //5, og det viser webbrowser, at alt dette er gruppemøde tekst eller indholdet af de vigtigste indhold til webstedet gæst. næste tilføjer jeg: http: //, < div id = "aftale" >, der fortæller wordpress til format, < div >, et i henhold til css i,&#sidebar, i min style.css, fil.den sidste linje lukker dette < div >,., - - den næste ting jeg vil gøre, er at vise min seneste lister, og jeg lægger ud med html:, < h2 > seneste lister < /h2 >, viser, at listen: jeg går ind den linje, <?folkesundhedsprogrammet aspektet query_posts ('category_name = lister &, mp, orderby = dato & for = desc & showposts = 5).>,, denne linje kode vil vise alle stillinger, som har føjet til kategorien "lister" og vil vise dem i rækkefølge, hver gang jeg tilføje en ny liste fremgår det først på min liste, de næste tre linjer vil vise den faktiske opførelse på listen i afsnit med links til deres fulde sider. endelig vil jeg mit gruppemøde for at vise det sælger i den måned, og jeg har også brug wordpress, query_posts(), funktion.da alle mine sælgere er en kategori af "sælger", jeg bruger den kode, <?folkesundhedsprogrammet aspektet query_posts ('category_name = sælger & - = var & showposts = 1).>, for at vise, at man sælger.bemærker, at jeg har føjet et mærke, kaldet "var".siden jeg har mere end en sælger i mit kontor, jeg vil se kun sælger jeg træk, og i wordpress administration skærm, tilføjer jeg et mærke, der hedder "var" en sælger, som jeg ønsker i dette afsnit, så det, query_posts() parameter for "mærke" passer præcis.jeg er også snævert mine resultater til én post (i tilfælde wordpress administrator mærket mere end en sælger, som var post).,, løntrin 5: at skabe min fod med footer.php, < fod > < div id = "lille" > © <?php echo dato (')').> abc agentur.eneret.< /div > < /fod > < /div > < /organ > < /html > det er ret enkelt.jeg har en, < div > og a < /div >, komme til at omfatte alle min fod.jeg afslutter hele fod i min < fod > af, hvad der er nyt for http: //5. også min sidste 3 html tags tæt på min indpakning, < div >, tab samt min < html > og < organ >, hundetegn.jeg bruger også på den dato funktion at trykke det indeværende år.jeg vil gerne påpege, at de fleste webmastere svær kode det indeværende år, og det er en fejl, og dårlig praksis.grunden til dette er, at når det nye år ændringer den 1. januar i det foregående år er stadig udviser, medmindre webmaster ventede indtil midnat den 1. januar til manuelt at ændre det år.endnu værre er, at de fleste webmastere glemmer at skifte det indeværende år i adskillige år, at webstedet ser uprofessionel bag i opdateringer.med denne enkle php dato funktion vil redde hovedpine for både webmaster samt websted ejer og ajourføre år automatisk, at webmaster at fokusere på andre mere vigtige opgaver,.,, trin 6: den fælles side for nyheder, fortegnelser og sælgere, <?folkesundhedsprogrammet (have_posts()): mens (have_posts()): the_post();?> /* hvis stillinger * /< div klasse = "post" id = "post - <?folkesundhedsprogrammet aspektet the_id();?> "> < div klasse =" post - info "> < img src =" <?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?> /images /forfattere /<?folkesundhedsprogrammet aspektet the_author_id()?> jpg "alat =" <?folkesundhedsprogrammet aspektet the_author()?> "alat =" <?folkesundhedsprogrammet aspektet the_author()?> "afsnit =" <?folkesundhedsprogrammet aspektet the_author()?> "/> < em > <?folkesundhedsprogrammet aspektet the_time ('f js, y ')?> < /em > < over klasse = "post - mærke" > <?folkesundhedsprogrammet aspektet the_tags (",".'').> < /span > < /div > < div klasse = "adgang" > < h2 > <?folkesundhedsprogrammet aspektet the_title();?> < /h2 > <?folkesundhedsprogrammet aspektet the_content();?> /* load post content in full version */ \t\t</div>,Here, I use simple HTML 5 to display the full post data when a hyperlink leads a website visitor to a post for listings, news, and salespeople.,Finally..., , Step 6: Adding Your CSS With style.css, body { \ttext-align: center; } h1,h2,h3 { \tcolor: #3399FF; \tfont-family:arial; } h1 { \tfont-size: 14pt; } h2 { \tfont-size: 12pt; } h3 { \tfont-size: 10pt; } #wrapper { \tdisplay: block; \tborder: 2px #999 solid; \tborder-radius: 10px; \tbox-shadow: 3px 3px 7px #333; \twidth:92%; \tmargin: 0px auto 0px auto; } #header { \tborder: 2px #999 solid; } #content { \twidth: 75%; \tborder: 2px #999 solid; \tfloat: left; } #sidebar { \twidth: 23%; \tborder: 2px #999 solid, flyde: ret;}&#meter (grænse: 2pxϧ faste;}. afsnit (skriftstørrelse: type, 11 pkt., skrifttype familie: verdana; skrifttype vægt: dristigt.}, denne forskning vil skabe en vigtigste afsnit med en aftale om ret.jeg bruger nogle af mine yndlings farver, men du kan ændre denne css passer til behovene i de hjemmeside eller websted ejer.,, konklusion i denne betænkning er den normale måde at skabe en wordpress ejendom tema.det omfatter alle de vigtigste elementer i en ejendomsmægler website, herunder ekspedienter og lister.jeg viser også standard dele af wordpress tema, herunder dokumenthovedet stillinger loop, fod, kom her, samt fælles side - modeller.da http: //5 er blevet mainstream, er det tid til at udvikle alle wordpress emner http: //5, og jeg gav nogle af de mest populære og vigtige html 5 hundetegn. lad os høre, hvad du synes i bemærkningerne nedenfor.,
Computer læring 