Wordpress: How to Change Latest Posts Design - php

I want to change the way my 'latest/recent posts' are displayed. Currently they are using a very large thumbnail with a large H1 Heading above it.
I want to make the thumbnail images smaller into a square dimension, and have both the heading (title) and the text directly to the right of that thumbnail image. I'd also like it to be encased in a box/border.
I also want to add a "Latest News" or "Whats New" Banner right above my latest/recent posts.
Keep in mind I am using Wordpress. That being said, which file do I edit/code? And what are the lines.
Here is my current post layout/design: http://puu.sh/74mhm.jpg
and Here is a perfect example of my desired result: http://puu.sh/74mj5.jpg
Thanks in advance all.
Cheers!

Go to your theme and edit the index.php, this is the file that formats your post list. Wordpress has a number of ways to format posts though from CSS to the admin console so editing template files should be your last resort.

Related

Display group of images from gallery

My problem is two-part..
First, I want to grab images from the WP gallery and display in an unordered list. It is a row of company logos, all evenly sized and spaced, so an unordered list seems the best way to display.
Secondly, this should remain incredibly easy to edit by the site admin (no uploading and hovering over things to get ID's and definitely no code manipulation when images change over time).
So how can I grab a set of logos, where there may be 4-7 depending on how many the site admin wants to add, and place them in an unordered list?
If possible, I would like to lock in text for the first and last li with text.
I've searched images and categories, but unless I'm missing something, images to not have category attributes OOB.
You can use visual composer or wp bakery page builder. You can set group image gallery and also single image. you can build your customize page.

How to display all image in a folder with a shortcode for a wordpress post?

How do you insert an image from the server folder to the wordpress post with a shortcode, (i don't wanna insert image manually) ?
I've search from google, and see the plugin that approached my desire:
wordpress.org/plugins/folder-gallery/
an example of using this plugin's shortcode is:
[foldergallery folder = "wp-content/uploads/cars"]
(the plugin search for folder cars, and show the image content)
it's good, the plugin will show gallery with lots of thumbnails,
example result:
but this is not what i want.
I want the result is all image in a folder will show up with full size in the post.
is somebody here know another plugin or another way to make it happen, or maybe to create own shortcode to show full image size?
thanks,
Gerga
Just add the HTML anywhere in the post (preferably in he HTML mode of the Editor)
<img src="/wp-content/folder/car.jpg" style="width: 100%,">

Extract posts from wordpress blog to another site

I'm having a site where i would like to show posts from other blogs. I want to integrate it into my website, therefore i need to scale down the images and place it inside and div. I know i get get the content from the blog /feed?=json, but since i need a little more freedom on the image size, what would be the best solution?
You want to post from a feed into WP directly? If you want work with the content and image size, you might need to add new posts per article.

Adding full-width content or re-structuring layout in Genesis Wordpress Child-Theme?

I want to add two pictures, both floated in opposing directions above the content of my word press theme,
I am going for this: old link
Here is a link to the site I am working on: test link
How could I create a wrap above the content, but below the header, and to take up 100% of the container?
I have tried creating a new wrap in the structure, but that does not work, it creates a container within site-inner. I've tried putting a text widget in the header area, but when I add a margin-top to it, the logo moves with it.
Edit:
I have since found out what I was doing wrong. I am using a genesis theme, and looked up the proper hooks. Ultimately I ended with this code,
add_action('genesis_after_header', 'add_featured_image');
function add_featured_image(){
echo get_the_post_thumbnail( );
}
I used this as a visual reference, genesis_after_header is the location,right after the header in the layout. The code I referenced to earlier allows the user to set a featured image on the page or post panel, and it'll be displayed. If you want to fit it within a column, you will want to add it before content entry.

Question about wordpress plugin

http://demo.thethemefoundry.com/traction/#post-183
Which wordpress plugin is this, to have post image on the left side and shortened version of your post on the right, and read more button below?
Thank you
It could be many different plugins, but you could just place your image first, align left, then use this plugin to get the "Read More"...
http://wordpress.org/extend/plugins/sem-fancy-excerpt/
I use this one on my Wordpress, makes the small excerpt nice and neat.
Hey. I think they don't use any plugin to get post-style like this. You can use WordPress 2,9's new feature - Post Thumbnail Images and aling image left, use excerpt's for text and style cool read more link or button style. Read this great tutorial for the last one - Display Post Excerpts Only in WordPress
I hope this will help you to get what you want ;)

Categories