Adding content in Meteor Slider

Adding content in Meteor Slider

Meteor Slider is an awesome slider plugin by Josh. But only one lacks was there with this plugin I think which has been resolved now. You can add content to meteor slider in the following way.

First Copy meteor-slideshow.php from /meteor-slides/includes/ to your theme’s directory to replace the plugin’s default slideshow template.

Then add the following code to show the title of the slider.

1 <p><?php the_title(); ?></p>

That should go directly above the closing slides tag:

1 </div><!-- .mslide -->

To add excerpt to the slider as content add the following code to the theme function file

// Add excerpts to Meteor Slides

	add_post_type_support('slide', 'excerpt');

And then drop this into your custom slideshow template, somewhere within the .mslide div:

<?php // Get the slide post's excerpt

	the_excerpt();?>

Maximum Execution time 30 Second at wordpress

Maximum Execution time 30 Second at wordpress

You can Do it By following

1. By Wp-config.php Changes

set_time_limit(60);

Important – If you are making changes in wp-config.php, then add this line above “/* That’s all, stop editing! Happy blogging. */” comment.

2. In htaccess

php_value max_execution_time 60

<stro

Custom lof Slider for wordpress

Custom lof Slider for wordpress

Put this at header
=======================================================================

<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css”/>
<link rel=”stylesheet” type=”text/css” href=”https://ahsanurrahman.com/jqslider/css/layout.css” />
<link rel=”stylesheet” type=”text/css” href=”https://ahsanurrahman.com/jqslider/css/style2.css” />

<style>

ul.lof-main-wapper li {
position:relative;
}
</style>

<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( ‘thread_comments’ ) )
wp_enqueue_script( ‘comment-reply’ );

