dannet

Indlæg tagget med 'PHP & CSS "

Sidste ende er dette ikke en fuld del i serien, men et supplement.
I 4. En del af det behandlede, var Tweet Dette , i sig selv en cool plugin til Twitter, men også sociale bookmarking tjenester Plurk, Buzz, Delicious, Digg, Ping, Reddit, Stumble). Talrige konfigurationsmuligheder og et udvalg af smarte knapper rundet den første positive indtryk. Uheldigvis fejlmeddelelsen

Advarsel: Invalid argument leveres til foreach () 358 i / home/web160/klem08/ftproot/www.klemmchen.de/wp/wp-content/plugins/tweet-this/tweet-this.php on line

En reaktion på anmodninger udeblev, så jeg har gjort, hvad andre har gjort: Jeg har deaktiveret plugin. Nu et alternativ var nødvendigt.

Twit Denne : Sørger for kun os selv udelukkende til sin sang. Der er et plugin, men manuelt indsat koden:

<!-- Begin TwitThis (http://twitthis.com/) -->
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
<!-- /End -->

Jeg valgte koden version, fordi det tillader justeringer i design uden at skulle tilslutte herumpulen. Så jeg kunne erstatte. GIF-fil med en selvskabt. PNG-fil, og også i kontrol af, hvor sløjfen er at dukke op, er knappen får på denne måde.

Bookmark denne del.icio.us : Fordi jeg ville også have en lækker knap måtte hendes anden plugin. Er en smule dateret, men selv i princippet gyldig XHTML. Herved

<?php dbt_the_LinkTag("Bookmark on del.icio.us"); ?>

Displayet kan være lavet af knapperne i løkken, og jeg kunne sætte en knap ved siden af ​​på Twitter. Jeg har tilføjet tekst-links i stedet for et billede, men jeg kunne også have været lettere. (Vi anbefaler, at du læser readme filerne fra tid til anden. ) Der er mange tips om, hvordan du kan ændre visning og placering. Med denne kode

<?php dbt_the_LinkTag("<img src='http://www.klemmchen.de/wp/wp-content/themes/environment/images/tt-delicious-micro4.png' alt='add to delicious' />","delicious"); ?>

er indsat under den post et billede, som også er igen frit kan vælges. Dog bør de foreslåede XHTML elskende i filen Vigtigt for mindst ét kodestykke alt="" Tilføj tag, ellers validator klager.

Begge løsninger fungerer godt! Alligevel vil jeg bemærke: Den Tweet Denne variant ville være lettere, hvis de ville overleve, fordi uden fejl.

Hechelbach kan ikke lade være - det var en smule skruet i designet. I sammendrag, hvis du flyver hen over roden adressen der nu "kun" uddrag ( <?php the_excerpt(); ?> ) - som sædvanlig, et klik bringer titlen på artiklen i enkelt visning, men også en link under uddrag ("læse denne post» ') transporterer læseren direkte derhen. Det samme synspunkt er blevet udvalgt til arkivet.

Hvis du kan lide det, er det tilbydes som download. Vi er dog afhængig af tilbagemeldinger. Hvad synes du om denne type skærm og navigation?

Her er den korte kode (i øjeblikket i archive.php, search.php og index.php):

<div class="entry">
<?php the_excerpt(); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php printf(__('Read the rest of this entry &raquo;', 'kubrick')); ?></a>
</div>

Det er du måske har bemærket her og der: Ikke alene er den blog titlen er klikbar, men også beskrivelsen. Du kan også ringe på dette område af undertekster. Du har en besøgende dette ikke er nogen reel ekstra funktionalitet - du skal bare gå derfra til hjem, end du ville klikke på bloggen titlen. Den blogger, i hvert fald når han bliver logget, men derfra direkte ind i admin området. Måske gimmick er interessant for dig - at komme til instrumentbrættet, skal du ikke så hop til Admin link, som bloggen beskrivelsen er faktisk toppen af ​​sidehovedet og er derfor altid inden for rækkevidde. Vi var her i lang tid, indtil de er bløde, blog titel og beskrivelse af det nye design havde for visning af, som vi har afskaffet titlen og beskrivelsen.

Den gode er, at dette kan opnås med meget lille kode. Det sted, hvor dette sker, de header.php. Bare søg <?php bloginfo('name'); ?> og <?php bloginfo('description');?> . Afsnittet, der ser mest sådan ud:

<!-- No.1: USUAL WAY. CLICK ON BLOG TITLE LETS YOU RETURN HOME WHILE THE DESCRIPTION IS JUST A DESCRIPTION NOT A CLICKABLE AREA. -->
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
</div>
<!-- END of No.1 -->

bare erstatte dette ved at:

<!-- No.2: THE FOLLOWING COMMENTED PART IMPLEMENTS DIRECT ACCESS TO ADMININSTRATION BY CLICKING ON THE BLOG DESCRIPTION WHILE ANYONE WHO IS NOT LOGGED IN RETURNS BACK HOME -->
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description">
<a href="<?php
if (current_user_can('level_10'))
echo get_settings('home').'/wp-admin/">';
else
echo get_settings('home').'/">';
bloginfo('description'); ?>
</a>
</div>
</div>
</div>
<!-- END of No.2 -->

Hvad er koden? Mens klikbart i model 1, er standard header, blog titel og beskrivelse vises i headeren, men kun titlen og brugeren tilbage til hjemmet bringer ( <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>) , er i version 2, som også viser både polles ved at klikke på beskrivelsen af brugerens tilladelse. current_user_can('level_10') er den højeste myndighed, nemlig administratorer. Det sidder lige foran computeren er logget på, se på din egen blog og gerne vil hurtigt gå til instrumentbrættet, så alt, hvad han har brug for (eller hende, selvfølgelig) at klikke på beskrivelsen af ​​denne blog. Brugere, der ikke er registreret, og derfor ikke har de nødvendige tilladelser, i stedet blot strålede til hjemmet.

Teoretisk (og praktisk) tilladelse anmodningen om andre funktioner giver mening, at det kun er administratoren skal være tilgængelige. Rækken af ​​privilegier lige fra 0 (den registrerede bruger) gennem 1 (de ansatte), 2 (blog forfatter) og 7 (udgiveren) til at give 10 (administratoren). Selvfølgelig er de tilladelsesniveauer bits bagudkompatibel: En admin kan gøre alt (trin 10 til 0), fordi udgiveren allerede er svækket (Level 7-0), etc.

Ofte, men ikke altid, er personlige ejendele, en succes i lyset af de faktiske forhold og svar givet. Man kan holde nogle elementer, især, men ikke alle besøgende har tid eller lyst til at finkæmme gennem alt, blot for at opdage denne artikel. Men løsningen er enkel: Det vil slette alle indlæg med undtagelse af dem, der skal læses i henhold til deres egen forståelse af brugerne. Tak for din opmærksomhed! Indtil næste gang!

Nå, du har ret, der ikke kan være løsningen! Det vil være anderledes. Og, ja, der er en mulighed. Inspiration til at jeg er selvlært eller andet sted på nettet. (Jeg vil sende det så snart jeg finder dem igen.)

Hvis du skriver en artikel, skal du klikke under "særligt område". Der kan du tilføje noget til din smag, har vi "favarticle" er valgt, kan du også Che Guevara eller Mickey Mouse eller en sætning efter eget valg for at tilføje. Det vigtige er, at du enten er et ord eller en understregning ( _ ) Vælg en sammenhæng mellem flere ord. Så kan du tildele en anden værdi, i dette tilfælde har vi en række 1 eller 2 anvendes - de 1-listede kandidater vil være før de 2-kandidater. Det udvider også at tildele kun et nummer.

Nu skal du tilføje noget kode. Først er at blive henrettet for basen koden functions.php et passende sted. Selvfølgelig kan du også indsætte det direkte i php fil, hvor du har brug for det. Anbefales også er en swap, fordi det bevarer klarhed, og du er fast besluttet på flere punkter i dit tema, hvor du kan indsætte en liste over dine favoritter. Her er den kode, vi har skubbet ind i functions.php:

<?php function getFavArticles($count){ global $wpdb; $count = intval($count); $favarticles = $wpdb->get_results("SELECT post_id FROM $wpdb->postmeta WHERE meta_key ='favarticle' ORDER BY meta_value ASC LIMIT 0, $count"); if ($favarticles){ foreach ($favarticles as $favarticle){ $title = wptexturize(get_the_title($favarticle->post_id)); $link = get_permalink($favarticle->post_id); echo '<li><a href="'.$link.'" title="'.$title.'">'.$title.'</a></li>'; } }else{ echo '<li>...</li>'; } } ?>

Hvad er koden? Han kalder en funktion getFavArticles på, at du kan henvise til senere sted i dit tema. Han er på udkig efter en meta_key ='favarticle' , så nøglen. Du er nødt til at definere, og sorteret efter det valgte element til den værdi, der tildeles i henhold til stigende rækkefølge. Nedenfor er artiklen titler som klikbare links.

Så, nu har du forberedt artikler, at PHP-funktionen - du stadig brug for et sted at køre funktion og en liste over dine skatte vil blive vist. Vi har lagt listen Favoritter i standard indholdsoversigten, der er dog brugen af ​​widgets oprette indhold fra bunden. Så vi skruede dem (listen, behøver du ikke, de læsere) også i single.php. Den enkelte opfattelse er dannet ved selv uden sidebjælken, men med en repræsentation, der bruger den tilgængelige plads bedre . Vi har en ekstra en farve fra resten af ​​webstedet klart smuttede kasse med de vigtigste navigation installeret punkter, er der i øjeblikket også favoritlisten. Få koden til indholdsoversigten (som er lidt anderledes end det strukturerede produkt visning):

<?php }?> <?php if (function_exists('getFavArticles')): ?> <li><h3><?php _e('Top posts', 'kubrick'); ?></h3> <ul> <?php getFavArticles(10); ?> </ul> <?php endif; ?> </li>

og tilpasset til at kode boksen:

<?php if (function_exists('getFavArticles')): ?>
<h2><?php _e('Top posts', 'kubrick'); ?></h2>
<ul><li>
<?php getFavArticles(10); ?>
</li></ul>
<?php endif; ?>

På grund af de konverterede listen vejledningen ( <ul> som en introduktion af en liste (UL = uordnet liste = uordnet liste), <li> som en ny liste element i denne liste (Li = listeelement = liste) ved de afsluttende tags </li> og </ul> ) og de ​​forskellige overskrifter ( <h3> eller <h2> ) er en repræsentation af favoritlisten, noget anderledes, men tilpasset den særlige situation, og det samme indhold.

Bestemt du kan tænke på andre applikationer! Endelig kan du lave din artikel på frimærker, på tøj køb eller din kone - åh, hvad ved jeg! - Med den slags lister, som du definerer særlige områder, specielt sted peddling.

Gode ​​lys og god nuck!

Du kender sikkert den "WordPress Default" Theme, også kendt som "Kubrick". Dette tema er generelt baseret på vores "miljø" tema, selv om det blev ændret, så det ikke er umiddelbart synlige. Mange betragter "Kubrick" for at være forældet, fordi du har set det alt for ofte. I princippet kan dette være sandt, hvis den sender ind i løbet helt uredigeret. Men vi har besluttet på grund af styrkerne ved de overordnede temaer for brug, op indstille temaet igen, og nu bruge den til denne blog.

Indholdsoversigten, så den side bar med links, søgeord og kategorier, for mange brugere et velkendt syn, og ofte kommer med yderligere plug-ins jazzed, vi bruger, for eksempel, herunder Flickr Badge widget til at præsentere dine egne billeder på Flickr. "Kubricks" viser i deres oprindelige tilstand, men ikke i alle situationer, en sidebar. Mange føler, at dette er et problem. Hvordan ændre stande her . Oprindeligt havde vi også for alle mulige synspunkter, men i det mindste en enkelt visning af produkter 0hne indholdsoversigten har uudnyttet potentiale. Man kunne faktisk stigning i løbet af et par små ændringer i typografiark (style.css) er simpelthen display område af enkelt artikel opfattelse og brug som rummet af den manglende indholdsoversigten nyttige.

Vi søger følgende post i style.css

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

og ændre det som følger:

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 70px; width: 600px; }

