I dette eksempel indsættes kolon efter klassen “meta_uploaddate” i div tag’en.
div.meta_uploaddate:after { content: ": "; }Tilføje tekst i CSS
Reply
Monthly Archives: December 2010
Horisontal og vertikal centrering
WordPress plugin: NextGen gallery style (css) fra linje 116
.ngg-galleryoverview { overflow: hidden; padding: 4px; width: 100%; border-top: 2px solid #bfdbe2; clear: both; display: block !important;}
.ngg-gallery-thumbnail-box { float: left; width: 124px; height: 124px; margin: 5px;}
.ngg-gallery-thumbnail { width: 124px; height: 124px; display: table-cell; vertical-align: middle; border: 2px solid #cdcdcd; background-color: #efefef;}
a:hover .ngg-gallery-thumbnail { border: 2px solid #dedede; background-color: #ababab;}
.ngg-gallery-thumbnail img { display: block; margin-left: auto; margin-right: auto; padding: 2px; position: relative;}
.ngg-clear { clear: both;}gallery.php
<!-- Thumbnails --> <?php foreach ( $images as $image ) : ?> <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> > <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <div class="ngg-gallery-thumbnail" > <?php if ( !$image->hidden ) { ?> <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> /> <?php } ?> </div> </a> </div>Vertical center/middle
<div style="width: 200px; border: 10px solid #666; background-color: #fff;"> <div style="height: 100px; display: table-cell; vertical-align: middle;"> <h1 style="font-size: 12px;">Block element, with long enough content to wrap.</h1> </div> </div>
OR
http://css-tricks.com/centering-percentage-widthheight-elements/
Opdele dato
<div class="date_day"><?php the_time('j.') ?></div>
<div class="date_month"><?php the_time('M') ?></div>
<div class="date_year"><?php the_time('Y') ?></div>Ændre uddrag/excerpts længde
Åben functions.php og ret værdien i linje 230:
function twentyten_excerpt_length( $length ) {
return 40;
}
add_filter( 'excerpt_length', 'twentyten_excerpt_length' );Vis “Indlæggests thumbnail”/”Featured Image”
Åben loop.php og tilføj:
<?php
//This must be in one loop
if(has_post_thumbnail()) {
the_post_thumbnail();
} else {
echo '<img src="'.get_bloginfo("template_url").'/images/img-default.png" />';
}
?>Tilføj det i linje 131, hvis du vil have dit billede til at være lige før uddrag/excerpts i din post.
<?php the_post_thumbnail( array(300,300) ); ?>
Resource: http://codex.wordpress.org/Function_Reference/the_post_thumbnail
Vis uddrag/excerpts i post på forsiden
Åben loop.php og tilføj || is_page() i8 linje 134, så det nu ser sådan her ud:
<?php if ( is_archive() || is_search() || is_page() ) : // Only display excerpts for archives and search. ?>
Første post skal se anderledes ud
I WordPress ser alle post ens ud. Men du kan med få midler, få den første post til at se anderledes ud en alle de andre.
Manualen er til WordPress version 3.x
- Åben loop.php og find:
<?php while ( have_posts() ) : the_post(); ?>
- Lav et linjeskift og indsæt:
<?php $firstClass = 'firstpost'; ?>
- Find:
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
- Indsæt:
<?php echo $firstClass; ?>...så det nu ser sådan her ud: <div id="post-<?php the_ID(); ?> <?php echo $firstClass; ?>" <?php post_class(); ?>>
- Indsæt en ny linje lige bag efter, og tilføj:
<?php $firstClass = ""; ?>
- Tilføj i dit stylesheet (style.css), og ret det til med attributer:
#firstpost
Tak til Adam R Brown for php koderne
Font genkendelse
Identificere fonten ud fra billede:
http://new.myfonts.com/WhatTheFont/
Identificere fonten via en række spørgsmål:
http://www.identifont.com/identify.html
Album rækkefølge efter titel
Linie 324 (lib/ngg-db.php).
Ændre fra:
$album->sortorder = serialize( $wpdb->get_col("SELECT gid FROM $wpdb->nggallery") );til:
$album->sortorder = serialize( $wpdb->get_col("SELECT gid FROM $wpdb->nggallery ORDER BY name ASC") );Husk at albums nu sorteres efter alfanumerisk i feltet titel.