Павел Чесноков

На вашей картинке вижу большую красную кнопку "Настроить", видимо вам надо нажать её и настроить шаблон.

Вставьте в вопрос кусок CSS кода отвечающий за стиль кнопок.

#2
В вашем случае то, что отмечено как MOBILE является правильным вариантом, так как вертикальный центр буквы измеряется не по заглавным буквам, а по строчным. Небольшой отступ всё исправит margin-top: 0.2em;. А в DESKTOP версии просто разрешение экрана слишком мало чтобы увидеть, что текст тоже немного выше центра кнопки.

Если отступ вас не устраивает, а искать альтернативный шрифт со всеми форматами для всех браузеров вам неохота - можно искусственно уменьшить высоту букв, сравняв по высоте прописные и строчные font-variant-caps: all-small-caps;, а они уже будут хоть и маленькие но по середине.

Вот тут интересная статья на эту тему:
https://positive-js.github.io/blog/css-font-metric...

Метрики вашего шрифта для самостоятельного расчёта отступов:

Я использую PHP PhantomJs. Он не идеален, но для моих потребностей подходит. Ну и конечно сервер на котором это будет работать должен уметь запускать бинарные PHP скрипты.

<?php
//define('STDOUT', fopen('debug_log.txt', 'wb')); //write console logs to file
use JonnyW\PhantomJs\Client;

$url = 'https://toster.ru';
$client = Client::getInstance();
//$client->getEngine()->debug(true); //enable debug

$request = $client->getMessageFactory()->createCaptureRequest($url);
$response = $client->getMessageFactory()->createResponse();
$request->setOutputFile( 'preview.png' );
$request->setViewportSize(500, 1500); //width, height
//$request->setCaptureDimensions(500, 645, 0, 0); //width, height, top, left
$request->setFormat('png');
$request->setQuality(100);
$request->setTimeout(5000); // will render page if this timeout is reached and resources haven't finished loading
$client->send($request, $response);

$image = imagecreatefrompng( 'preview.png' );
$image = imagecropauto( $image, IMG_CROP_WHITE );
imagepng( $image, 'croped_preview.png' );
imagedestroy( $image );

Но если вам необходимо собрать DOM более качественно, придерживаясь самых современных стандартов, то изучайте Selenium. Например на Питоне он очень прост в использовании:

from selenium import webdriver
driver = webdriver.Chrome('/usr/local/bin/chromedriver')
driver.set_window_position(0, 0)
driver.set_window_size(500, 1500)
driver.get('https://toster.ru')
screenshot = driver.save_screenshot('/users/Pavel/Desktop/preview.png')

Вроде потому, что вначале срабатывает "Auto save draft" а потом "Publish".
Пробуйте привязаться к transition_post_status.

function add_new_topic( $new_status, $old_status, $post ) {
   if ( $new_status === 'publish' && $old_status !== 'publish' ) {
      ...
   }
}
add_action( 'transition_post_status', 'add_new_topic', 10, 3 );

Немного ускорить можно отказавшись от подсчёта длины массивов в циклах, посчитав их только по разу:

$arrXcount = count($arrX);
$arrYcount = count($arrY);

for ($a = 0; $a < $iter; $a++) {
    for ($i = 0; $i < $arrXcount; $i++) {
        for ($j = 0; $j < $arrYcount; $j++) {
            ...
        }
    }
}

Также можно отказаться от двойного сравнения, поменяв это:

if ($value % 2 == 0) {
    $total = $total + 1;
}
if ($value % 2 != 0) {
    $total = $total + 2;
}

на это:

if ($value % 2 == 0) {
    $total = $total + 1;
} else {
    $total = $total + 2;
}

#PS: Ещё несколько микро шагов можно убрать отказавшись от двойных кавычек, а следовательно переменных в строках:

echo "Total: $total";
echo "<br>Script time is $time";

Используя одинарные кавычки, говорим интерпретатору, что не нужно в этой строке ничего искать и исправлять, просто выводим результат:

echo 'Total: ' . $total;
echo '<br>Script time is ' . $time;

Ищите ошибку в форме, она должна выглядеть как то так:

