From 289a5b31188179ca0a14de81e2a077e84e5553dd Mon Sep 17 00:00:00 2001 From: jamesvici Date: Tue, 15 Sep 2026 19:22:38 -0400 Subject: [PATCH] Match the theme's post thumbnail sizing, float and excerpt length The front-page/blog listings rendered featured images as 150x150 centre-cropped squares stacked above the text. The theme actually renders them at 210x150 cropped from the left-top corner (set_post_thumbnail_size), floated left with a border so the excerpt wraps beside them -- the CSS for that (#container .attachment-thumbnail) was already ported, the class just was never applied. The left-top anchor matters: every featured image is a 930x354 slide banner whose subject sits in the left portion, so a centre crop cut the subject out entirely. Also restores the "Read the Rest..." link (the theme's excerpt_more filter) and corrects excerpt length -- the theme uses 60 words on the front page and 30 in the slideshow; the export was baking WordPress's default 55 for both. Co-Authored-By: Claude Opus 5 --- scripts/export-wp.mjs | 4 +++- src/components/Slideshow.astro | 5 ++++- src/content/posts/21.md | 2 +- ...ound-calls-outbound-calls-and-email-blended.md | 2 +- .../most-popular-open-source-contact-center.md | 2 +- ...many-different-industries-and-organizations.md | 2 +- ...icidial-open-source-contact-center-solution.md | 2 +- src/pages/blog/index.astro | 12 ++---------- src/pages/index.astro | 15 +++++---------- 9 files changed, 19 insertions(+), 27 deletions(-) diff --git a/scripts/export-wp.mjs b/scripts/export-wp.mjs index 83237c3..6bc8724 100644 --- a/scripts/export-wp.mjs +++ b/scripts/export-wp.mjs @@ -95,7 +95,9 @@ async function exportPostType(conn, postType, destDir, { attachmentPaths, thumbn let excerpt = fixLiteralNewlines(row.post_excerpt || ''); if (!excerpt) { const plain = html.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim(); - excerpt = plain.split(' ').slice(0, 55).join(' '); + // 60 words: what the theme's front-page loop sets ($sbExcerptLength = 60). + // The slideshow truncates this further to 30 at render, as the theme does. + excerpt = plain.split(' ').slice(0, 60).join(' '); } const frontmatter = [`title: ${frontmatterString(row.post_title)}`, `slug: ${frontmatterString(slug)}`]; diff --git a/src/components/Slideshow.astro b/src/components/Slideshow.astro index e82e1ae..e97c8b0 100644 --- a/src/components/Slideshow.astro +++ b/src/components/Slideshow.astro @@ -6,6 +6,9 @@ const allPosts = await getCollection('posts'); const slides = allPosts .sort((a, b) => b.data.date.getTime() - a.data.date.getTime()) .slice(0, 5); + +// The theme sets $sbExcerptLength = 30 for slides, vs 60 for the front-page loop. +const slideExcerpt = (excerpt: string) => excerpt.split(' ').slice(0, 30).join(' '); ---
@@ -20,7 +23,7 @@ const slides = allPosts )}

{post.data.title}

-

{post.data.excerpt}

+

{slideExcerpt(post.data.excerpt)}Read the Rest...

