-
alfakParticipant
Hi everyone,
How I can change the style that shows the portfolio entries?
I want to appear as an ordered list, with the thumbnail on the left and the post title right.alfakParticipantIt’s possible that the code is javascript?
jquery.masonry.js it’s my first attempt- This reply was modified 11 years, 10 months ago by alfak.
AlexanderParticipantHi aifak,
Have a look at this plugin:
http://wordpress.org/extend/plugins/portfolio/screenshots/
Maybe it’s what you’re looking for.
Cheers,
Alexander @ http://www.mouseclick.comalfakParticipantThanks for the link Alexander.
I will see if it is configurable for my purposes.
alfakParticipantAt the end this plugin doesn’t fulfill my expectations.
I continued looking the code.
=== masonry function ==
_getColumns : function() {
var container = this.options.isFitWidth ? this.element.parent() : this.element,
containerWidth = container.width();// fluid columnWidth function
this.columnWidth = this.isFluid ? this.options.columnWidth( containerWidth ) :
// if not, how about the explicitly set option?
this.options.columnWidth ||
// or use the size of the first item
this.$bricks.outerWidth(true) ||
// if there’s no items, use size of container
containerWidth;this.columnWidth += this.options.gutterWidth;
this.cols = Math.floor( ( containerWidth + this.options.gutterWidth ) / this.columnWidth );
this.cols = Math.max( this.cols, 1 );},
=====
=== functions.php ==
var $content = $(‘.entries’);
$content.imagesLoaded(function() {
$content.masonry({
itemSelector : ‘.post’,
columnWidth : function( containerWidth ) {
return containerWidth / 12;
},
});
});=====
I read that if I change the $content and itemSelector I was able to change the width… But I haven’t found the code. Any help?
Tagged: portfolio style code
You must be logged in to reply to this topic.