, hvordan man får en forbindelser side skabelon, scrollable menu,,,,, andel,,,,,,,, 4,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, hvad ville du sige til at gøre brug af wordpress forbindelser manager?du vil opdage, at det er meget nyttigt, hvis den anvendes for de rigtige grunde. jeg vil gerne vise dig en måde at tilføje links til deres wordpress websted, der ikke kun gøre brug af forbindelser manager, men også skabe mere indhold for deres websted med et hurtigt og nemt workflow.,,, hvad du bygger,, lad mig starte med en hurtig gennemgang af forbindelser direktør for wordpress.forbindelser direktør giver dig mulighed for at lagre en række eksterne forbindelser, også kendt som din blogroll.disse forbindelser kan omsættes i kategorier, importeret, eksporteret tilføjet, udgår, og redigeret.i den forbindelse kategorier kan også tilsættes, udgår, og redigeret.du kan finde forbindelsen manager i forbindelserne del af wordpress administration panel. som version, 3.5, forbindelserne manager og blogroll er skjult i nye installationer og eventuelle eksisterende wordpress installationer, som ikke har nogen forbindelser.hvis du er en opgradering af fra en tidligere version af wordpress med aktive forbindelser, forbindelser manager vil fortsat fungere normalt.,, hvis du ønsker at genoprette forbindelserne panel til din installere du kan downloade og installere   forbindelser manager, stik af. en god mulighed for at gøre brug af wordpress forbindelser manager - en daglig udarbejdet liste over eksterne forbindelser, såsom favorit websteder, tilknyttede partnere, sange, sjove, videoer osv. mulighederne er ubegrænsede, men husk strategien bag din hjemmeside.for eksempel vil jeg udarbejde en liste over links til min favorit sange, som et hyperlink til sang på itunes, hvor de kan høre og /eller downloade sang.,, 1.at skabe forbindelse kategorier, før vi begynder at udvikle forbindelserne side model er vi nødt til at afgøre, hvad forbindelsen kategorier vil være.dette kan fastlægges på en række måder.nogle eksempler herpå er efter genre - såsom reggae, rap, land -, metal - 5 - stjernede rating eller alfabetisk.jeg er ved at udarbejde en liste over favorit sange jeg organiserer forbindelsen kategorier i alfabetisk orden, begynde med skovhugst i wordpress, der svæver over forbindelser og klik "link kategorier".for at føje en forbindelse kategori, være sikker på, at du har et navn og en snegl.beskrivelse ikke nødvendig.navnet er, hvordan det ser ud på din hjemmeside.kuglen er url venlige version af navn.det er normalt for alle små og kun indeholder bogstaver, tal og bindestreger.hvis en kugle er ikke ved at skabe en forbindelse mellem kategori, manager automatisk vil skabe en baseret på navn, da vi organiserer de sange i alfabetisk orden, navnet på den første forbindelse kategori "#", andet led i kategori a, tredje kategori "b", og så videre, indtil du nå "z".ingen ekstra forbindelse kategorier, eller de vil dukke op i din sejlads på dine forbindelser side skabelon.så sørg for at fjerne alle eksisterende forbindelse kategorier.,,,, 2.etablering af forbindelser - model og scrollable menu, nu hvor alle forbindelsen kategorier er gjort, kan vi begynde at opbygge forbindelser side skabelon.så lad os begynde med at klistre en kopi, og allerede bygget side skabelon i din wordpress tema, omdøbe den til forbindelser side model. php, og åbning af det i din favorit tekst redaktør. begrundelsen for kopi og klistre en allerede bygget side model, fordi du vil have forbindelser side model har samme udformning som resten af din hjemmeside. hvis du har problemer med at finde et allerede bygget side skabelon i din wordpress tema for en række sager, som hedder konsekvent, side kontakt. php, side portefølje. php, side fulde bredde. php, osv. det er fælles for wordpress temaer har flere side skabeloner, som hedder konsekvent, så de bliver organiseret.du kan også åbne en sag for at se, om sagen starter med side skabelon identifikator, som nedenstående eksempel:, <?php /* model navn: forbindelser * /?>, det første du vil, er at ændre modellen navn (jf. kode ovenfor), at "forbindelser".ovennævnte kode lader wordpress ved, at det er en skabelon, så det vil være til rådighed i ned menu via side redaktør af den model, der giver du det navn, i dette tilfælde ved navn "forbindelser", 3.at lægge scrollable menu, se nu for den kode, the_content(),.denne kodeks har side indhold, indhold, der er lagt til wysiwyg redaktør til side. det er et godt sted at sætte din scrollable menu og et godt sted at vise deres forbindelser, der ikke anføres, indtil du tilføje en ny forbindelse til en af de kategorier, der forbinder du bare. vi vil   få det senere.under the_content(), kode i din model tilføje:, <!- scrollable menu - > < div id = "scrollablemenu" > <?php $katte = get_categories ("taksonomi = link_category & hierarkiske = 0"); for hvert ($katte som $kat) (echo '< en href = "#".- cat - > cat_name. "klasse = "scrollablemenubutton" > ".- cat - > cat_name. "< /a > «)?> < /div > <!- i slutningen af scrollable menu - > koden, $katte = get_categories ("taksonomi = link_category & hierarkiske = 0"), returnerer alle forbindelsen kategorier oprettet og viser den kategori navn ved hjælp af værdi.- cat - > cat_name. ",.hvis du vil lære mere ud til, get_categories, i wordpress codex.,, id = "scrollablemenu", er forbundet med nogle javascript (som jeg vil tale om det næste) til menuen fungerer korrekt og klasse = "scrollablemenubutton", er nogle css, der vil give dine knapper meget grundlæggende stil.jeg opfordrer dem til at være mere kreative med forskning, men den grundlæggende metode vil arbejde for. at se de grundlæggende css downloade filer til denne forelæsning.snart vil jeg vise dig, hvordan at tilføje stylesheet (og javascript) til din side model, så den kun belastninger, når din side model er lastet med, wp_enqueue_ *,., for din id = "scrollablemenu", vil du have lyst til at tilføje de egenskaber: position: faste, top. 10px; /* sørg for, den øverste ejendom, har samme værdi som den javascript fil * /polstring: 20px; bredde: 90px; margen: 500px;,, holdning: faste, og top: 10px; holder menuen fast på det sted, du vælger.den bedste: 10px;, stil kan og skal ændres, for at få de resultater, som du leder efter, hvis man lægger, top. 100px; det ville give deres menu top polstring, 100px, fra toppen af din hjemmeside, så hvis du gav det, 0px, menuen skal røre ved toppen af din hjemmeside.husk, når du skifter bedste stil, du er nødt til at ændre den javascript kode til at matche. rolig, vil vi komme til javascript kode om lidt. jeg lagde menukortet i, div., med en margen tilbage, stil stilling scrollable menu på højre hånd. side.det er, fordi den menu flyder på toppen af indholdet, så hvis menuen ikke var presset til det rigtige forbindelserne vil få tabt bag scrollable menu.den margen, der: 500px;, vil sandsynligvis skal ændres til at passe din hjemmeside er bredde.,,, jeg har også lavet scrollable menu som en vertikal menu i stedet for horisontale med en bredde, 90px,.du kan nemt skifte menu til en horisontal menu ved at slette det, bredde: 90px; margen: 500px;,, men ved deres indhold kan gå tabt bag menuen. lad os tale om det javascript fil, der gør scrollable menu.kopiér filerne til denne pædagogiske og åbne javascript filen, scrollablemenu. js,. $(vindue). skriftrulle (function() {$("# scrollablemenu"). css ("top", matematik. max (0, 10 - $(dette). scrolltop())}), de to vigtige dele i kodeksen,&#scrollablemenu, og 10,.,,&#scrollablemenu, skal matche dit id = "scrollablemenu", ellers virker det ikke. tidligere talte vi om, hvordan, hvis du ændrer, top. 10px;, stil, du bliver nødt til at ændre den i den javascript dossier i overensstemmelse hermed.du kan gøre det ganske enkelt være at ændre, 10, udgør det beløb, ændrede du dit bedste stil.,, 4.tilsætning af filerne, nu hvor du har en forståelse af, hvordan de javascript kode fungerer, lad os sige det og stylesheet til side model så menuen vil rulle og knapper er lidt stil. en let og organiseret måde at gøre det på er at bruge, wp_enqueue_script, og wp_enqueue_style, og det gør det så du behøver ikke at tilføje css til en anden stylesheet eller javascript til din header.php, fil.det kunne registre, når din side model er ladt, der holder din hjemmeside løber hurtigere. lad os først tilføje javascript fil.tag under kode og tilføje, at starten på deres side skabelon (under den skabelon navn). <?php funktion scrollablemenu_script() {wp_register_script ('scrollablemenu_custom_script, get_template_directory_uri(). "/er /scrollablemenu. j 'er "); wp_enqueue_script (' scrollablemenu_custom_script)} add_action ('wp_enqueue_scripts", "scrollablemenu_script)?> nu ftp, scrollablemenu.js, fil til din hjemmeside er vært.vær sikker på at ændre, /er /scrollablemenu.js, placering til den mappe, du uploadet javascript fil.lad os tilføje stylesheet fil lige under kode, du har forlænget. <?php funktion scrollablemenu_style() {wp_register_style ('scrollablemenu_custom_style, get_template_directory_uri(). "/css /scrollablemenu. css); wp_enqueue_style ('scrollablemenu_custom_style)} add_action (' wp_enqueue_scripts "," scrollablemenu_style)?>, ftp, scrollablemenu.css, fil til din hjemmeside er vært.vær sikker på at ændre, /css /scrollablemenu.css, placering til den mappe, du uploadet stylesheet fil.nu javascript og stylesheet filer vil belastning, når forbindelsen side skabelon belastninger. den største forskel mellem de to koder er de funktioner, wp_enqueue_script, og wp_enqueue_style,.hvis du ønsker at lære mere om, wp_enqueue_ *, se på den pædagogiske, hvordan til at omfatte javascript og css i din wordpress temaer og plugins. 5.tilsætning af forbindelsen kategorier, lad os tilføje den vigtigste del af deres forbindelser side model...i den forbindelse kategorier. tilføje denne kode under scrollable menu kode. <!- link kategorier - > < div klasse = "linkcategories" > <?php $katte = get_categories ("taksonomi = link_category & hierarkiske = 0"); for hvert ($katte som $kat) (echo '< et navn = ".- cat - > cat_name. "> < /a > < h3 > ".- cat - > cat_name. "< /h3 > echo '< ul > "$bøger = get_bookmarks (" kategori = $kat - > cat_id "); for hvert ($bøger som $bog) (echo' < li > « echo '< en href =".$bog - > link_url. "> ".$bog - > link_name. "< /a > « echo '< /li > «) //ende bøger loop echo' < /ul > «) //ende katte loop?> < /div > <!- sidst i forbindelse kategorier - > igen, vi bruger, $katte = get_categories ("taksonomi = link_category & hierarkiske = 0"), kode returnerer alle forbindelsen kategorier oprettet og viser den kategori navn ved hjælp af værdi.- cat - > cat_name. ",., den vigtige del af kodeksen er, hvordan ".- cat - > cat_name. "- og vender tilbage til den kategori, som anker navn, et navn = ". $kat - > cat_name. '").dette gør det så scrollable menu virker, så når en gæst, klik på scrollable menu, vil det i forbindelse med den korrekte afdeling på din side model. resten af kode viser forbindelsen url ved hjælp af værdi.$bog - > link_url. "og har i den forbindelse navn ved hjælp af værdi.$bog - > link_name. ",.dette er opnået ved hjælp af den funktion, get_bookmarks ("kategori = $kat - > cat_id"),., du kan lære mere ved at gå til, get_bookmarks, i wordpress codex. hver linje kode er inde i en, div. med klasse = "linkcategories", (dvs. lægges til den, scrollablemenu.css, fil) og hver linje kode vil udvise afsnit (navnet på den kategori) med en, h3, mærke, overskriften, vil også være anker navn og de forbindelser, der er skabt i forbindelser manager er pakket i, li, mærkater, hyperlinked med forbindelsen url., så du ved, koden er pakket i, div., med en bredde, 490px, at ingen tekst vil forsvinde bag den scrollable (vertikale) menu.den bredde: 490px;, vil sandsynligvis skal ændres til at passe din hjemmeside bredde.,, hvis du ændrer den bredde, husk at ændre scrollable menu, div. stil, margen: 500px.,.det er drevet over, 10px, så scrollable menu, div., ikke overlapper hinanden i den forbindelse kategorier, div.,., deres forbindelser side model er færdig!vær sikker på at ftp, links-page-template.php, fil til din wordpress tema root fortegnelse. 6.skabe en side med forbindelser side skabelon, nu, at forbindelsen kategorier er blevet oprettet, og forbindelserne side model er bygget og uploadet, lad os tilføje en ny side ved hjælp af skabelonen.,,, i din wordpress admin afsnit under sider klik tilføje nye.første tilføje din side navn, andet vælge links skabelon i ud menu i henhold til side attributter (højre side).offentliggøre og lad os gå videre til den sidste skridt. 7.tilføje nye forbindelse mellem kategori, hvis du allerede skitseret den side, du skabte lige og så kun den lodrette scrollable menu viste, at fordi du er nødt til at tilføje, forbindelser til forbindelsen kategorier du gjorde tidligere.hvis forbindelsen kategori ikke har nogen forbindelser, så vil intet dukker op, så lad os tilføje en forbindelse med at tilføje nye under forbindelser i din wordpress admin - afdeling.her anføres navn, f.eks. daniel lee kendall – tabt i øjeblikket, websted og vælge den kategori.højre side, klik tilføje link, og nu kan du tjekke din side til at se resultaterne.du er færdig!,, konklusion, hvis du ikke får resultater, du håbede, lege med bredde af hver, div., og /eller at skabe en bedre stylesheet for scrollable menu.