Ved margin værdi 150px til 70px blev sænket, bevæger den venstre kant af genstanden til venstre, der er fri grænsen i den oprindelige ubrugt nu anvendes til visning af bidraget. Den Width -værdien var nu fra 450px til 600px øget, således elementet vises bredere og derfor bruger den plads, ellers besatte sidebar. Især for lange genstande kan være fordelagtig, fordi brugeren ruller ikke så ofte for at nå enden af ​​artiklen.

En ulempe ved denne fremgangsmåde er, at brugeren er nødt til at rulle op igen for at vende tilbage til hjemmeside og derfor sidepanelet igen til rådighed. Ulempen har vi en kasse fastgjort på slutproduktet, i - visuelt bevidste af andre rejst display - find de vigtigste navigationslinks. Denne boks bruges også til andre formål, men mere i en senere artikel.

Lad os sige, du vil give dine besøgende til en side layout tilpasset oplevelse kommentar. Standard disse farveløse kasser med sorte bogstaver i dine besøgendes navn (påkrævet) "," E-mail (vil ikke blive offentliggjort) (påkrævet) "og" Web Site "og indtast kommentar teksten. Da du nu ønsker at tilføje lidt farve eller endda et billede? Intet problem, udføres dette i nogle få øjeblikke.

Først skal du bare have en idé om, hvordan det skal se ud. Vil du have en farve eller et billede? Så du åbner instrumentbrættet af Wordpress style.css og kigge efter sætninger som disse:

