Support Forum - Topic: Dynamic Blog Template With Neat Meta Data

Support Forum - Topic: Dynamic Blog Template With Neat Meta Data http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data Support Forum - Topic: Dynamic Blog Template With Neat Meta Data en-US Mon, 20 May 2013 19:51:50 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-97481 Tue, 19 Feb 2013 18:13:10 +0000 Nick 97481@http://www.kriesi.at/support/ Hi, Please add these to the end of Quick CSS or /css/custom.css . I modified the first one, but you should modify the second one to make that number less. The third one, please paste as is. 1) You can change the 20 to whatever you want. right now it is at 0. <pre><code>#top .post-entry img { padding-bottom: 20px !important; }</code></pre> 2) Right now the distance between each blog post is 50px as is shown below, please change that to what you like. <pre><code>#top.page .post-entry { padding-bottom: 50px !important; }</code></pre> 3) <pre><code>#top .sidebar_left .template-blog .blog-meta { float: left !important; margin: 0 0 0 0px !important; }</code></pre> Thanks, Nick siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-97185 Mon, 18 Feb 2013 08:19:14 +0000 siobhan13 97185@http://www.kriesi.at/support/ Hi Nick, Thanks for the new code. It works perfectly! I put the php in front of the excerpt code that you gave by mistake. Do I need to add it somewhere else as well or leave it as the new code seems to be working fine? Also... 1. I would like to create more of a space between the image and the title of the blog post. 2. I would like to lessen the gaps between the blog posts as they are quite far apart. 3. We have a secondary blog in our Help Centre with a few blog posts like this one here <a href="http://etool.net.au/support/40_release_notes/etool-again-leading-building-lca-software-2/" rel="nofollow">http://etool.net.au/support/40_release_notes/etool-again-leading-building-lca-software-2/</a>. I haven't added the image headers yet, but the meta data is still looking odd with a longer line underneath than above. Any suggestions? Many thanks, Siobhan Nick on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96855 Fri, 15 Feb 2013 01:02:19 +0000 Nick 96855@http://www.kriesi.at/support/ Hi, Upload seems to work, though you didnt show the upload text box after you saved the page. If the image url is still there that's fine. The problem is that the code that is supposed to execute the image instead gets displayed on the page as though it is text. Please delete the code I gave you before, and in its place, please paste this <pre><code><?php $blog_feature_image1 = get_post_meta($post->ID, 'nick_featured-image-blog', true); if(isset($blog_feature_image1) && $blog_feature_image1) { echo '<img src="'.$blog_feature_image1.'" width="618" height="177" >'; } ?></code></pre> I could see in your video, that you did not add the <?php to the start of the code and ?> at the end of the code. Please do this, and things will start working again. Thanks for the video. Nick siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96646 Thu, 14 Feb 2013 03:07:54 +0000 siobhan13 96646@http://www.kriesi.at/support/ Hi Nick, 1. I've updated with the additional PHP beginnings and endings and looks fine now. 2. CSS worked as well and the meta data is much neater. 3. Thanks a lot for doing the screen-cast - I've made one to show you how I've been doing it (same as you did in the video) but the outcome is not the same. The image still isn't showing up on the blog or post pages. Obviously there is nothing wrong with the code you've written as it works on your example :), but this is why I'm thinking there is a code conflict in my edited theme. Here is the screen-cast <a href="http://www.screencast.com/t/Cv7z10k3d" rel="nofollow">http://www.screencast.com/t/Cv7z10k3d</a> Let me know what you think. Thanks, Siobhan Nick on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96571 Wed, 13 Feb 2013 18:32:04 +0000 Nick 96571@http://www.kriesi.at/support/ Hi, For this page > <a href="http://etool.net.au/eblog/" rel="nofollow">http://etool.net.au/eblog/</a> Your line numbers and mine must not match in file loop-index.php. Would you put this in front of the code I gave you inside loop-index.php <pre><code><?php</code></pre> and this behind the code I gave your previously <pre><code>?></code></pre> 2> Here is the css for the meta location, and please add it to the end of the custom.css file or to Quick CSS: <pre><code>#top .small_image .blog-meta { width: 610px !important; }</code></pre> 3> Here is a screen-cast I made for you showing the process. <a href="https://docs.google.com/file/d/0B8hqGBMSfHtKZlUydlIzX1NnYkE/edit?usp=sharing" rel="nofollow">https://docs.google.com/file/d/0B8hqGBMSfHtKZlUydlIzX1NnYkE/edit?usp=sharing</a>\ Thanks, Nick siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96441 Wed, 13 Feb 2013 02:17:03 +0000 siobhan13 96441@http://www.kriesi.at/support/ Hi Nick, Thanks for all your help :) 1. I've added the excerpt code in, replacing this line which worked fine - the_content(__('Read more →','avia_framework')); 2. For the meta data, space and line issue, here is how it looks for me <a href="http://i.imgur.com/inPvaeq.png" rel="nofollow">http://i.imgur.com/inPvaeq.png</a> 3. I've clicked "Insert Into Post" and the URL isn't showing in the box (same as before) but if I click Link URL and then insert into post, the link shows in the box. However after hitting update post, the image isn't showing on the blog homepage or individual post page, just the code and an image box. As I mentioned I also cannot add media into the post through the usual "insert into post" way which is why I'm thinking there might be a conflict somewhere. Any ideas? Thanks, Siobhan Nick on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96375 Tue, 12 Feb 2013 16:03:36 +0000 Nick 96375@http://www.kriesi.at/support/ Hi, Code on pastebin is fine since I created and tested it out locally before pasting it there. Please add the code back. 1) To get the excerpt on blog list page please find the code in /includes/loop-index.php which looks like (around line 119) <pre><code>if(has_tag() && is_single())</code></pre> and add the code below *before* that line <pre><code>if(is_single()){ the_content(__('Read more →','avia_framework')); }else{ the_excerpt(); }</code></pre> 2. Please provide an illustration, pointing to what you are referring to. 3) Have you clicked the ''Insert into Post' after selecting and uploading the image? 4 & 5) You need to first correctly add the image in step 3 . Please look at this image, and notice the Insert into Post button, that is the button you need to click when adding a blog image. Thanks, Nick siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96314 Tue, 12 Feb 2013 08:40:54 +0000 siobhan13 96314@http://www.kriesi.at/support/ Hi Nick, I've taken the Code for line 15 out so that it doesn't show on the blog page, but I've also noticed that when I try to add pictures normally inside the blog post it's not inserting them. It's going through the motions, but not image is showing. Maybe something wrong with the code from Pastebin? <a href="http://pastebin.com/7tWgQUKb" rel="nofollow">http://pastebin.com/7tWgQUKb</a> Hope you have a fix I can use! Thanks, Siobhan siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-96091 Mon, 11 Feb 2013 02:23:07 +0000 siobhan13 96091@http://www.kriesi.at/support/ Hi Nick, Thanks for you help. I've followed the steps above and have encountered a few problems... 1. The blog landing page is still showing full blog posts instead of extracts - <a href="http://etool.net.au/eblog/" rel="nofollow">http://etool.net.au/eblog/</a> 2. The meta data is still looking odd, there is a lot of white space between the bits of information and the bottom line of the data is longer than the top line. 3. Once I added the code, the additional upload field appeared in the post editing section but when I added a picture, the URL didn't show. I tried adding a few different images, in gallery, media library and from my computer but nothing happened. 4. So the images aren't showing up on the blog landing page or individual page just boxes where it should be. 5. Code is also showing up next to where the image is supposed to be - would this still be there if an image was attached? I think having the large 618x177 image would be fine with the post extract on the blog landing page instead of a small featured image. Just need a bit more help to fix the issues please! Do you think it could be a conflict in the CSS or loop-index.PHP? I have followed a number of other support threads and made some changes so that might be the problem... Thanks, Siobhan Nick on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-95915 Sat, 09 Feb 2013 00:00:08 +0000 Nick 95915@http://www.kriesi.at/support/ Hi, To fix the meta data please add this to Quick CSS located in the backend Corona > Theme Options > Styling ... text area at thethe bottom of the page.; or you can also add it to your /css/custom.css file . <pre><code>#top .small_image .blog-meta{float: left;}</code></pre> ----Images I think there may be a temporary issue with the blog images. Here is a quick workaround. 1) Please add the code from this page to the bottom of your functions.php file <a href="http://pastebin.com/7tWgQUKb" rel="nofollow">http://pastebin.com/7tWgQUKb</a> 2) This will create an additional upload field in your Post page. Add the images through there , making sure they are of the correct size. When you add the image you will be given 2 options to either 'use as featured image', or to insert image into post. You need to select 'Insert into Post'. When you return to the Post page, you should see a url to the image located in the images field just as you see here <a href="http://www.clipular.com/c?2046620=DlOEEqL22YZHr8Nd45sjs5hvc24" rel="nofollow">http://www.clipular.com/c?2046620=DlOEEqL22YZHr8Nd45sjs5hvc24</a> 3) Please open /includes/loop-index.php and find line 15 which is the empty line after line 14 which looks like <pre><code><div class='post-entry'></code></pre> please add the code below on line 15 which is empty <pre><code><?php $blog_feature_image1 = get_post_meta($post->ID, 'nick_featured-image-blog', true); if(isset($blog_feature_image1) && $blog_feature_image1) { echo '<img src="'.$blog_feature_image1.'" width="618" height="177" >'; } ?></code></pre> Its just a patch for now, and a proper update should be out in not time at all. Thanks, Nick siobhan13 on "Dynamic Blog Template With Neat Meta Data" http://www.kriesi.at/support/topic/dynamic-blog-template-with-neat-meta-data#post-95797 Fri, 08 Feb 2013 07:31:40 +0000 siobhan13 95797@http://www.kriesi.at/support/ Hey, I'm trying to create a blog that has a small featured image and extract on the Blog Homepage/Landing page and then for each individual post it has two columns with two thirds blog post content and a large featured image at the top with meta data under the title and a sidebar on the right. There have been lots of other threads relating to editing the blog page with suggestions I have followed without success - <a href="http://www.kriesi.at/support/topic/where-are-those-blog-templates" rel="nofollow">http://www.kriesi.at/support/topic/where-are-those-blog-templates</a> Currently, the featured images aren't showing at all - either on the blog homepage or the post page and the metadata isn't sitting neatly under the title. <a href="http://etool.net.au/eblog/" rel="nofollow">http://etool.net.au/eblog/</a> <a href="http://etool.net.au/eblog/design/how-to-design-low-carbon-buildings/" rel="nofollow">http://etool.net.au/eblog/design/how-to-design-low-carbon-buildings/</a> The last few posts layout are set to big preview with right sidebar. I think I'm almost there, just need a few tweak ideas for the Loop-Index.PHP and the CSS. Many thanks, Siobhan