Сергей Еремин

Давайте я погуглю за вас:
https://webref.ru/recipe/2687
Правда это не по числу символов, а в размер блока... но тем не менее... Для обрезки по числу символов, по хорошему, для корректной орфограии надо городить скрипт расстановки переносов &shi; и вычислять на каком месте сделать "обрезание" и установку многоточия...

отрабатывать соответствующую функцию отображения нужных боков по событию mouseover...

Дизайн -- это производная от моды. Если вы не кутюрье с именем и громадным ресурсом репутации своего модельного дома, то никакой моды ни в парфюме, ни в расцветке тканей, ни в прическах или чем-то там еще вы не создадите. Вы можете сделать удобно, практично, нигде не жмет -- не это не будет называться "стильно", "модно", "дизайнерски".... Остается только наедятся, что вам вам попадется заказчик который имея весь необходимый репутационный ресурс сделает ваше способ делать удобно-практично-нежмет -- модой. Но это должно быть точно "удобно-практично-нежмет"

Про Wordpress не знаю, он php-шный, а все что на Python отлично синхронизировать через обычые Dropbox, copy.com и прочие webdaw... Настраиваешь виртуальные окружения и хранить их рядом с проектом. После на каждой из своих машин цепляешь эти окружения и все. Операционка не имеет значения.

Для php, предполагаю, можно найти похожее решение.

Блин… что за советы… там есть встроенный класс: navbar-fixed-bottom

<div class="navbar-fixed-bottom row-fluid">
      <div class="navbar-inner">
          <div class="container">

Э… ну раз «раскрасить столики в кафе» то решения прямолинейно как луч света! Прост покрасить их разными цыетами в реале. Далее се просто «Ваш столик „Зеленый в желтый горошек“ в „Красном зале“… :)