Предварительный просмотр темы WordPress Theme


23

Я разрабатываю собственную тему WordPress. Когда я выбираю темы в меню «Внешний вид», моя тема не имеет изображения для предварительного просмотра. Есть ли что-то, что мне нужно сделать, чтобы получить изображение предварительного просмотра, чтобы показать? Я не могу найти какие-либо ресурсы в Интернете, которые говорят об этом. Может быть, я просто ищу не ту вещь, хотя ...?


1
Нашел это ... Я искал не ту вещь, но это также не очень хорошо задокументировано. Чтобы скриншот отображался для вашей темы, вам нужно включить файл с именем screenshot.png в корневую папку вашей темы. Это предпочтительно 300x225, но это не обязательно.
Чиубака

Вы должны опубликовать это как Ответ, чтобы пометить его как решение. Иначе Q останется открытым навсегда.
Кайзер

Я знаю, я не мог, потому что у меня нет повторения 100 или выше.
Чубака

Ответы:


27

Там нет автоматического предварительного просмотра. Вам нужно создать скриншот самостоятельно и поместить его в папку theme / child theme с именем screenshot.png

Рекомендуемый размер изображения (в настоящее время) составляет 1200 пикселей в ширину и 900 пикселей в высоту, однако снимок экрана будет отображаться только как 387x290. Он имеет слишком большой размер для просмотра с высоким разрешением на дисплеях HiDPI. Обратите внимание, что начиная с версии 4.7.4 нижние ~ 18% этого изображения будут обрезаны, поэтому держите логотипы или другую графику в центре.

Для получения последней информации см .: http://codex.wordpress.org/Theme_Development#Screenshot


6

Для тем wordpress.org снимок экрана должен быть приемлемым факсимильным сообщением темы, и должен иметь ширину 880 пикселей и высоту 660 пикселей (любые 4: 3 высота: ширина).

Чтобы добавить скриншот, создайте файл screenshot.png и добавьте его в корневой каталог темы. например, wp-content / themes / theme-name /

Как создать скриншот темы.

Вы можете использовать скриншот, потрясающий скриншот или любое другое расширение Firefox или расширение Chrome, чтобы сделать скриншот и установить высоту и ширину в фотошопе. По этой причине вы также можете использовать встроенную функцию Firefox.

Нажмите кнопку «Alt» на клавиатуре, и вы увидите меню в верхней части браузера. Нажмите « Инструменты»> «Веб-разработчик»> «Адаптивный вид дизайна» , теперь установите настраиваемую ширину высоты и сделайте скриншот


2
Greenshot - еще один замечательный инструмент для создания
Ghost Echo
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.