From plain to fancy: Capturing the Change

Yes­ter­day I was asked to doc­u­ment the tran­si­tion from the pure, sim­ple bootScore site to a fan­cy one. The lat­est ver­sion alone would not visu­al­ize its pre­de­ces­sors. True! To solve that issue, I should inte­grate a slid­er show­ing them as a series of images. And indeed, doing so would also be an oppor­tu­ni­ty to eval­u­ate a good Open-Source image slid­er as part of a bootScore site.

[ en | de ]
ba-fden-bs-pure-1200x718
bb-fden-bs-plus-side­bar-1200x718
bc-fden-bs-plus-fa-1200x718
bd-fden-bc-plus-foot­er-1200x709
be-fden-bs-plus-foot­er-menu-1200x709
bf-fden-bs-foot­er-crl-1200x718
bg-fden-bs-menu-flat-1200x718
bh-fden-bs-menu-deep-closed-1200x718
bj-fden-bs-menu-deep-opened-1200x718
bk-fden-bs-menu-deep-shift­ed-1200x718
bl-fden-bs-fea­tured-image-1200x718
bm-fden-bs-logo-1200x718
bn-fden-bs-tag­cloud-1200x718
bo-fden-bs-recent­posts-1200x718
previous arrow
next arrow

Solution

  • Install the Smart Slid­er 3 plu­g­in.
  • Cre­ate your images in the size of 1200 x (628+x).
  • Upload them to your Word­Press media library.
  • Call Smart Slid­er 3 from the Word­Press back­end.
  • Cre­ate a new project.
  • Assign your images to their slide posi­tions.
  • Set the sizes accord­ing­ly.
  • Enable Auto­play.
  • Reduce the slide dura­tion.
  • Paste the short­code on the desired page.

Background

Smart Slid­er 3 is real Open-Source soft­ware. Its code — offered on Word­Press’ own SVN repos­i­to­ry — is as of today1 reg­u­lar­ly devel­oped.2 Accord­ing to its Readme.txt, Smart Slid­er 3 is licensed under the terms of GPL‑3.0 or lat­er.

Nev­er­the­less, there is also a paid PRO ver­sion. But you do not have to pay for an extend­ed code base — that would not be GPL com­pli­ant — but for an improved ser­vice in terms of updates and pre­pared tem­plates. Thus, we may take Smart Slid­er 3 as real Open-Source soft­ware.

The image size I want­ed to use is the often rec­om­mend­ed size for Fea­tured Images in Word­Press3 1200 x 628. But — in fact — I had to use a bit larg­er sizes for giv­ing a com­plete impres­sion.

  1. 2023.02.06 []
  2. GitHub/wp-plu­g­ins con­tains dep­re­cat­ed code, that of Smart Slid­er 2. []
  3. Pars pro toto: dreamhost []
To top