/ Webbproduktion /

Centrera ett objekt i CSS

Skrivet den 25 oktober 2011 i kategori css2 & css3

Så här ska det se ut för att du ska få en centrering av ett objekt, exempelvis en bild eller DIV … dvs i CSS-koden … kan även s!

  • .aligncenter {   display: block;   margin: 0 auto;   }

Om du mot förmodan inte får denna att fungera, så är det i så fall en annan kod som ligger och stör ut denna!

WordPress och flera domäner

Skrivet den 20 oktober 2011 i kategori Wordpress

  • Har du flera domäner till samma konto
  • Irriterad på att WordPress hoppar över till grundinställningen och inte behåller den domän du surfar in med
  • Tänkte väl det … lösningen är pluginen PS WP Multi Domain
  • eller lägg in koden i wp-config manuellt – se kod nedan
  • Flera domäner till samma installation kan ha sina fördelar. Med detta tillägg så kommer WordPress inte att byta till den adress som är angiven under Inställningar i systemet, utan behåller den domän du surfar in på sidan med!

//wp_multi_domain_start
define( 'WP_SITEURL','http://'.$_SERVER['SERVER_NAME'] );
define( 'WP_HOME','http://'.$_SERVER['SERVER_NAME'] );
//wp_multi_domain_end

Installation av WordPress

Skrivet den 17 oktober 2011 i kategori Wordpress

Här kommer en guide till hur du installerar WordPress på ett webbhotell.

Kontrollera med ditt webbhotell om dom har WordPress som s.k. One-Click-Installer, då gör installationen stor del av jobbet åt dig. Om inte, så följ anvisningarna nedan! Fortsätt läsa »

CSS3 och Internet Explorer 6-9

Skrivet den 4 oktober 2011 i kategori css2 & css3

Bäst resultat tycker jag att du får med hjälp av CSS3 PIE – åtminstone gentemot bilder – men se även alternativet nedan …

  • ladda ned filerna från CSS3 PIE – länk i sidomenyn på deras hemsida
  • placera filerna i egen mapp i rooten, t.ex. /css-pie/
  • kompletera sedan  respektive CSS-style med följande kod:
    behavior: url(/css-pie/PIE.htc);
  • såhär ser din kod ut om du vill ha en 15 pixels hörnradie:
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px; /* Opera 10.5+, future browsers,
                            IE 6+ using PIE */
    behavior: url(/css-pie/PIE.htc); /* makes IE 6-9 rendering
                                        several useful CSS3
                                        decoration features */
  • PIE.htc hittar du på css3pie.com

Alternativ

Ett annat vanligt alternativ är ie-css3.htc. Däremot får bilder inte rundade hörn, utan du får lirka med border och då utan padding, du tappar alltså lite a flexibiliteten i layouten! Annars samma princip som ovan, du byter bara filnamnet i URL:en …

html5 & css3 referenser

Skrivet den 24 september 2011 i kategori css2 & css3

Här så lite referensmaterial för HTML5 och CSS3. Kommer att fylla på listan efterhand som jag trillar över nytt (har du bra förslag, hör gärna av dig).

CSS3-stöd i Internet Explorer 6-9

Blandad läsning

CSS-generering

Böcker

Google-sökningar

WordPress Plugins

Skrivet den 20 september 2011 i kategori Wordpress

Här en liten sammanställning av lämpliga plugins till WordPress tillsammans med en kort beskrivning …

Kommer att fylla på listan efterhand som jag springer på fler bra funktioner (har du bra förslag, hör gärna av dig).

Layout / Visuellt

  • WP Page Numbers – snyggare sidhänvisning än den inbyggda standarden med Föregående-Nästa, och visar istället sidnumrering
  • Featured articles Lite – lättanvänd slider för att puffa olika artiklar eller inlägg … bara bild, bara text, eller både-och

Sociala medier m.m.

  • Kouguu FB Like – FaceBook-plugin för gilla-knapp på hemsidan. Statistik finns över vem som gillar vilka sidor / inlägg

Bättre administration

  • My Page Order – enkel sortering av sidorna – istället för att manuellt ändra rangordningen av sidorna, med sortering av huvudsidor och undersidor var för sig …
  • Page Links To – funktion för att länka en sida till annan intern eller extern sida
  • TinyMCE Advanced – utökade funktioner till WordPress standard-editor
  • StatPress – en ganska lagom statistikhantering till WordPress

Evenemang, Program, o.d.

  • RS EVENT multiday – evenemangsplugin för visning av aktuella event i sidomenyn. Visning styrs av evenemangets datum och tid
  • Event Calendar – Koppling till exempelvis en sida. Visning som styrs av datum och tid

Förenklad utveckling och funktionalitet

  • Theme Test Drive – bra verktyg när du vill arbeta med en ny mall utan att besökarna ser den nya mallen … bara den som är inloggad i administrationen som ser den nya mallen
  • BM Custom Login – enkel anpassning av logo+färg till administrationens sida för inloggning, men det finns mer avancerade alternativ

Permalnäkar: Grundinställning

  • Allmän grundinställning – Glöm inte att ändra inställningen för dina permalänkar under Inställningar > Permalänkar så att permalänken refererar till /%postname%/

Permalänkar: Kategorier

  • WP No Category Base – tar bort ”/category” från en kategoris permalänk

Sociala medier

  • Kouguu FB Like – FaceBook-plugin för gilla-knapp på hemsidan. Statistik finns över vem som gillar vilka sidor / inlägg

Sidhantering

  • My Page Order – sortering a sidorna (rang), istället för att manuellt ändra rangordningen av sidorna. Man sorterar huvudsidor för sig, undersidor för sig …
  • Page Links To – länka sidan till en annan intern eller extern sida

Redigering av texter

  • TinyMCE Advanced – utökade funktioner till WordPress standard-editor

Statistik

  • StatPress – en ganska lagom statistikhantering till WordPress

Domänhantering

Om du har flera domäner till en hemsida, så är det i vissa sammanhang en fördel om kan surfa runt med bibehållen url.

Förutsättningen för detta är dels att ställa extra-domänen som ett DNS-alias kopplat till huvuddomänen, dels att ändra i wp-config.php-filen … många tror att det är .htaccess-filen, men inte i detta fallet!

Finns två alternativ att göra detta på, resultatet blir exakt detsamma!

Aktivering med plugin

Installera pluginen PS WP Multi Domain …

Kod för manuell aktivering i wp-config

Nedanstående kod är samma kod som ovannämnda
plugin installerar i filen wp-config.php

//wp_multi_domain_start
define( 'WP_SITEURL','http://'.$_SERVER['SERVER_NAME'] );
define( 'WP_HOME','http://'.$_SERVER['SERVER_NAME'] );
//wp_multi_domain_end