<?php
$page_id = get_queried_object_id();
$terms = get_terms( 'product_tag' );
$term_array = array();
if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
foreach ( $terms as $term ) {
if ($term->count > 0) {
$term_array[$term->name] = $term->name;
if ($term->term_id == $page_id) :
$btn_classes = 'btn btn--small btn--primary active current-menu-item';
else :
$btn_classes = 'btn btn--small btn--secondary';
endif;
echo '<a class="' . $btn_classes . '" href="'.get_term_link($term->term_id).'">'.$term->name.'</a>';
}
}
}
?>
Etikett: WordPress
Ersätt submitknapp med ikon i WordPress sök
Ibland vill man visa en ikon istället för en submitknapp vid sökfältet i ditt WordPress-tema. Förr kunde man till exempel dölja texten och sätta ett förstoringsglas eller liknande som bakgrundsbild på Submit. Men nu vill vi vara moderna och försöka lösa det med en ikon istället. Det gör ju så att vi enkelt kan justera storlek (med font-size), färg (med color) och så vidare – precis som med vanlig text. Och så får man fördelarna med retina och allt det där.
I exemplet nedan så använder vi oss av en Font Awesome-ikon och HTML5-modellen för hur man skriver WordPress-söken i searchform.php – som du lägger i ditt tema. Notera att du skriver till support för detta genom nedeanstående i functions.php:
// Switches default core markup for search form to output valid HTML5
add_theme_support( 'html5', 'search-form' );
Sedan jobbar vi efter Micke Claessons leetz0rerade sätt att skriva jQuery. Vi startar alla funktioner i main.js och funktionerna i sig lägger vi i plugins.js. Det skulle kunna se ut så här:
searchform.php
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>"> <label> <span class="screen-reader-text">Sök på:</span> <input type="search" class="search-field" placeholder="Sök…" value="" name="s" title="Sök på:" /> </label> <input type="submit" class="search-submit" value="Search" /> <i class="fa fa-search search-submit"></i> </form>
style.css
.search-submit {
display: none;
}
main.js
(function($) {
$(function() {
// Trigger search click
$('body').searchClick();
});
})(jQuery);
plugins.js
(function($) {
$.fn.searchClick = function() {
init();
function init() {
$('i.search-submit').click(function() {
$(this).prev().trigger('click');
});
}
}
})(jQuery);
WordPress – mer än bara blogg
Vad har Usain Bolt, The Rolling Stones, TechCruch, Filippa K, Sony Mobile, Samsung Newsroom, Katy Perry, Elle, Des Moines University, Carl Bildt, Russel Brand, .SE, Jay-Z, Guldbaggen, Eastern Institue of Technology, Café, Lollapalooza, Staffanstorps kommun, Glitter, The University of Maine, Spotify, Paris Hilton, GB Glace, University of Melbourne, Mötley Crüe, MSNBC och Variety gemensamt med IPM Ulricehamn? Jo, samtliga ovanstående använder publiceringsverktyget WordPress på något sätt för att stärka sin onlineupplevelse.
Nästan 70 miljoner sajter drivs av WordPress i augusti 2013. Andelen WordPresssajter bland världens topp 10 miljoner sajter är 18.9%. Populärt, ja visst. Så även om listan ovan känns onödigt lång, kan den göras bra mycket längre. Ibland får man höra att ”WordPress, det är minsann bara för små bloggar. Det är ingenting för min verksamhet…” och ja det stämmer visserligen att det började som en bloggplattform samt att det fortfarande är den populäraste plattformen för att blogga. Men det kan användas till så mycket annat. Själv har jag jobbat dagligen med WordPress sedan 2009 och nästan alla nya sajter som jag har varit inblandad i sedan dess har på något vis byggts med hjälp av WordPress. Många sajter du besöker körs med verktyget. Ofta utan att det ”syns”. Precis detta är vad jag gillar. Vi tar vara på styrkorna – som lättheten att skapa och publicera innehåll – samtidigt som vi kan bygga i princip vad som helst utåt för att presentera detta.
Utöver ovanstående är det också smidigt att skräddarsy lösningar med hjälp av tillägg (plugins) för att tillfredsställa alla möjliga behov. Det kan vara allt från deltagarlistor och personalhantering till fotoalbum. Många större system finns representerade. Ett svenskt exempel är Västerbottens-Kuriren som publicerar alla sina nyheter online med hjälp av WordPress. Ett enkelt verktyg för redaktörerna. Texter blir skrivna. Nyheter blir publicerade.
WordPress går mer och mer mot att bli ett CMS och en App-plattform att räkna med. I senaste versionen, 3.6, förfinades mycket som har med innehållsskapande att göra. Som exempelvis versionshantering och autosparande. Men i kommande versioner (3.7 och 3.8, släpps senare i höst) är det just WordPress som CMS och App-plattform som står i fokus allra mest.
Spännande helt klart!
Ursprungligen publicerad på ipmulricehamn.se
Ett besök på WordCamp STHLM
Jag begav mig till huvudstaden för att hänga lite på WordCamp Stockholm. Med andra ord en heldag med WordPress och WordPress-gurus. Rätt gött!
Vid nio började Waterfront fyllas med förväntansfulla WordPressmänniskor från hela Sverige med omnejd. Solen sken, kaffet var serverat och namnbrickor hängdes runt hals.
Efter inledande mingel slog klockan tio och så var det dags för Thord Daniel Hedengren (aka TDH) att inleda dagen. Under devisen “WordPress i Sverige” gav han en dagsrapport om hur det ser ut i landet, vad vi behöver göra för att lyfta WordPress mer och saker som att “communityt” måste hjälpas åt och prata mer med varandra. Med orden “En idé kan fortfarande vara bra även om man inte kan genomföra den själv” (ungefärligt citerat) menade TDH att vi också behöver hålla en vänligare ton mot varandra för att inte tappa några på vägen och i slutändan därmed göra saker ännu bättre helt enkelt.
Efter inledningen satt jag kvar i samma sal då Christoffer Larsson från VK.se berättade roligt och intressant om hur deras nyhetswebbar förvandlades från E-drum till WordPress-sajter. Med lite tricksande och specialbyggda plugins visade Västerbottens-Kuriren att det faktiskt är fullt möjligt att ha en fullständig nyhetssajt byggd med WordPress. Även om det rör sig om över 200 000 unika besökare per vecka och tiotusentals poster. Christoffer berättade även lite snabbt om deras plugin Arlima som de utvecklade för att kunna ha manuella flöden och kunna styra nyhetspuffar, precis så som tidningssajter brukar vara uppbyggda.
Dags för en snabb lunch och sedan bänkade jag mig framför Erik Eng som är lite av en personlig idol. Erik pratade om varianter och möjligheter för att få en bättre sökfunktion på sin sajt. Som vi vet så är den inbyggda söken inte helt hundra och Erik gav tips på plugins och tjänster för att söken exempelvis ska hitta träffar på relevans istället för datum.
Efter detta lyssnade jag till Jonathan Sulo som pratade optimering. Mycket av det Sulo nämnde är saker som vi redan är bekanta med sedan tidigare men det var ändå bra att få nya perspektiv på att göra sajterna snabbare och att säkra upp.
Kristian Erendi fick avsluta mina föreläsningspass med en dragning om ajax i plugins. Det var väldigt passande eftersom jag senast i fredags bråkade lite med just detta. Kristian visade exempel från en egen plugin och förklarade bra hur varje steg gick till samt hur man skulle bära sig åt för att göra det säkert för injections med mera.
Som avslutning på dagen agerade TDH moderator för en panel med kända WP-människor. Ett trevligt inslag, där bland annat diskussioner om “vart är brudarna?”/nytt blod och serviceavtal togs upp.
Kolla in föreläsningarna här på Bambuser.
Länkar till dragningarna:
* Christoffer Larsson – “Västerbottens-Kuriren och WordPress – en kärlekshistoria”
* Erik Bernskiöld – “Nyckeln till ett bra admingränssnitt för kunderna”
* Jesper Bylund – “Tänk på det här när du bygger för mobilen”
* Erik Eng – “Bättre WordPress-sök”
* Eva Fadeel, Christina Lingdén, Henrik Löwenhamn m.fl. – “Riksantivarieämbetet + intranät = WordPress”
* Andreas Ek – “Leverera WordPressprojekt med högre kvalitét”
* Jonas Lejon – “Prestanda och stora sajter”
* Jonathan Sulo – “WordPress-optimering för Dummies”
* Jimmy Rosén, Sammy Nordström & Mattias Stahre – “Webbapplikationer i WordPress – Will it blend?”
* Johan Edlund – “WordPress för den ovana webbredaktören”
* Kristian Erendi – “Lär dig ajaxifiera dina tillägg med jQuery”
Ursprungligen publicerad på avtramp.se