Dev {Tricks}

You are here: Home / Archives for Wordpress

by Leave a Comment

wp_reset_query for Service

 

<?php
global $post;
$args = array( 'posts_per_page' => 6, 'post_type'=> 'service', 'orderby' => 'menu_order', 'order' => 'ASC' );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
 
<?php 
   $service_link= get_post_meta($post->ID, 'service_link', true); 
?>
 
<div class="col-sm-6 col-md-4">
	<div class="services-tiem">
		<?php the_post_thumbnail('thumbnail', array( 'class' => 'hvr-buzz-out' )); ?>
		<h3><a href="<?php echo $service_link; ?>"><?php the_title(); ?></a></h3>
		<p><?php the_content(); ?></p>
	</div>
</div>
    
<?php endforeach; wp_reset_query(); ?>

 

by Leave a Comment

wp_reset_query for Intro

<?php
global $post;
$args = array( 'posts_per_page' => 5, 'post_type'=> 'feature', 'orderby' => 'menu_order', 'order' => 'ASC' );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
<div class="col-md-4">
	<div class="single-intro"> 
		<div style="background-image: url(<?php the_post_thumbnail_url('large'); ?>);" class="intro-img"></div>
		<div class="intro-details text-center">
			<h3><?php the_title(); ?></h3>
			<p><?php the_content(); ?></p>
		</div>
	</div>
</div>                                
<?php endforeach; wp_reset_query(); ?>

 

by Leave a Comment

wp_reset_query for Slider

<?php
global $post;
$args = array( 'posts_per_page' => 5, 'post_type'=> 'slide', 'orderby' => 'menu_order', 'order' => 'ASC' );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
 
<?php 
   $btn_text= get_post_meta($post->ID, 'btn_text', true); 
   $btn_link= get_post_meta($post->ID, 'btn_link', true); 
?>
 
<div style="background-image: url(<?php the_post_thumbnail_url('large'); ?>);" class="homepage-slider">
	<div class="display-table">
		<div class="display-table-cell">
			<div class="container">
				<div class="row">
					<div class="col-sm-7">
						<div class="slider-content">
							<h1><?php the_title(); ?></h1>
							<p><?php the_content(); ?></p>
							<a href="<?php echo $btn_link; ?>"><?php echo $btn_text; ?> <i class="fa fa-long-arrow-right"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    
<?php endforeach; wp_reset_query(); ?>

 

by Leave a Comment

register_post_type

/** 
* Neuron SLider
* Neuron Features 
* Neuron Services
**/

function neuron_custom_posts() {
    
    // Neuron SLider
    register_post_type( 'slide',
        array(
            'labels' => array(
                'name' => __( 'Slides' ),
                'singular_name' => __( 'Slide' ),
                'menu_name' => __( 'Sliders' ),
                'all_items' => __( 'Slides' ),
                'add_new' => __( 'Add New' ),
                'add_new_item' => __( 'Add New Slide' ),
            ),
            'supports' => array('title', 'editor', 'custom-fields', 'thumbnail', 'page-attributes'),
            'public' => false,
            'show_ui' => true
        )
    );
    
    // Neuron Features
    register_post_type( 'feature',
        array(
            'labels' => array(
                'name' => __( 'Features' ),
                'singular_name' => __( 'Feature' )
            ),
            'supports' => array('title', 'editor', 'custom-fields', 'thumbnail', 'page-attributes'),
            'public' => false,
            'show_ui' => true
        )
    );
    
    // Neuron Services
    register_post_type( 'service',
        array(
            'labels' => array(
                'name' => __( 'Services' ),
                'singular_name' => __( 'Service' )
            ),
            'supports' => array('title', 'editor', 'custom-fields', 'thumbnail', 'page-attributes'),
            'public' => false,
            'show_ui' => true
        )
    );
	
}
add_action('init','neuron_custom_posts');

 

by Leave a Comment

Dropdown Menu | WordPress Sub-Menu

/*dropdown*/
ul.sub-menu {
  position: absolute;
  width: 300px;
  background: #fff;
  list-style: none;
  margin: 0px;
  padding: 0;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;  
  transition: 0.3s;
}
ul.sub-menu li {
  border-bottom: 1px solid #ccc;
}
ul.sub-menu li a {
  display: block;
  padding: 8px 15px;
  color: #333;
}
li:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  margin-top: 1px;
}
ul.sub-menu li a:hover {
    color: #3452ff;
}