Орхан Гасанлы

Здравствуйте!
Важно различать понятия верстки и создания новой темы.
Верстка она и в Африке верстка. Состоит из html, css, js.
Другое дело, что вам нужно создать тему для ВП, т.е. интегрировать готовую верстку с рнр кодом согласно кодексу ВП.
1-й этап - верстка макета
2-й этап - создание темы на ВП. И тут вам нужно изучить кодекс ВП для разработчиков и владеть основами рнр

Гуглить не пробовали?) Говорят, иногда помогает...
https://stackoverflow.com/questions/31534746/creat...

function process_pdf( $file ) {

    if( $file['type'] === 'application/pdf' ) {

        // Get the parent post ID, if there is one
        if( isset($_REQUEST['post_id']) ) {
            $post_id = $_REQUEST['post_id'];

            $filename = $file[ 'name' ];
            $filename_wo_extension = basename( $filename, ".pdf" );

            $im = new Imagick();
            $im->setResolution(300, 300);
            $im->readimage( $file[ 'tmp_name' ] ); 
            $pages = $im->getNumberImages();

            $attachments_array = array();

            // iterate over pages of the pdf file
            for($p = 1; $p <= $pages; $p++){
                $im->setIteratorIndex( $p - 1 );
                $im->setImageFormat('jpeg');

                $filename_neu = $filename_wo_extension .'_'. $p .'.jpg';

                // upload new image to wordpress
                // https://codex.wordpress.org/Function_Reference/wp_insert_attachment
                $upload_file = wp_upload_bits($filename_neu, null, $im);
                if (!$upload_file['error']) {

                    $attachment = array(
                        'post_mime_type' => 'image/jpeg',
                        'post_title' => preg_replace( '/\.[^.]+$/', '', $filename_neu),
                        'post_content' => '',
                        'post_status' => 'inherit'
                    );

                    $attachment_id = wp_insert_attachment( $attachment, $upload_file['file'] );

                    if (!is_wp_error( $attachment_id )) {
                        require_once(ABSPATH . "wp-admin" . '/includes/image.php');
                        $attachment_data = wp_generate_attachment_metadata( $attachment_id, $upload_file['file'] );
                        wp_update_attachment_metadata( $attachment_id,  $attachment_data );
                        $attachments_array[] = $attachment_id;
                    }
                }
            }

            // add new images to a gallery (advanced custom fields plugin)
            // http://www.advancedcustomfields.com/resources/update_field/
            update_field( 'field_55b0a473da995', $attachments_array, $post_id );

          $im->destroy();
       }
    }

    return $file;

}

add_filter('wp_handle_upload_prefilter', 'process_pdf' );

https://wordpress.org/plugins/pdf-image-generator/
Гугл, храни тебя!

Для оптимизации я использую плагины:
Fastest Cache + Fastest Cache Premium + Autoptimize. Правильно сконфигурировав эти плагины можно добиться результатов до 100 баллов по PageSpeed. Другой вопрос - а надо ли?
Вообще, использование виз. редакторов чуть усложняет оптимизацию сайта, но тем не менее это возможно. Ну и в целом обратите внимание на размеры и вес фото, на хостинг, на используемые плагины и на многое другое. Желательно использовать меньше внешних скриптов или подгружать их асинхронно

Здравствуйте!
Использовал давным давно этот плагин оптимизации и кеширования, но в конечном итоге остановился на плагине Fastest Cache + Fastest Cache Premium. Причиной того, почему я использую этот плагин - минимум затрат, максимум эффекта. И до сих пор практически не встречался с ошибками, которые могли быть связаны с этим плагином. Помню один раз была проблема в теме Divi и с этим плагином и то наблюдалась она в браузерах IE.
Попробуйте установить этот плагин и включите все пункты и посмотрите на результат и на то, будет ли ошибка.

Откройте dev tools браузера и проинспектируйте элемент.

Как сделать так, чтобы эти "рамки" были на весь подпункт меню?
Ещё хотелось бы сделать выравнивание текста по центру в подпунктах - что за них вообще отвечает?

Вам нужно тег ul субменю сделать на всю ширину - width:100%; или задать минимальную ширину: min-width:300px;

Чтобы выровнить текст добавьте text-align:center

