Code rút gọn mô tả danh mục và từ khóa của bài viết trong flatsome

Chèn code sau vào file functions.php của child theme:


add_action( 'wp_footer', function () {
    if ( is_category() || is_tag() ) {
        ob_start();
        ?>

        <style type="text/css">
            .category .blog-archive .taxonomy-description {
                overflow: hidden;
                position: relative;
                margin-bottom: 20px;
                padding-bottom: 25px;
            }
            .lap_readmore_taxonomy_flatsome {
                text-align: center;
                cursor: pointer;
                position: absolute;
                z-index: 10;
                bottom: 0;
                width: 100%;
                background: #fff;
            }
            .lap_readmore_taxonomy_flatsome:before {
                height: 55px;
                margin-top: -45px;
                content: "";
                background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
                display: block;
            }
            .lap_readmore_taxonomy_flatsome a {
                color: var(primary-color);
                display: block;
            }
            .lap_readmore_taxonomy_flatsome a:after {
                content: '';
                width: 0;
                right: 0;
                border-top: 6px solid var(--primary-color);
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 0 0 5px;
            }
            .lap_readmore_taxonomy_flatsome_less:before {
                display: none;
            }
            .lap_readmore_taxonomy_flatsome_less a:after {
                border-top: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #318A00;
            }
        </style>

        <script type="text/javascript">
            ( function($) {
                $(document).ready(function() {
                    $(window).on('load', function(){
                        if($('.category .blog-archive .taxonomy-description').length > 0){
                            let wrap              = $('.category .blog-archive .taxonomy-description');
                            let currentHeight     = wrap.height();
                            let minHeight         = 180;

                            if ( currentHeight > minHeight ) {
                                wrap.css('height', minHeight+'px');
                                wrap.append(function(){
                                    return '<div class="lap_readmore_taxonomy_flatsome lap_readmore_taxonomy_flatsome_show"><a title="Xem thêm" href="javascript:void(0);">Mở rộng</a></div>';
                                });

                                wrap.append(function(){
                                    return '<div class="lap_readmore_taxonomy_flatsome lap_readmore_taxonomy_flatsome_less" style="display: none"><a title="Thu gọn" href="javascript:void(0);">Thu gọn</a></div>';
                                });

                                $('body').on('click','.lap_readmore_taxonomy_flatsome_show', function(){
                                    wrap.removeAttr('style');
                                    $('body .lap_readmore_taxonomy_flatsome_show').hide();
                                    $('body .lap_readmore_taxonomy_flatsome_less').show();
                                });

                                $('body').on('click','.lap_readmore_taxonomy_flatsome_less', function(){
                                    wrap.css('height', minHeight+'px');
                                    $('body .lap_readmore_taxonomy_flatsome_show').show();
                                    $('body .lap_readmore_taxonomy_flatsome_less').hide();
                                });
                            }
                        }
                   });
                })
            })(jQuery)
        </script>

        <?php
        $content = ob_get_clean();
        echo $content;
    }
} );

Leave a Reply

Your email address will not be published. Required fields are marked *