I am curious if there is a way to output an excerpt of the post txt into a sidebar, but only the sidebar for that post.
What I have tried is using the get_content loop in the single.php into a custom sibar that I have created inside another DIV, but it displays the post txt, Comments and images in the sidebar.
<div id="Sidebar">
<?php the_content(); ?>
</div>
Question: Is there anyway to display Post text in the sidebar?
You could do this:
<div id="sidebar">
<?php
the_content();
//display only on post page
if(is_single()){
the_excerpt();
}
</div>
Hope that works!
Related
I have used a wordpress plugin (Add Featured Image Custom Link) to insert custom url to the featured image.
I have two functionalities in my portfolio:
when the user click on image it will popup the image; this is working properly.
the anchor tag I have used for the link which I have added to featured image I want to redirect to the website of which I have added the link on featured image
How do I do #2
<div class="option inner">
<div>
<h5><?php the_title(); ?></h5>
<?php
$url = get_the_post_thumbnail_url(get_the_ID(),'full');
?>
</div>
</div>
If you want to get the input from the (Add Featured Image Custom Link) WordPress Plugin it's easy. This code will add the link if the input is not empty.
<div class="option inner">
<div>
<h5><?php the_title(); ?></h5>
<?php
$cust_li_fi_value = get_post_meta( $post->ID, '_custom_url_image', true );
if( $cust_li_fi_value ) { ?>
<?php }
?>
</div>
</div>
Cheers,
Happy Coding :)
I got my solution by one way i think it is not the proper way
that is, inplace of i wrote the funciton the_content
and inside editor of the wordpress i use the custome html like this
For my project http://www.merekhayaal.com/ (Magento CMS) I am trying to get the Masonry layout and product sliders full width. They are currently 960px which is because they are contained in the div 'main'. The Masonry layout is getting its images from the class 'content', which apprarently linked to Content > HomePage > Pages > CMS > Magento.
When I try to move the 'content' class in 1column.phtml to outside 'main' (whose width is set to 960px) i get the desired result but it also causes content in other pages like Contact us, etc to go full width, which breaks the site design.
Is it possible for a div to be bigger than its parent div? Any suggestions what should I do?
The best solution would be to create a new layout specifically removing the contained div "main", and assign it to your homepage.
Documentation on how to create a new layout template:
http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/0_-_theming_in_magento/adding_cms_layout_templates
I was running behind a similar solution, and I did the following: cloned the [layoutcolumn].phtml desired in [package]/[theme]/template/page and put the slider block within the div page, like this:
<div class="page">
<?php echo $this->getChildHtml('header') ?>
<div class="main-container col1-layout">
<div class="main">
<?php echo $this->getChildHtml('breadcrumbs') ?>
</div>
</div>
<?php echo $this->getLayout()->createBlock('[myslide]/[myslide]')->setTemplate('[myslide]/[myslide].phtml')->toHtml();?>
<div class="main-container col1-layout">
<div class="main">
<div class="col-main">
<?php echo $this->getChildHtml('global_messages') ?>
<?php echo $this->getChildHtml('content') ?>
</div>
</div>
</div>
<?php echo $this->getChildHtml('footer_before') ?>
<?php echo $this->getChildHtml('footer') ?>
<?php echo $this->getChildHtml('global_cookie_notice') ?>
<?php echo $this->getChildHtml('before_body_end') ?>
</div>
So I did not lose the design of other blocks.
I don't know if it's the best solution, but it worked.
I'm looking to be able to add blog posts to a page I created, as well on the front page too. So, I'd like to have the blog post about sports, show up on my front page and also on my Sports page. Is this possible?
I don't just want to categorize them and tag them, I want it to show on the specific page created for sports.
Any help from you guys would be much appreciated. Thank you!
Here's a few links that might help you along.
http://codex.wordpress.org/Page_Templates
http://codex.wordpress.org/The_Loop
http://codex.wordpress.org/Class_Reference/WP_Query
Try placing this file in your theme folder and choosing it as your template for your page. You'll also need to change the category number at the top. You can refine it further by copying and pasting code from your index.php file in your theme folder. Mix and match elements to get it closer to what you need. Good luck!
<?php
/*
Template Name: Custom Sports Template
*/
get_header();
query_posts( 'cat=3' );
?>
<div id="content" class="widecolumn">
<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title();?></h2>
<div class="entrytext">
<?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
</div>
<div id="main">
<?php get_search_form(); ?>
<h2>Archives by Month:</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<h2>Archives by Subject:</h2>
<ul>
<?php wp_list_categories(); ?>
</ul>
</div>
<?php get_footer(); ?>
I don't know much php but I have a parallax template and different sections which are technically pages created in wp-admin. So for example page 2 is:
<!-- Section #2 -->
<section id="middle" data-speed="4" data-type="background">
<div class="container">
<?php query_posts('page_id=' . of_get_option('home_page_2', 'no entry' )); while (have_posts()) : the_post(); ?>
<?php global $more;
$more = 0;
the_content(""); ?>
<?php endwhile; ?>
</div>
</section></a>
Now I want to modify the main wp menu at the top to link to this section. I have tried doing it with html so I wrapepd that whole section around an <a id="2"> tag and recalling it in the menu with website.com/#2 and this works partially BUT it now sees that whole section as a hyperlink thus messing up its formatting. Is there another way of doing this with php?
I'm not sure if I understood what you need correctly, but in order to link to an element on the page, you could do the following:
Option 1: Set an id attribute to the element:
<section id="mysection">...</section>
Option 2: create an empty anchor tag with an id attribute at the top of the section element:
<a id="mysection"></a>
<section>
<h2>My Section</h2>
<!-- ... -->
</section>
Then target the section's id with your anchor tag:
Go to My Section
JSFiddle Demo.
I'm trying to use the Wordpress page.ly MultiEdit plugin here:
http://wordpress.org/extend/plugins/pagely-multiedit/
I can't get it to work correctly. I get an error:
Bottom, Left, Bottom, Left region(s) are not declared in the template.
Here's a screenshot.
Here is the code for the template file I created:
<?php
/*
Template Name: Home
MultiEdit: Right
*/
?>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="content">
<?php the_content(); ?>
</div>
<div class="sidecontent">
<?php multieditDisplay(‘Right’); ?>
</div>
<?php endwhile; endif; ?>
<?php get_footer(); ?>
Am I missing something?
Thanks.
I guess I didn't look at your code close enough. You're not calling them twice in the code, you're just not calling them at all. You can still follow the instructions in my answer and it will work.
Couple things here. It looks like you're calling the same two content blocks twice in the same page template. You can't do that. Each one has to have its own unique name. If you're simply trying to get "bottom', "left", and "right" you need to change you're comment code at the top of the page template.
Use this:
/*
Template Name: Home
MultiEdit: Bottom,Left,Right
*/
Then place these where you want the content to be displayed in your page template:
<?php multieditDisplay('Bottom'); ?>
<?php multieditDisplay('Left'); ?>
<?php multieditDisplay('Right'); ?>
Before you do any of that though, click on the "Screen Options" tab in the top corner of the admin page for your home page editor. Then click on the "Custom Fields" option. Then scroll down until you see the "Custom Fields" area and expand it. Then click on the "Show/Hide Multiedit Fields" so that you can see the ones you currently have in there. You need to delete each one of them to clear them from your editor. Follow these instructions and it will work, its an amazing plugin that I've used many times with great success. Once you fix it, please accept my answer. Let me know if you have any other issues with it.
Also, you don't need to use the call inside of a loop, just drop in the one of the three calls where you need it to be in the template. In fact, I'd recommend not using it inside of a loop.