#commentform input eller #commentform textarea . (Den særlige i dit tilfælde også kan bidrage lidt forskellige navne, men hvis du ser den samme kode, men du har et fingerpeg om, hvad der bør findes i et passende sted.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Bredde" bestemmer længden af ​​input feltet, "polstring" polstring af indholdet til kanten og "margin" en gennemsigtig afstand til næste punkt. Fyldt mens "polstring" med farve eller billedet af dit valg er, er den "marginale" er faktisk gennemsigtig, og ligner din side, hvor du præsenterer dit indhold. (CSS referencer kan findes her og her ).

I tilfælde af hånden, ønskede vi at baggrunden som i indtastningsfelterne. Derfor har vi tilføjet stien til denne samme billedfil: background: url('images/kubrickbgcolor.jpg');

Da dette er helt mørkt, vi har med color: #ffffcc; tekstfarven matchede et lyst interiør. Efter alt, kan dine besøgende læse, hvad de skriver.

Foretrækker du en farve i stedet for et billede? Må ikke erstatte problem, bare den background: url -sektion med dette: background: #000000; . Eksemplet er kodet sort, men du kan også indtaste hvilken som helst anden farve.

Tilsvarende supplerer rækken #commentform textarea på samme måde.

Vores resultater, du kan se nedenfor i denne artikel for eksempel, hvis du læser det i enkelt visning.

