| Path : /var/www/html/csarite.com/public_html/wp-content/themes/bricks/includes/elements/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/csarite.com/public_html/wp-content/themes/bricks/includes/elements/related-posts.php |
<?php
namespace Bricks;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class Element_Related_Posts extends Custom_Render_Element {
public $category = 'single';
public $name = 'related-posts';
public $icon = 'ti-pin-alt';
public $css_selector = 'li';
public function get_label() {
return esc_html__( 'Related Posts', 'bricks' );
}
public function set_control_groups() {
$this->control_groups['title'] = [
'title' => esc_html__( 'Title', 'bricks' ),
];
$this->control_groups['query'] = [
'title' => esc_html__( 'Query', 'bricks' ),
];
$this->control_groups['layout'] = [
'title' => esc_html__( 'Layout', 'bricks' ),
];
$this->control_groups['fields'] = [
'title' => esc_html__( 'Fields', 'bricks' ),
];
$this->control_groups['image'] = [
'title' => esc_html__( 'Image', 'bricks' ),
];
$this->control_groups['content'] = [
'title' => esc_html__( 'Content', 'bricks' ),
];
}
public function set_controls() {
// TITLE
$this->controls['title'] = [
'group' => 'title',
'label' => esc_html__( 'Title', 'bricks' ),
'type' => 'text',
];
$this->controls['titleTag'] = [
'group' => 'title',
'label' => esc_html__( 'HTML tag', 'bricks' ),
'type' => 'select',
'options' => [
'h2' => 'h2',
'h3' => 'h3',
'h4' => 'h4',
'h5' => 'h5',
'h6' => 'h6',
],
'inline' => true,
'placeholder' => 'h2',
'required' => [ 'title', '!=', '' ],
];
$this->controls['titleMargin'] = [
'group' => 'title',
'label' => esc_html__( 'Margin', 'bricks' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => '.related-posts-title',
],
],
'required' => [ 'title', '!=', '' ],
];
$this->controls['titleTypography'] = [
'group' => 'title',
'label' => esc_html__( 'Typography', 'bricks' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
'selector' => '.related-posts-title',
],
],
'required' => [ 'title', '!=', '' ],
];
// QUERY
// Display info if builderQueryMaxResults is set (@since 1.11)
$builder_query_max_results = Builder::get_query_max_results();
if ( $builder_query_max_results ) {
$this->controls['queryMaxResultsInfo'] = [
'group' => 'query',
'type' => 'info',
'content' => Builder::get_query_max_results_info(),
];
}
$this->controls['post_type'] = [
'group' => 'query',
'label' => esc_html__( 'Post type', 'bricks' ),
'type' => 'select',
'options' => bricks_is_builder() ? Helpers::get_registered_post_types() : [],
'clearable' => true,
'inline' => true,
'placeholder' => esc_html__( 'Default', 'bricks' ),
];
$this->controls['count'] = [
'group' => 'query',
'label' => esc_html__( 'Max. related posts', 'bricks' ),
'type' => 'number',
'min' => 1,
'max' => 4,
'placeholder' => 3,
];
$this->controls['order'] = [
'group' => 'query',
'label' => esc_html__( 'Order', 'bricks' ),
'type' => 'select',
'options' => $this->control_options['queryOrder'],
'inline' => true,
'placeholder' => esc_html__( 'Descending', 'bricks' ),
];
$this->controls['orderby'] = [
'group' => 'query',
'label' => esc_html__( 'Order by', 'bricks' ),
'type' => 'select',
'options' => $this->control_options['queryOrderBy'],
'inline' => true,
'placeholder' => esc_html__( 'Random', 'bricks' ),
];
$this->controls['taxonomies'] = [
'group' => 'query',
'label' => esc_html__( 'Common taxonomies', 'bricks' ),
'type' => 'select',
'options' => Setup::$control_options['taxonomies'],
'multiple' => true,
'default' => [
'category',
'post_tag'
],
'description' => esc_html__( 'Taxonomies related posts must have in common.', 'bricks' ),
];
// LAYOUT
$this->controls['gap'] = [
'group' => 'layout',
'label' => esc_html__( 'Gap', 'bricks' ),
'type' => 'number',
'units' => true,
'css' => [
[
'property' => 'gap',
'selector' => 'ul',
],
],
'placeholder' => '30px',
];
$this->controls['columns'] = [
'group' => 'layout',
'label' => esc_html__( 'Posts per row', 'bricks' ),
'type' => 'number',
'min' => 1,
'max' => 6,
'css' => [
[
'selector' => 'ul',
'property' => 'grid-template-columns',
'value' => 'repeat(%s, 1fr)', // NOTE: Undocumented (@since 1.3)
],
[
'selector' => 'ul',
'property' => 'grid-auto-flow',
'value' => 'unset',
],
],
'placeholder' => 3,
];
// FIELDS
$this->controls['content'] = [
'group' => 'fields',
'type' => 'repeater',
'selector' => 'fieldId',
'titleProperty' => 'dynamicData',
'default' => [
[
'dynamicData' => '{post_title:link}',
'tag' => 'h3',
'dynamicMargin' => [
'top' => 10,
],
'id' => Helpers::generate_random_id( false ),
],
[
'dynamicData' => '{post_date}',
'id' => Helpers::generate_random_id( false ),
],
[
'dynamicData' => '{post_excerpt:20}',
'dynamicMargin' => [
'top' => 10,
],
'id' => Helpers::generate_random_id( false ),
],
],
'fields' => [
'dynamicData' => [
'label' => esc_html__( 'Dynamic data', 'bricks' ),
'type' => 'text',
],
'tag' => [
'label' => esc_html__( 'HTML tag', 'bricks' ),
'type' => 'select',
'options' => [
'div' => 'div',
'p' => 'p',
'h1' => 'h1',
'h2' => 'h2',
'h3' => 'h3',
'h4' => 'h4',
'h5' => 'h5',
'h6' => 'h6',
],
'inline' => true,
'placeholder' => 'div',
],
'dynamicMargin' => [
'label' => esc_html__( 'Margin', 'bricks' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
],
],
],
'dynamicPadding' => [
'label' => esc_html__( 'Padding', 'bricks' ),
'type' => 'spacing',
'css' => [
[
'property' => 'padding',
],
],
],
'dynamicBackground' => [
'label' => esc_html__( 'Background color', 'bricks' ),
'type' => 'color',
'css' => [
[
'property' => 'background-color',
],
],
],
'dynamicBorder' => [
'label' => esc_html__( 'Border', 'bricks' ),
'type' => 'border',
'css' => [
[
'property' => 'border',
],
],
],
'dynamicTypography' => [
'label' => esc_html__( 'Typography', 'bricks' ),
'type' => 'typography',
'css' => [
[
'property' => 'font',
],
],
],
],
];
// IMAGE
$this->controls['noImage'] = [
'group' => 'image',
'label' => esc_html__( 'Disable', 'bricks' ),
'type' => 'checkbox',
];
/**
* Image aspect ratio (remove control from style tab)
*
* @since 1.9.7
*/
unset( $this->controls['_aspectRatio'] );
$this->controls['_aspectRatio'] = [
'group' => 'image',
'label' => esc_html__( 'Aspect ratio', 'bricks' ),
'type' => 'text',
'inline' => true,
'dd' => false,
'css' => [
[
'selector' => 'img',
'property' => 'aspect-ratio',
],
],
];
$this->controls['imageSize'] = [
'group' => 'image',
'label' => esc_html__( 'Image size', 'bricks' ),
'type' => 'select',
'options' => $this->control_options['imageSizes'],
'inline' => true,
'placeholder' => esc_html__( 'Default', 'bricks' ),
'required' => [ 'noImage', '=', '' ],
];
$this->controls['imagePosition'] = [
'group' => 'image',
'label' => esc_html__( 'Position', 'bricks' ),
'type' => 'select',
'options' => [
'top' => esc_html__( 'Top', 'bricks' ),
'right' => esc_html__( 'Right', 'bricks' ),
'bottom' => esc_html__( 'Bottom', 'bricks' ),
'left' => esc_html__( 'Left', 'bricks' ),
],
'inline' => true,
'placeholder' => esc_html__( 'Top', 'bricks' ),
'required' => [ 'noImage', '=', '' ],
];
$this->controls['imageHeight'] = [
'group' => 'image',
'label' => esc_html__( 'Height', 'bricks' ),
'type' => 'number',
'units' => true,
'small' => false,
'css' => [
[
'property' => 'height',
'selector' => 'img',
],
],
'required' => [ 'noImage', '=', '' ],
];
$this->controls['imageWidth'] = [
'group' => 'image',
'label' => esc_html__( 'Width', 'bricks' ),
'type' => 'number',
'units' => true,
'small' => false,
'css' => [
[
'property' => 'width',
'selector' => 'img',
],
],
'required' => [ 'noImage', '=', '' ],
];
$this->controls['imageMargin'] = [
'group' => 'image',
'label' => esc_html__( 'Margin', 'bricks' ),
'type' => 'spacing',
'css' => [
[
'property' => 'margin',
'selector' => 'figure',
],
],
'required' => [ 'noImage', '=', '' ],
];
// CONTENT
$this->controls['contentWidth'] = [
'group' => 'content',
'label' => esc_html__( 'Width', 'bricks' ),
'type' => 'number',
'units' => true,
'css' => [
[
'property' => 'width',
'selector' => '.post-content',
],
],
];
$this->controls['contentPadding'] = [
'group' => 'content',
'label' => esc_html__( 'Padding', 'bricks' ),
'type' => 'spacing',
'css' => [
[
'property' => 'padding',
'selector' => '.post-content',
],
],
];
$this->controls['contentBackground'] = [
'group' => 'content',
'label' => esc_html__( 'Background color', 'bricks' ),
'type' => 'color',
'css' => [
[
'property' => 'background-color',
'selector' => '.post-content',
],
],
];
$this->controls['overlay'] = [
'group' => 'content',
'label' => esc_html__( 'Overlay content', 'bricks' ),
'type' => 'checkbox',
];
$this->controls['overlayAlignItems'] = [
'group' => 'content',
'label' => esc_html__( 'Horizontal alignment', 'bricks' ),
'type' => 'align-items',
'exclude' => 'stretch',
'css' => [
[
'property' => 'align-items',
'selector' => '.post-content',
],
],
'required' => [ 'overlay', '!=', '' ],
];
$this->controls['overlayJustifyContent'] = [
'group' => 'content',
'label' => esc_html__( 'Vertical alignment', 'bricks' ),
'type' => 'justify-content',
'exclude' => 'space',
'css' => [
[
'property' => 'justify-content',
'selector' => '.post-content',
],
],
'required' => [ 'overlay', '!=', '' ],
];
}
public function render() {
$settings = $this->settings;
$post_id = $this->post_id;
global $post;
$post = get_post( $post_id );
$root_classes = [ 'bricks-related-posts' ];
if ( isset( $settings['overlay'] ) ) {
$root_classes[] = 'overlay';
}
if ( ! isset( $settings['noImage'] ) && isset( $settings['imagePosition'] ) ) {
$root_classes[] = "image-{$settings['imagePosition']}";
}
$this->set_attribute( '_root', 'class', $root_classes );
// Use Bricks Query instead of WP_Query (@since 1.9.3)
$args = Helpers::populate_query_vars_for_element( $this->element, $post_id );
// Add query_settings to element_settings under query key
$this->element['settings']['query'] = $args;
// Run Bricks query
$related_posts_query = new Query( $this->element );
$related_posts_results = $related_posts_query->query_result;
// Destroy query to explicitly remove it from the global store
// $related_posts_query->destroy();
$content_fields = $settings['content'] ?? false;
$image_size = $settings['imageSize'] ?? 'medium';
if ( $related_posts_query->count && ( $content_fields || ! isset( $settings['noImage'] ) ) ) {
echo "<div {$this->render_attributes( '_root' )}>";
// Title (@since 1.11)
$title = ! empty( $settings['title'] ) ? $this->render_dynamic_data( $settings['title'] ) : false;
if ( $title ) {
$title_tag = isset( $settings['titleTag'] ) ? Helpers::sanitize_html_tag( $settings['titleTag'], 'h2' ) : 'h2';
echo "<{$title_tag} class=\"related-posts-title\">" . esc_html( $settings['title'] ) . "</{$title_tag}>";
}
echo '<ul class="related-posts">';
global $post;
// Set $bricks_query (@since 1.10.2)
$this->set_bricks_query( $related_posts_query );
$this->start_iteration();
foreach ( $related_posts_results->posts as $post ) {
setup_postdata( $post );
// (@since 1.10.2)
$this->set_loop_object( $post );
echo '<li class="repeater-item">';
// Image
if ( ! isset( $settings['noImage'] ) && has_post_thumbnail() ) {
echo '<figure>';
echo '<a href="' . get_the_permalink() . '">';
$image_atts = [ 'class' => 'image css-filter' ];
echo wp_get_attachment_image( get_post_thumbnail_id( get_the_ID() ), $image_size, false, $image_atts );
echo '</a>';
echo '</figure>';
}
// Content
if ( is_array( $content_fields ) && count( $content_fields ) ) {
echo '<div class="post-content">' . Frontend::get_content_wrapper( $settings, $content_fields, $post ) . '</div>';
}
echo '</li>';
// (@since 1.10.2)
$this->next_iteration();
}
echo '</ul>';
echo '</div>';
wp_reset_postdata();
// (@since 1.10.2)
$this->end_iteration();
} else {
return $this->render_element_placeholder( [ 'title' => esc_html__( 'This post has no related posts.', 'bricks' ) ] );
}
}
}