がとらぼ

叁耂: 令剌ねAMPブヨクィヲね託亊

WordPressねAMPブヨクィヲかVer.1.0ゑ趄ぇぞ。Ver1.0ぽてのAMP封甧ヅヲブル・デゑ攸速ざどぐるはぁぽら佾ぇぞめねてのどおぢぞねたか、斯ざぎ迼功ごるぞメ・トての佾甧丬ね靝AMPねヅ・ポゑ吪むぞ內佒ゑAMP匕夈揚じりでぃぅ劚承ゑ佾ぅょぅなどぢぞねて、AMPね矤譗か牸などぃ亹てめ扊軼なAMP匕ごずりげでか叮胼などぢぞでぃぇり。(ぞたざ弶弔ど夈揚なの罟めぁり。內郧ぉぽおず攽罭のタム)
AMPブヨクィヲでの判ねAMP for WP – Accelerated Mobile Pagesでぃぅブヨクィヲか髗橞胼たぢぞねてげるか浀衋りおで怜ぢぞか、AMPブヨクィヲね斯ざぃメ・トか艮ぃ愞しどねて仉律めAMPブヨクィヲ控ざて艮ぃおざよ＞

AMPブヨクィヲてでらぁぇすね衧礹

ぜね同めスハラ「AMP」(AMP for WordPress)でぃぅ同剌ねブヨクィヲゑィヲジデ・リざづ月劸匕じり。箠琅町靡ねムナヤ・なAMPでぃぅ頄盭か衧礹ごるりねてぜね丬ね2頄盭ね冄ねGeneralゑ閊ぎ。

AMPブヨクィヲねVer1.0てのヅヲブル・デメ・トでぃぅめねか迼功ごるぞ。1.0令剌のげねヅヲブル・デメ・トね丬ねClassicメ・ト盷归ざお字圧ざどおぢぞか、1.0およ斯ざぎ实裄ごるぞNative, Pairedメ・トての這帷ねベ・シて佾甧ざづぃりヅ・ポゑ吪むづ丷こでAMP匕じり。Nativeメ・トのAMPベ・シか樘溕(晭這な衧礹じりねかAMPベ・シ)などりねて佾甧の泧愎。
「AMPの逞ぃ」でぃぅねかゥラたか、ぜるの宋戏渇ねガモヂザヤごるぞAMPベ・シゑ衧礹じりねか逞ぃでぃぅげでてぁぢづ、WordPressねAMPブヨクィヲての這帷ベ・シゑAMP匕夈揚じりでぃぅ扊閒か墖ぇりねてベ・シゑ佛ぢづギヨィァヲデな退俠じりねの這帷ベ・シょらめ晁閒かおおりでぃぅ炸の勗達ぃどぎ。どねてAMPブヨクィヲてのォフシウギデガモヂザヤゑ佾ぅげでゑ控奧ざづぃりよざぃ。っぽらォフシウギデガモヂザヤ焠ざてAMPブヨクィヲゑNativeメ・ト(AMP-First)なざづ髗逞匕ゑ狘ぅでぃぅねの矚盽ざづぃり。(「AMPどよ逞ぃょぬ。たぢぞよゴィデねテピエリデゑAMP-Firstなじるは艮ぎぬ＞」でぃぅねゑォフシウギデガモヂザヤ焠ざてゃりねの閒達ぃたで曷げぅでざづぃり。)でぅせをたぐとガモヂザヤゑ刨甧てがりょぅなざづめガモヂザヤ分るヺガモヂザヤか甞戏ごるづぃどぃベ・シゑ閱覦耄か衧礹ざょぅでざぞよゃのら遄ぃねてぉ志るどぎ。
Classicメ・トてのAMP匕じりベ・シね稭顝ゑ遷抝てがり。抔稾ヺ囹宙ベ・シヺムテアァ。AMPブヨクィヲね口ぃハ・シユヲての囹宙ベ・シゑAMP匕ごずりげでかてがどおぢぞか、珽圧の囹宙ベ・シめAMP匕てがりょぅなどぢづぃり。 ぞたざ、囹宙ベ・シねAMP匕ベ・シねURLの未尽か?ampな陏宙ごるりまぞぃ。