Как понимать верстаю ли я или натягиваю на ВП? Понимаете, это разные абсолютно вещи.
И вообще верстка не связана с натягиванием на ВП.
Все начинается с работы дизайнера. После чего дизайн отдается верстальщику. Верстальщик с учетом ТЗ верстает шаблон используя html, css, js (тут он может подключить кучу разных сборщиков, препроцессоров и т.д. - gulp, haml, less, scss и т.д.).
Далее разработчик создает тему для WordPress на основе верстки, т.е. пишет рнр код зная кодекс ВП.

Здравствуйте!

Можно индивидуальные стили и скрипты подключить при помощи условной логики ВП
https://wp-kama.ru/function-tag/uslovnyie-tegi

Можно при помощи разных сервисов, возможностей IDE и т.д. удалить неиспользуемые стили и скрипты.
Например, https://unused-css.com/

Можно при помощи плагинов оптимизации и кэширования сжать скрипты и стили.
Я обычно использую Fastest Cache + Fastest Cache Premium

Можно ли реализовать это на питоне и подключить к ворпресу или писать на чистом html или возможно кто-то посоветует какой-то плагин на ворпресе или свое решение задачи?

1) Что именно вы собрались писать на чистом html? html - язык разметки. Соответственно, никакую логику взаимодействия реализовать не сможете на нем.
2) Если решили писать на python, то продолжите идею и используйте фреймворк Django. Далее эти csv файлы импортируете в БД (маппинг в БД). Для удобства используйте ORM. Далее реализуете поиск (можете взять elasticsearch и создать необходимые индексы). Ну а дальше весь остальной функционал сайта и интернет-магазина.
3) Если решили сделать все на WordPress, то плагин Woocommerce (интернет-магазин). Используйте CSV таблицы, чтобы по ним создать товары. Например, плагин WP All Import + Woocommerce Addon для импорта товаров.

Прочитайте документацию этого плагина.
Там есть возможность открывать необходимую информацию в попапе.
Другой вопрос, что именно вы хотите открыть в попап.
www.themepunch.com.cach3.com/index.html@p=5645
https://www.themepunch.com/essgrid-doc/lightbox-op...

Все возможно. Зависит от вас и от того, как именно вы реализуете функционал

это через WP или нужен чистый CSS/JS?

что вы подразумеваете под реализацией через WP?
Если нужны плагины, то вот:
Popup Maker, Easy Modal

Если тема на бустрапе, то тут подсказывать даже нечего.
Также можно подключить любую jQuery библиотеку для модалок и т.д.

для одиночной записи понятно:

.postid-1 {

background-image: url(".... ") ;
...
}

В теории это не совсем одиночная запись, а запись с ID равным 1 postid-1
Думаю, что это некорректный способ присваивания стиля для одиночной записи.

как установить общий фон "X" для всех записей входящих в категорию 1?

Подобная логика должна решаться на уровне рнр.
Прочитайте про условные теги ВП.
https://wp-kama.ru/id_89/uslovnyie-tegi-v-wordpres...

Второй вопрос. Установил отступ для хедера
аналогично первому вопросу - как реализовать отступ только на домашней странице (на домашней странице предполагается временно), в категориях (всех записях категорий)?

Ответом на все ваши вопрос будут - условные теги Wordpress.

Для домашней страницы логика:

if( is_front_page() || is_home ) {
// вставляем стили для главной
}

Для одиночной записи тег

if( is_single()  ) {
// вставляем стили для одиночной записи
}

Для проверки находится ли запись в определенной категории (рубрике)

if ( in_category( 10 ) ) {
// вставляем стили для записи, которая находится в рубрике с ID 10
}

Здравствуйте!
Если вас не устраивает embed, то используйте Яндекс API

Или же можете поискать готовые плагины
Пример работы такого плагина -
https://reporter.by/coronavirus

Здравствуйте!
Неправильная сетка - Masonry Grid
Готовый набор сниппетов -
https://bootsnipp.com/search?q=Masonry+Grid
Например, https://bootsnipp.com/snippets/a6aDD
https://bootsnipp.com/snippets/Zkk0O

А также существуют готовые плагины. Ищите в гугл wordpress masonry grid

Есть вариант решения с js.

detectmobilebrowsers.com
hgoebl.github.io/mobile-detect.js

Подключаете либу и используете при необходимости