<form action="post_create.php" method="post" enctype="multipart/form-data">
    <input type="text" name="title">
    <input type="text" name="tags">
    <input type="text" name="text">
    <input type="file" name="pic">
    <input type="submit" name="submit" value="Submit">
</form>

Высота ".container-header" 125 пикселей, в нём находятся два блока, первый ".logo" высотой тоже 125 пикселей и второй ". menu" которому места не осталось. Вот он и вылез за пределы.

Это не вопрос, а техническое задание, вам сюда: https://freelansim.ru

В вашем вопросе недостаточно информации. С первого взгляда представленный шорткод без ошибок, покажите и второй. Думаю, что начинать надо со включения вывода ошибок, добавив в wp-config.php:
define( 'WP_DEBUG', true );

Update:

add_shortcode( 'clinic',  'call_shortcode_clinic' );
function call_shortcode_clinic( $atts ) {
    ob_start();
    $atts = shortcode_atts( array( 'id' => null ), $atts );
    $clinic_query = new WP_Query( array(
        'post_type' => 'clinics',
        'p' => intval( $atts['id'] )
    ));

    echo '<div class="clinic">';
    if ( $clinic_query->have_posts() ) :
        while ( $clinic_query->have_posts() ) : $clinic_query->the_post();
            get_template_part( 'template-parts/clinic', get_post_format() );
        endwhile;
    else :
        get_template_part( 'template-parts/content', 'none' );
    endif;
    echo '</div>';

    wp_reset_postdata();
    return ob_get_clean();
}


add_shortcode( 'doctor',  'call_shortcode_doctor' );
function call_shortcode_doctor( $atts ) {
    ob_start();
    $atts = shortcode_atts( array( 'id' => null ), $atts );
    $doctor_query = new WP_Query( array(
        'post_type' => 'doctors',
        'p' => intval( $atts['id'] )
    ));

    echo '<div class="doctor">';
    if ( $doctor_query->have_posts() ) :
        while ( $doctor_query->have_posts() ) : $doctor_query->the_post();
            get_template_part( 'template-parts/doctor', get_post_format() );
        endwhile;
    else :
        get_template_part( 'template-parts/content', 'none' );
    endif;
    echo '</div>';

    wp_reset_postdata();
    return ob_get_clean();
}

Тема очень интересная и пришлось разобраться до конца.
До полного счастья вам не хватает этого:

$extracted_plaintext = mb_convert_encoding( $extracted_plaintext, 'UTF-8', 'UTF-16LE' );

И всё вместе будет:

function read_doc_file($filename) {
    if (file_exists($filename)) {
        if (($fh = fopen($filename, 'r')) !== false) {
            $headers = fread($fh, 0xA00);

            // 1 = (ord(n)*1) ; Document has from 0 to 255 characters
            $n1 = ( ord($headers[0x21C]) - 1 );

            // 1 = ((ord(n)-8)*256) ; Document has from 256 to 63743 characters
            $n2 = ( ( ord($headers[0x21D]) - 8 ) * 256 );

            // 1 = ((ord(n)*256)*256) ; Document has from 63744 to 16775423 characters
            $n3 = ( ( ord($headers[0x21E]) * 256 ) * 256 );

            // 1 = (((ord(n)*256)*256)*256) ; Document has from 16775424 to 4294965504 characters
            $n4 = ( ( ( ord($headers[0x21F]) * 256 ) * 256 ) * 256 );

            // Total length of text in the document
            $textLength = ($n1 + $n2 + $n3 + $n4);

            $extracted_plaintext = fread($fh, $textLength);
            $extracted_plaintext = mb_convert_encoding( $extracted_plaintext, 'UTF-8', 'UTF-16LE' );
            return nl2br($extracted_plaintext);

        } else {
            return FALSE;
        }
    } else {
        return FALSE;
    }
}

$text = read_doc_file('test.doc');

А пока изучал, нашёл интересный тест, может пригодиться:

$text = "A strange string ø, æ, å, ж, п, ą, ū, ė, …"; 
foreach(mb_list_encodings() as $chr){ 
    echo mb_convert_encoding( $text, 'UTF-8', $chr ) . " : " . $chr . "<br><br>";    
}