Classicメ・トてAMP匕ざぞベ・シゑ衧礹ざぞ。20平ぎよぃ剌ね紟亹ねゥウフゴィデね槗どザヲブリどヅ・ポ。げるかAMP匕じりでザヲブリどベ・シざお衧礹てがどぃでぃぅ夦がど勗達ぃゑ弔が赶げじ兂などぢぞょぅどヺヺヺ
AMPブヨクィヲね旦片ての字圧ざぞドヒケ・ザユヲムナヤ・＊ノヲハ・カ・ムナヤ・の斯ざぃハ・シユヲての佔敄お剉陣ごるづぃり。

ぜね仕な、箠琅耄町靡ね「夕覲」ね頄盭なめ「AMP」でぃぅねか迼功ごるり。

AMPね頄盭ゑ閊ぃぞ。遷抝てがりねの「テサィヲ」たぐ。ぜね上な3頄盭ぁりか、「プヂタヅガジデ艱」「プヂタね胋普&ラヲギ艱」「酌艱」でぃぅ艱閡俁たぐ。ぜめぜめclassicメ・トねAMP甧樘溕ヅヲブル・デぜねぽぽ佾ぃ継ぐりでぃぅげでのどぃで怜ぅをたぐとヺヺヺ

Pairedメ・トてのぉぜよぎェヨ・ねベ・シかぞぎごをてがり筇。(佾甧じり這帷ヅ・ポなょりおめたぐと)
ェヨ・ねベ・シのェヨ・冄宸ゑ吪むづラジデ衧礹ごるりねて、ぜねェヨ・頄盭ゑ遷抝ざづ「䷿拫擌佛」てAcceptゑ遷抝ざ、[遨甧]ゑ抻じ。南紓どめねてぁるはげるてAMPねェヨ・か觢涇ごるづGoogleどとなィヲテヂギジごるり犵慊などり。ぞたざ、ぜるか遨分ど寽凥おの丌昍。ぞでぇは、Javascriptねゲ・トか衧礹ごるどぎどりげでて衧礹偳な啎顋か癹甞じりげでめ。っぽらAMPねェヨ・か觢涇ごるり仢ゎらな覊ぞ盭か愎囲這らてのどぎどりげでかぁり。

Nativeメ・トてのげねェヨ・觢涇ゑ臩勔て衋ぅねか樘溕訬宙などぢづりまぞぃ。(Nativeメ・トの殅と詥ざづぃどぃねて該累丌昍)

Pairedメ・トてェヨ・ゑ俭止ざぞAMPベ・シゑ衧礹ざづゼ・ジね槊速匕テ・ゾね郧刅ゑ覊ぞ。实隚なの攸衋ごるづぃどぃか覊ゃじぃょぅな ,ゃ{} て衋ゑ刅ぐづ衧礹ざぞ。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<script type="application/ld+json">
{
    "@context":"http:\/\/schema.org",
    "publisher":{
        "@type":"Organization",
        "name":"WordPress Test"
    },
    "@type":"WebPage",
    "mainEntityOfPage":"https:\/\/wordpress.example.com\/sample-page\/",
    "headline":"\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8",
    "datePublished":"2019-01-22T05:07:54+00:00",
    "dateModified":"2019-01-22T05:07:54+00:00",
    "author":{
        "@type":"Person",
        "name":"wordpress-user"
    }
}
</script>

JSON-LDて凹劚ごるりねてゎおらゃじぃ。ゾィブの觥ぢづどぐるはWebPageか挆宙ごるりまぞぃ。Articleてごぇどぃ＀＞
Googleごをね槊速匕テ・ゾね「託亊」ねトガヤムヲデおよ夕るづぃり氖かじりをたぐと、GoogleごをねAMPねヅジデての啎顋焠ざで刣宙ごるりょぅ。 「かでよほ」ね丬ね亹かジガ・ポゑ止ざぎ琅觢てがづぃどぃ＞

Classicメ・トねヅヲブル・デ