/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js”></script>
<!–<script language=”javascript” type=”text/javascript” src=”httpss://ahsanurrahman.com/jqslider/js/jquery.js”></script>–>
<script language=”javascript” type=”text/javascript” src=”httpss://ahsanurrahman.com/jqslider/js/jquery.easing.js”></script>
<script language=”javascript” type=”text/javascript” src=”httpss://ahsanurrahman.com/jqslider/js/script.js”></script>
<script type=”text/javascript”>
$(document).ready( function(){
var buttons = { previous:$(‘#jslidernews2 .button-previous’) ,
next:$(‘#jslidernews2 .button-next’) };
$(‘#jslidernews2′).lofJSidernews( { interval:5000,
easing:’easeInOutQuad’,
duration:1200,
auto:true,
mainWidth:684,
mainHeight:300,
navigatorHeight        : 100,
navigatorWidth        : 310,
maxItemDisplay:3,
buttons:buttons } );
});

</script>

<script src=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”></script>

<script>
$(document).ready(function() {
$(“#tabs”).tabs();
});
</script>

=============================
Body Section
=============================

<div id=”slider”>
<div id=”jslidernews2″ style=”width:980px; height:300px;”>
<div><div></div></div>

<div >Previous</div>

<!– MAIN CONTENT –>

<div style=”width:684px; height:300px;”>

<ul>
<?php query_posts(‘category_name=slider&order=dsc&showposts=12’); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li>
<img src=”<?php bloginfo(‘stylesheet_directory’);?>/images/thumbl_980x340.png” title=”Newsflash 2″ >
<div>

<h4><?php the_title();?></h4>
<p><?php the_excerpt();?>
<a href=”<?php the_permalink();?>”>Read more </a>
</p>
</div>
</li>
<?php endwhile; ?>
<?php endif; ?>
</ul>

</div>

<!– END MAIN CONTENT –>
<!– NAVIGATOR –>

<div>
<div>

<ul>
<?php query_posts(‘category_name=slider&order=dsc&showposts=12’); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li>
<div>
<img src=”<?php bloginfo(‘stylesheet_directory’);?>/images/lofthumbs/791902news3.jpg” />
<h3> <?php the_title();?></h3>

</div>
</li>
<?php endwhile; ?>
<?php endif; ?>
</ul>

</div>

</div>

<!—————– END OF NAVIGATOR ———————>
<div>Next</div>

</div>

</div>

Scroll text or Image without Jquery?

Scroll text or Image without Jquery?

It is really easy to scrolling text (up, down, left, right) to any direction. Someone may think that it need obviously jquery to do so. Even I also thought like that way. But I got a easy solution for that by <marque> tag of HTML. Here is the code that how to do it below

<marquee behavior=”scroll” direction=”up” scrollamount=”5″ scrolldelay=”2″>
<img src=”https://solanoinnovation.yadaridev.com/wp-content/themes/solanoinnovation/images/bestbuy.jpg” alt=”Sponsor – Best Buy” />
<img src=”https://solanoinnovation.yadaridev.com/wp-content/themes/solanoinnovation/images/walmart.jpg” alt=”Sponsor – Best Buy” />
<img src=”https://solanoinnovation.yadaridev.com/wp-content/themes/solanoinnovation/images/nike.jpg” alt=”Sponsor – Best Buy” />

</marquee>

Specific category post to a certain place of theme in WordPress ?

Specific category post to a certain place of theme

 

<h2><a href=”http://mydomain.com/?cat=XXX”>TITLE OF CATEGORY</a></h2>
<?php query_posts(‘category_name=xxxxxxxxxxxx&order=dsc&showposts=12’); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a>
<br clear=”all”><br />
<?php endwhile; ?>
<?php endif; ?>

Contact Form 7 Thank you page

Contact Form 7 Thank you page

The one limitation for Contact Form 7 plugin is that after submitting the form it just shows a text says “your message sent” or something like that. But if we want to redirect visitor to a different page that has a full  content with some more text with thank you confirmation. All you need to do just add the following code to contact form 7 additional setting box that stays at very bottom of a form.

on_sent_ok: "location.replace('url of the page');"

You can set the URL  whatever you like.

But now this technique is deprecated and may not work. So here is the new solution below. Simply add the below code to your theme function.php file

Adding subtitle to your wordpress post

Adding subtitle to your wordpress post

For adding post subtitle simple place the below code in your theme template or wherever you like.

<?php
{ $subtitle = get_post_meta
($post->ID, 'subtitle', $single = true);

if($subtitle !== '') echo $subtitle;} ?>

After this you have to go to your post then create a custom field named “subtitle” and put the value that you want as a subtitle. To see the custom field you have to enable it from screen option from wordpress backend.

That’s all. It’s simple.

Display a Widget in WordPress Theme

Display a Widget in WordPress Theme

It’s really a simple process.

For doing so Just follow the process bellow
First Declayer it in the theme function like bellow

======================================

<?php

if  ( function_exists (‘register_sidebar’))

register_sidebar (array(

‘name’ => __( ‘widget name’, ‘theme name ),

‘before_widget’  => ‘ ‘ ,
‘after_widget’  => ‘ ‘

‘before_title’  => ‘<h2> ‘ ,

‘after_title’  => ‘</h2> ‘ ,

));

 

=======================================

Declare  Widget where you wnat like the way below
=======================================

<div id=”custom_widget”>
<?php is_active_sidebar(‘widget name’); ?>

<?php dynamic_sidebar(‘widget name’); ?>
</div>

=======================================

CSS 3 Web fonts

CSS 3 Web fonts

Now here is simple font replacement alternative for cuffon. You can use CSS3 fontface property. It’s easy to use.

At first you have to put the original font in to a folder. Then delayer the @font-face property at the css like bellow

@font-face { font-family: ab; src: url(‘fonts/Oswald.ttf’)}

Here you have to name the generated font whatever you like. I declared  it here as “ab”. Now call this font name where you want. As an example if you want to use it for “h1” tag. then the code will be like this below

h1 {
  font-family: ab, sans-serif; 
}

Removing default domain index page

Sometimes it happens that you uploaded your web site to your server but it still getting the default page that was assigned by the hosting company. To achieve your actual index page you have to change the nameserver for that domain if you have bought the domain from a company and hosting to other company.

Anyway, if your domain company and hosting company is same then there is no need to change the nameserver.

It also sometimes happen that you will see still the domain page cause nameserver propagated properly.