Alexander

Мультиязычность есть? сколько поддоменов?

Для того чтобы ссылки не были битыми, нужно чтобы страницы были в виде обновляющиеся каталогов. Тут скорее всего можно использовать Wordpress. но с очень хорошим новостным плагином . Либо подходящий по функционалу плагин блога. По умолчанию подходящий cms вам не найти
Не используйте специфический cms. найти для него плагин или спецов будет проблемно

Ищите хороший плагин кросс-линка (cross-link) и уже от него отталкивайтесь по вопросу выбора CMS.

Или напишите свой плагин/расширение к нужной вам CMS.

PS: лучше - выпишите в список ФТ, и потом, составьте подробное ТЗ, чтобы всё предусмотреть на этапе проектирования и ничего не забыть.

В обычной CMS я могу прописать вручную ссылку на страницу "морковь" в нужных местах... но одно НО! допустим если изменится урл страницы морковь, всё ссылки станут битыми и нужно будет вручную их править.

В CMS MODx для каждой новой страницы создаётся идентификатор в виде цифры. Вы можете вместо прямой ссылки, указать этот самый идентификатор страницы на которую нужно ссылаться:

<a href="[[~id]]">Морковь</a>

и в таком случае можете хоть сколько угодно раз менять url у страницы, ссылка всегда будет корректно работать. Может в wordpress тоже есть такая возможность, но не знаю точно.

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

https://codepen.io/joshcoody/pen/GqNdrL
https://jsfiddle.net/qL1dpg6j/

location ~ ^/news/item/(?<url>.*)$ {
    return 301 /news/$url$is_args$args;
}

Если правильно понял(через явный вызов)

function pushNotifications (classDiv, text) {
       var pushNoti = {
           classDiv: '',
           text: '',
       };
         pushNoti.classDiv = classDiv;
         pushNoti.text = text;
         var $OuterDiv = $('<div id="successJsButton"></div>')
		          .appendTo($('header'))
		          .addClass(pushNoti.classDiv)
		          .html(pushNoti.text)
		          .fadeIn(3000).slideUp(300).delay(800);
};

Css:

#successJsButton {
	padding: 15px 100px;
	bottom: 20px;
	display: none;
	border-radius: 5px;
	right: 10px;
	position: fixed;
	color: #fff;
	text-align: center;
}
.successJsButtonError {
	background: #e26363 !important;
}
.successJsButtonSuccess {
	background: #9ae263 !important;
}

Пример:

if ( data.success )  pushNotifications('successJsButtonSuccess', data.success);
else  pushNotifications('successJsButtonError', data.error);

лучше svg, но можно и css

<div class="qwe">
        qweqwe
    </div>
    <style>
        .qwe{
            display: inline-block;
            padding: 20px;
            border: 2px solid lightgray;
            position: relative;
        }
        .qwe:before,
        .qwe:after{
            content: '';
            display: block;
            position: absolute;
            top: -2px;
            left: -2px;
            width: 0;
            height: 0;
        }
        .qwe:before{
            border-left: 0 solid green;
            border-bottom: 0 solid green;
        }
        .qwe:after{
            border-top: 0 solid green;
            border-right: 0 solid green;
        }
        .qwe:hover:before,
        .qwe:hover:after{
            border-width: 2px;
            height: calc(100% + 4px);
            width: calc(100% + 4px);
        }
        .qwe:hover:before{
            transition: height 1s linear , width 1s 1s linear ;
        }
        .qwe:hover:after{
            transition: width 1s linear , height 1s 1s linear ;
        }
    </style>

SVG анимация
vivus
DrawSVGPlugin

border-image - неполный бордер можно при помощи её же сделать.

jsfiddle.net/QW01_01/q0yt211p

Как вариант — версия Халява HostCMS. Немного урезаная, но все что надо для интернет магазина есть.