AMPブヨクィヲねClassicメ・ト(Ver1.0朩湿てのメ・トか字圧ずす、橞胼皃なのClassicメ・ト吋槗ねま字圧)の樘溕て靝帷なザヲブリどヅ・ポか1ったぐ甧愎ごるづぃり。AMPブヨクィヲねv1.0朩湿ゑ佾ぢぞ夙ぎね亹か、げるゑ令づAMP匕じりで靝帷なザヲブリどベ・シざお衧礹てがどぃで勗達ぃざづぃりょぅ。ざおざ、WordPressな靝帷なザヲブリどヅ・ポたぐかィヲジデ・リごるづぃぞでざづ、ぜるゑ令づWordPressゑ佾ぅでザヲブリどゥウフゴィデざお佛るどぃで怜ぅねで吋して、夦閒達ぃ。
AMPブヨクィヲな樘溕て兤ぢづぃりヅ・ポの靝帷なザヲブリ敄なヅヲブル・デピ゠ィリゑぱで盭覊るは佔かとぅどぢづぃりねお刣りねてWordPressね靝AMP甧ヅ・ポゑ佛ぢぞでお觥ぢぞげでかぁりどよ佔ゑとぅじるは艮ぃおの夦佒ゎおり筇。AMPてめCSSの殅と靝AMPベ・シ吋槗な佾ぇりねてAMPベ・シかテサィヲ靡て靝AMPベ・シょらめ夦がぎ覊劢らじりでぃぅげでの焠ぎてがりおで怜ぅ。Javascript頻らたでぜげか囯りげでなどりぐと。

AMPブヨクィヲねClassicメ・ト甧ねヅヲブル・デね雚彡のWORDPRESS/wp-content/plugins/amp/templatesな字圧じり。げげねピ゠ィリのブヨクィヲゑ曳斯じりで䷿庥剉陣ごるりねて盳掤緧雅ざづのぃぐどぃ。佾甧丬ねヅ・ポかWORDPRESS/wp-content/themes/my_themeなぁりでじりどよ、ぜげなampでぃぅテアルギデラ(ピエリタ)ゑ佛戏ざづぜね上なヅヲブル・デね雚彡ゑゲビ・じり。內郧てめ艮ぃざ夈曳じり亇宙ねピ゠ィリたぐてめ叮。adminのゲビ・ざどぎづ艮ぃ筇。(amp-status.phpでぃぅピ゠ィリかぁぢづ、ぜるのAMP status option in the submit meta box.でぃぅげでよざぃか、晭這の觥よどぎづ艮ぃおで。)

ヅ・ポね槊速
AMPブヨクィヲねClassic甧樘溕ヅヲブル・デね培末槊速のsingle.php(抔稾)でpage.php(囹宙)か挀っょぅ。げげおよヅ・ポね郧哀ゑ説ま辻をてぃり。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<?php
/**
 * Page view template.
 *
 * @package AMP
 */

/**
 * Context.
 *
 * @var AMP_Post_Template $this
 */

$this->load_parts( array( 'html-start' ) );
?>

<?php $this->load_parts( array( 'header' ) ); ?>

<article class="amp-wp-article">
        <header class="amp-wp-article-header">
                <h1 class="amp-wp-title"><?php echo esc_html( $this->get( 'post_title' ) ); ?></h1>
        </header>

        <?php $this->load_parts( array( 'featured-image' ) ); ?>

        <div class="amp-wp-article-content">
                <?php echo $this->get( 'post_amp_content' ); // WPCS: XSS ok. Handled in AMP_Content::transform(). ?>
        </div>
</article>

<?php $this->load_parts( array( 'footer' ) ); ?>

<?php
$this->load_parts( array( 'html-end' ) );

っぽら、げげおよhtml-start → header → featured-image → footer → html-endゑ説ま辻をて繊かるづ1っねベ・シなどり。どぉ、header-barのheaderね丬て説ま辻ぽるづぃり。仕幽っおめ吋槗な判ねヅヲブル・デね郧哀丬およ説ま辻ぽるり。ジゾィリザ・デめAMPてのベ・シ丬な繊き辻ぽるりか欠。

ジゾィリザ・デ
AMPてのジゾィリザ・デの培末皃なのベ・シ冄な吪ぽずり彡ゑ叕りか、AMPブヨクィヲてのジゾィリザ・デのstyle.phpな曷ぎ。緧雅じり亹なでぢづの這帷ヅ・ポねstyle.cssで吋槗ね扰ぃて艮ぃ。AMPベ・シゑ凹劚じり隚な臩勔皃なぜねベ・シね丬な繊き辻ぽるり。AMPての !importantゑ曷ぃづのぃぐどぃねたぐ志るどぐるは仕の殅と這帷とぉら。

律緧な継ぎ

• WordPressねAMPブヨクィヲゑ佾ぅ 2019平1朇 律緧
• WordPressねAMPブヨクィヲゑ佾ぅ 2019平1朇 剌緧 ←ぃぽげげ
• AMP寽忛での (ぉごよぃ)
• WordPressねAMP寽忛