diff --git a/src/content/posts/21.md b/src/content/posts/21.md index f8c8e2c..29d0304 100644 --- a/src/content/posts/21.md +++ b/src/content/posts/21.md @@ -2,7 +2,7 @@ title: "VICIdial Dedicated Hosting" slug: "21" date: "2014-05-16T01:01:16.000Z" -excerpt: "You get your own physical servers in one of our hosting facilities. We have hundreds of servers in our private hosted clusters that we maintain just for our hosted call center services. We only use Tier-3 datacenters with multiple internet backbone connections and redundant power solutions, so you know your service is going to work." +excerpt: "You get your own physical servers in one of our hosting facilities. We have hundreds of servers in our private hosted clusters that we maintain just for our hosted call center services. We only use Tier-3 datacenters with multiple internet backbone connections and redundant power solutions, so you know your service is going to work. For more information about VICIhost" featuredImage: "../../assets/uploads/2018/03/main_page_big_image_small_PRIVATE-CLOUD.png" --- diff --git a/src/content/posts/inbound-calls-outbound-calls-and-email-blended.md b/src/content/posts/inbound-calls-outbound-calls-and-email-blended.md index 82b8ccd..4b41857 100644 --- a/src/content/posts/inbound-calls-outbound-calls-and-email-blended.md +++ b/src/content/posts/inbound-calls-outbound-calls-and-email-blended.md @@ -2,7 +2,7 @@ title: "Inbound Calls, Outbound Calls, Email and Customer Website Chat" slug: "inbound-calls-outbound-calls-and-email-blended" date: "2014-05-16T02:01:46.000Z" -excerpt: "Let your agents handle inbound and outbound phone calls as well as inbound email and customer website chat all together in the same web-based agent interface. With Skills-based routing and Queue Prioritization, you can have calls and emails go to the agents that can handle them the most efficiently. You can also have those agents" +excerpt: "Let your agents handle inbound and outbound phone calls as well as inbound email and customer website chat all together in the same web-based agent interface. With Skills-based routing and Queue Prioritization, you can have calls and emails go to the agents that can handle them the most efficiently. You can also have those agents handling outbound calls when the" featuredImage: "../../assets/uploads/2018/03/main_page_big_image_small_CALLS-EMAILS.jpg" --- diff --git a/src/content/posts/most-popular-open-source-contact-center.md b/src/content/posts/most-popular-open-source-contact-center.md index 0d87b0c..538db06 100644 --- a/src/content/posts/most-popular-open-source-contact-center.md +++ b/src/content/posts/most-popular-open-source-contact-center.md @@ -2,7 +2,7 @@ title: "VICIdial is the Most Popular Open-Source Contact Center" slug: "most-popular-open-source-contact-center" date: "2015-11-16T00:09:41.000Z" -excerpt: "VICIdial is the most popular Open-Source Contact Center Solution in the world. With over 14,000 installations in over 100 countries around the world. The agent screen is available in 16 different languages, with options to easily create your own custom translations as well. We have clients running VICIdial at call centers from 5 to 500" +excerpt: "VICIdial is the most popular Open-Source Contact Center Solution in the world. With over 14,000 installations in over 100 countries around the world. The agent screen is available in 16 different languages, with options to easily create your own custom translations as well. We have clients running VICIdial at call centers from 5 to 500 agents, handling over a million" featuredImage: "../../assets/uploads/2018/03/main_page_big_image_small_POPULAR_20170416.png" --- diff --git a/src/content/posts/vicidial-is-used-in-many-different-industries-and-organizations.md b/src/content/posts/vicidial-is-used-in-many-different-industries-and-organizations.md index ae0c7fa..fb23fb2 100644 --- a/src/content/posts/vicidial-is-used-in-many-different-industries-and-organizations.md +++ b/src/content/posts/vicidial-is-used-in-many-different-industries-and-organizations.md @@ -2,7 +2,7 @@ title: "VICIdial is used in many different industries and organizations" slug: "vicidial-is-used-in-many-different-industries-and-organizations" date: "2016-06-19T12:22:45.000Z" -excerpt: "You can find VICIdial in use at thousands of different companies and organizations all over the world. From a bank in Japan to a social club in the United States, all sorts of organizations trust VICIdial to communicate with their customers and members. Here is a small list of how organizations are using VICIdial on" +excerpt: "You can find VICIdial in use at thousands of different companies and organizations all over the world. From a bank in Japan to a social club in the United States, all sorts of organizations trust VICIdial to communicate with their customers and members. Here is a small list of how organizations are using VICIdial on a daily basis to help" featuredImage: "../../assets/uploads/2018/03/main_page_big_image_small_ORGANIZATIONS.png" --- diff --git a/src/content/posts/video-what-is-the-vicidial-open-source-contact-center-solution.md b/src/content/posts/video-what-is-the-vicidial-open-source-contact-center-solution.md index b6f16c7..b69ef60 100644 --- a/src/content/posts/video-what-is-the-vicidial-open-source-contact-center-solution.md +++ b/src/content/posts/video-what-is-the-vicidial-open-source-contact-center-solution.md @@ -2,7 +2,7 @@ title: "VIDEO: What is the VICIdial Open-Source Contact Center Solution?" slug: "video-what-is-the-vicidial-open-source-contact-center-solution" date: "2017-06-29T01:35:03.000Z" -excerpt: "This video explains what VICIdial is, how Open-Source Software works, why thousands of companies have chosen to use it, who the Vicidial Group is and what services we can offer to you. Would you like to read more about VICIdial? Click here to take a look at our Whitepaper . If you would like to" +excerpt: "This video explains what VICIdial is, how Open-Source Software works, why thousands of companies have chosen to use it, who the Vicidial Group is and what services we can offer to you. Would you like to read more about VICIdial? Click here to take a look at our Whitepaper . If you would like to ask us some questions about" featuredImage: "../../assets/uploads/2018/03/main_page_big_image_small_VIDEO.png" --- diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index ae50aea..1441a26 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -12,18 +12,10 @@ const posts = (await getCollection('posts')).sort((a, b) => b.data.date.getTime( ))}
- - diff --git a/src/pages/index.astro b/src/pages/index.astro index b53b90f..ed6e3bb 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -20,9 +20,12 @@ const posts = (await getCollection('posts')).sort((a, b) => b.data.date.getTime( ))} @@ -32,11 +35,3 @@ const posts = (await getCollection('posts')).sort((a, b) => b.data.date.getTime(
In use at over 14,000 companies in over 100 countries around the world
- -