Gode ​​lys og god nuck!

Du kender alle det sædvanlige mønster af en blog: I toppen af siden vises blog navnet <?php bloginfo('name') ?> og beskrivelse <?php bloginfo('description'); ?>. Klik på bloggen navn bringer brugere tilbage i de vigtigste bibliotek. Men hvis du vil - kunstgreb lignende - blot angive hvilken skrifttype, som vises i header image, er det vanskeligt, alene fordi skrifttypen lige har oprettet, er ikke bare installeres på enhver computer - og kan kun anvendes til dem. I Arial eller Times nye roman er bestemt ikke et problem, men du ved, for eksempel, eller selv små klemmer Haettenschweiler? Se - design kravet er underlagt stramme restriktioner. Med et par kodestumper men det er ingen problem.

<h1><a xhref="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div>


Find denne Passage i header.php. Slet dem eller kommentere dem ud. Kommentar ud? Alt mellem <!-- og --> er involveret, bliver forbigået, og er derfor ikke-eksisterende for den software, der oversætter skrible i en synlig linie side. Vi har altid kommentere en hel del, i hvert fald hvis der ikke fornyet anvendelse af de koder, der bruges nu, er ikke umuligt - for efterfølgende ændringer af koden, har du så mindre skrive. Under alle omstændigheder er den ovenstående passage nu ude af løbet. Wordpress Tyskland tilbyder nu to måder . Begge arbejde perfekt, men er hver forbundet med visse begrænsninger. Når hovedet er kodet, skal du indsætte en

<div id="header" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">...</div>

en. Ulempen er, at søgemaskiner har svært ved at læse en sådan skriftlig passage - du kan se din blog, pålæsset mest kærlige måde, med vidunderlige artikler og fotos, der ikke er fundet. (Og det ville være ubehageligt.) Skal også tilbøjelig til læseren i din browser for at aktivere JavaScript, onclick passage indikerer. Mange tur JavaScript, men af ​​sikkerhedsmæssige årsager (kort sagt: JS), da JS kan også være forsynet med en defekt kode. Hvis dit hoved Cascading Style Sheets Billede via: har inkluderet (forkortet CSS), så du bedre tage denne kode.

<div id="header"> <a href="<?php bloginfo('url') ?>/" style="display:block; width:100%; height:100%;"> <span style="visibility:hidden"><?php bloginfo('name') ?></span> </a> </div>

Den fungerer pålideligt, og dit site overholder XHTML validering fortsætter. Dette er ikke en platform for cross-præsentation af din blog uden betydning. (Ikke at denne blog er Validieruung opfyldt, ved den måde, Flickr plug-in.) Hvordan kan du genkende om din header billede med CSS er involveret? Nå, du smutte ind i dine Stylesheet.css gange og kigge efter en passage, der ligner dette en:

#header { background: #352726 url('images/kubrickheader.jpg') no-repeat bottom center; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }

Her er baggrundsfarven, der vises, når ikke vises noget billede, skal du angive stien til billedfil (sædvanligvis, men ikke altid i \ billeder) og de overordnede mål (dimensioner) af billedet. Så nu ved du, at

Gode ​​lys og god nuck!

Hechelfeld