Portfolio style

Viewing 5 posts - 1 through 5 (of 5 total)
  • #12048
    alfak
    Participant

    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.

    #12063
    alfak
    Participant

    It’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.
    #12065
    Alexander
    Participant

    Hi 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.com

    #12180
    alfak
    Participant

    Thanks for the link Alexander.

    I will see if it is configurable for my purposes.

    #12341
    alfak
    Participant

    At 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?

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.