Александр Голубев

Мне интересно, я не работал в студии, но меня всегда смущало, что весь исходный код проектов доступен всем через google big query, ни кого это не смущает?

Покупать статьи с ссылками, вот например хабр рекламирует подобный сервис. special.habrahabr.ru/webartex

С хорошей SEO оптимизацией статья поднимется до топ10-20 запросов, но не войдет в топ 5.
Потому, что в топ 5 тоже хорошая SEO оптимизация и у вас одинаковые балы за нее.

Тут уже решают внешние ссылки, сайт визитка без внешних ссылок будет иметь очень мало посетителей из поисковиков.

Но вы можете покупать рекламу за клики, если продаете товар, или заказывать рекламу в сообществах ВК, Фейсбука, Ютубуа и т.д.

Визитка плохо собирает трафик из поисковиков.

Пример в вопросе нерабочий.

А в общем самый простой вариант добавить :after к полосе прогресса, тогда он будет ползти сразу в конце полосы загрузке.
Статья про CSS прогресс бары:
aleksandrgolubevblog.ru/css-progress-bar-s-menyayu...

На примере прогресс бара в статье как можно реализовать:
Добавить код:

.progress-bar span:after {
    content: "";
    display: block;
    height: 53px;
    width: 6px;
    background-color: aqua;
    margin-left: 100%;
}

И вот что мы получим:
codepen.io/piocan/pen/OMPegE

Конкретно для вашего случая нужно добавить вместо Background-color - Background с url изображения.

Мне кажется "криво" это непосредственно сам факт того, что вы виджетом меняете полностью шаблон страницы, зачем? Когда можно просто сделать шаблон страницы?

Виджет как правило просто какой-то отдельных блок с информацией, а не весь контент. Если вы делаете календарь во всю страницу, это не виджет, это календарь. Подмена понятий.

Терминология:
Виджет — это небольшой информационный блок, размещенный на главной странице Яндекса. Обычно он содержит данные или сервис другого сайта, например, новости, последние сообщения в форуме, случайный анекдот, поиск по вакансиям и так далее.
Взято с https://yandex.ru/support/widgets/

Создайте файл например Custom-page.php
и укажите вначале
<?php
/*
*
* Template Name: Название шаблона
*
*/
?>
После этого при добавлении страницы вы сможете его указать внизу справа в разделе Атрибуты страницы- Шаблон

Ну и конечно не забудьте про то, что к этому файлу надо подтянуть шапку и футер

Очевидно что на сайте с которого вы хотите скопировать бекграунд стоит particles.js которые вы можете поставить себе по ссылке ниже, там можно настроить разные варианты бекграунда.

vincentgarreau.com/particles.js

Нужно исправить в классе .tng ul li img - margin-right, например на 33px, и у вас будет большой отступ.

.tng ul li img {
  margin-right: 5px;
    margin-bottom: -4px;
}

Для веб разработка пробовал Adobe Muse, неплохой визуальный редактор, выдает быстрые страницы, но ужасный код как и у других визуальных редакторов.

Если интересуют средства для веб разработки, то в качестве визуального редактора Webflow будет лучше:
Статья про его сильные стороны на русском: aleksandrgolubevblog.ru/webflow-konstruktor-saytov...
Сам редактор: https://webflow.com/

Я же использую в последнее время только Photoshop и иногда Illustrator. От wysiwyg редакторов отошел и от фреймворков тоже, для создания шаблонов CMS лучше всего писать самому.

Вопрос который определит вашу проблему,
У вас виртуальный хостинг? Не VPS?

В виртуальном хостинге файл htaccess не позволяет влиять на настройки сервера, единственное что в нем можно настроить, это максимум php кеширование, которое можно реализовать и без него.
Даже кеширование изображений недоступно.

Добрый день.
Вот то, что вам нужно: mentor-framework.ru/?p=216

Нужно создать див с контентом в нем, а после спрятать его и показывать при клике, наведении курсора.

В примере нет перемещения с помощью Z-index, но лучше добавить.

Можно спрятать стандартный элемент и сделать новый, вот так:
mentor-framework.ru/?p=157

Дополнительно указать текст в Alt и Title ссылки.

Можно реализовать всплывающий текст вот так: mentor-framework.ru/?p=216
Через скрытый блок через opacity:0; и анимацию при клике, или наведении.

Посмотреть на материал который продается и который сейчас в тренде: например themeforest.net/category/psd-templates

Сравнить топовые работы со своими и пытаться улучшить свои работы.
Можете "заимствовать как художник" и обязательно прочитайте это:
habrahabr.ru/company/iloveip/blog/261857
habrahabr.ru/company/iloveip/blog/263061

Нужно делать через display none, вот пример: http://mentor-framework.ru/слайдер/

Это меню сделано по такому принципу,

У вас сбились ссылки, посмотрите куда ведут сейчас ссылки, потом приведите к похожему виду в Настройки - Постоянные ссылки

Думаю пример по ссылке вам поможет: webuchitel.ru/JavaScript/js_07.html#input и webuchitel.ru/JavaScript/js_13.html

Вам поможет List.js, простой, легкий и эффективный скрипт.

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

Большую часть ваших задач за вас уже решили в CMS и дополнительных модулях, плагинах.
Административная панель очень удобная штука.