Новите "Block" теми

U

uphero

Registered
Какво мислите за тоя код долу?
Все едно е изваден от Говнокод но не е - това е част от новите block теми за WP.


HTML: 
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->

<!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
<!-- /wp:group -->

<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
<!-- /wp:navigation --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
 
За какъв точно елемент се отнася. Някакво нав меню сигурно. Изглежда доста шитаво. Дано да е на нещо индийско, а не от темите на wp, официалните. Защо има инлайн с ватове така наблъскано, и тия коментиранинтагове имат ли някакво предназначение? :)
 
Баш от официалните теми - даже първата която ни набутаха с 5.9
това долу е архива....
Тая мода с JS иба майката на всичко, кому беше нужно това лайно не знам.

HTML: 
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /-->

<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"main","align":"wide","layout":{"inherit":false}} -->
<main class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
<!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /-->

<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} -->
<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /-->

<!-- wp:post-date {"format":"F j, Y","isLink":true,"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":112} -->
<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- /wp:post-template -->

<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"small"} /-->

<!-- wp:query-pagination-numbers /-->

<!-- wp:query-pagination-next {"fontSize":"small"} /-->
<!-- /wp:query-pagination --></main>
<!-- /wp:query --></div>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
 
Blinky каза:
Много излишни неща. Явно са решили да правят по-голямо мазало, за да се разбира уж още по-добре от следващия, който ще пипа. Не знам каква логика имат за точно такъв код. ;)
Увеличете...
тия лайна са за да може като wix да едитваш всяка част от сайта.
Реакт тъпотии
 
Нещо не виждам връзката между JS, React и това ужасяващо решение :)

Напомня ми на PHP когато анотациите бяха коментари, но те избягаха от това, а тук тепърва се прокарва.
 
djman каза:
Напомня ми на PHP когато анотациите бяха коментари, но те избягаха от това, а тук тепърва се прокарва.
Увеличете...
Може там да са история, но не и я JS. Не съм се закачал до Реакт, и не знам дали е някакъв стандарт там, но на мен ми изглежда доста лоша практика. А това ли като решение мислят да правят всякакви сътамизации по блоковете на фронта? Още не съм гледал в новите блог теми на WP, официалните, за момента още съм с билдъри и къстам решение от моя страна за фронта.
 
Още малко говнокод - това как се дебъгва и как се пише не знам :D

PHP: 
<?php
/**
 * Footer with query, featured images, title, and citation
 */
return array(
    'title'      => __( 'Footer with query, featured images, title, and citation', 'twentytwentytwo' ),
    'categories' => array( 'footer' ),
    'blockTypes' => array( 'core/template-part/footer' ),
    'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
                    <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
                    <div class="wp-block-query alignwide"><!-- wp:post-template -->
                    <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->

                    <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->

                    <!-- wp:post-excerpt /-->

                    <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
                    <!-- /wp:post-template --></div>
                    <!-- /wp:query -->

                    <!-- wp:spacer -->
                    <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
                    <!-- /wp:spacer -->

                    <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
                    <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
                    <div class="wp-block-group">
                    <!-- wp:paragraph -->
                    <p>' .
                    sprintf(
                        /* Translators: WordPress link. */
                        esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
                        '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
                    ) . '</p>
                    <!-- /wp:paragraph --></div>
                    <!-- /wp:group --></div>
                    <!-- /wp:group --></div>
                    <!-- /wp:group -->',
);
 
Blinky каза:
Защо ще дебъгваш? Щом е официално излязло от WP, значи кода е чист като Момина сълза. :)
Увеличете...
Това са петерните, които още не знам какъв еп вършат но явно ще се налага да се пишат и дебъгват.
А как се дебъгва тая гняс във кавичките не знам :D
 
Още една причина да не харесвам WP. Каним се да пренаписваме плъгин за WP за нашата платформа. Надявам се да не се падне на мен този проект. Не искам да се сблъсквам с такива повърни.
 
Revelation каза:
Още една причина да не харесвам WP. Каним се да пренаписваме плъгин за WP за нашата платформа. Надявам се да не се падне на мен този проект. Не искам да се сблъсквам с такива повърни.
Увеличете...
Каква функционалност ще има плъгина да ти кажа дали ще са големи лайната?
 
uphero каза:
Каква функционалност ще има плъгина да ти кажа дали ще са големи лайната?
Увеличете...
Ще листва и търси (и може би още неща) пропъртита взети от АПИ-то на главната платформа, за да могат фирми да имат по-лесна интеграция на техните уеб сайтове.
 
Revelation каза:
Ще листва и търси (и може би още неща) пропъртита взети от АПИ-то на главната платформа, за да могат фирми да имат по-лесна интеграция на техните уеб сайтове.
Увеличете...
За коя говорим? Не ми казвай микроинвест. :) Само целя в нищото, ни може и да съм уцелил. :)
 
Revelation каза:
Не живея и не работя в България. Не съм запознат с тези.
Увеличете...
Хубаво правиш. Едно софтче, което доминира измежду малките търговци и доста е разпространен. Хубавото е, че горе долу гледат да отговарят на новите тенденции, изключвайки изостаналия им дизайн. Но като цяло се стараят. И си взимат по доста добри пари на час консултация. ;)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе