- ããã©ãŒã©ã ã¬ã€ãã©ã€ã³ãã«å¿ ãç®ãéããŠãã ããã
- ããŒãžã§ã³ã¢ããããŒãåŸã«è¡šç€ºããããããªã£ãå Žåã¯ã
ãSWELLèšå®ã>ããªã»ããããããã£ãã·ã¥ã¯ãªã¢ãå ã«ã詊ããã ããã - ãã©ãŒã©ã å æ€çŽ¢ã§éå»ã«åããããªãããã¯ããªããæ€çŽ¢ããŠã¿ãŠãã ããã
ãã©ãŒã©ã
😊ãäžè©±ã«ãªããŸãã
Youtubeã®åã蟌ã¿ãããããé©ãã»ã©èªã¿èŸŒã¿ãé
ããªã£ãã®ã§å°ã£ãŠããŸãã 🤣Â
ãããã¯ãšãã£ã¿ãŒã ãããããªä»æ§ãªã®ã§ããããïŒé å»¶èªã¿èŸŒã¿ãšãå°çް工æãã§æ ¹æ¬çã«äœãããæ¹åããŠé ããå 容ãæãã°ãæ€èšãã ããã 😋Â
äŸãã°ãLite youtube embed ã®ããã«å¿
èŠèšäºã ãèªã¿èŸŒãŸããŠãã·ã§ãŒãã³ãŒãã§åç»IDæå®ããŠå°äžã€ã¯ãªãã¯1ååã¯ã³ãŒãäžã§ã¯ãªãã¯ã€ãã³ã匷å¶çºç«ãããããšã§åäœçã«ã¯Youtubeåã蟌ã¿ã«éããªãè¿ã¥ããŸãããçµå± Lite youtube embed ã䜿ã£ãèš³ã§ããããã 😣Â
å³ã¯æ¹ååŸã®æ§åã§ç»ååŠçãããŸãããŠããªãã®ã§ãããã©ãŒãã³ã¹ãèœã¡ãŠããŸããYoutubeã®åœ±é¿ã¯æ¶ããŸããããããã¯ãšãã£ã¿ãŒã®åã蟌ã¿ã ãšã¢ãã€ã«ã¯ããã«äžåããŸããã¹ããã¯ãèæ
®ããªããšãããŸãããããã
âããã©ãŒãã³ã¹ãšâå¿ èŠèšäºã®æ¡ä»¶åå²ã®èæ ®ãæãã®ã§ãåºæ¥ããªãå®è£ ããŠæ¬²ãããšæããŸããã
ä»ã·ã§ãŒãã³ãŒã2ã€ïŒâ å€éšPHPãã¡ã€ã«ïŒå¿ èŠãªCSSãšJSèªã¿èŸŒã¿ïŒãšâ¡Lite youtube embedã®2ã€ã®ã·ã§ãŒãã³ãŒãïŒã§å¯Ÿå¿ããŠãã®ã§ã¡ãã£ãšäžæ Œå¥œãªèš³ã§ãã
ããŸãæ±ãã§åãèŸŒã¿æ¹æ³âçãªãããã·ã§ãŒãã³ãŒãã«åç»IDã®æå®å ¥åæ¬ããããèªååçãåçéå§äœçœ®ãšãã®ãã©ã¡ãŒã¿ã现ããæå®ã§ãããããã¯ãåžæããŸãã 🥂Â
YouTubeãè²·åããŠéçºé£ã®çµŠäžãåã«ããŠãã«çšŒåããŠãããã»ã»ã»ãšããã®ãæãäžå¯èœã«è¿ãããŸãæãåççãªæ¹æ³ã§ã¯ãªããïŒãšæããŸãã
ããŠåååè«ã®æ¬æ°ã¯ããŠããã»ã»ã»
iframeãªã®ã§äžè¬çã«lazyloadãããŠããã°YouTubeã«ãã圱é¿ã¯åããŸãããSWELLã«ã¯æ¢ã«åæ©èœãå®è£ ãããŠããŸãã
ãããã¯ãšãã£ã¿ãŒã®èŠæã¯WordPressãž
YouTubeåãèŸŒã¿æ¹åŒã®èŠæã¯YouTubeãž
ããããçªå£ãç°ãªã£ãŠãŸãã®ã§ãã²èŠæãåºããŠã¿ãŠãã ããã
SWELLãã©ãŒã©ã ã¯ãŠãŒã¶ãŒãã©ãŒã©ã ã®ãããéçºè 以å€ã®åçã¯å šãŠä»»æã§ããåœã¢ã«ãŠã³ãã«ããåçããã©ã³ãã£ã¢ã®ããããã³ãã®æäŸã«çãŸãå ŽåããããŸãã
ãäŸé Œã®ãçžè«ã»ãåãåããçªå£
https://skillshare.biz/inquiry/
WPã§å®è£ ãããªããµãŒãããŒãã£ã§ããäžèšãã©ã°ã€ã³ããããŸãã
https://wordpress.org/plugins/mihdan-lite-youtube-embed/
SWELLãã©ãŒã©ã ã¯ãŠãŒã¶ãŒãã©ãŒã©ã ã®ãããéçºè 以å€ã®åçã¯å šãŠä»»æã§ããåœã¢ã«ãŠã³ãã«ããåçããã©ã³ãã£ã¢ã®ããããã³ãã®æäŸã«çãŸãå ŽåããããŸãã
ãäŸé Œã®ãçžè«ã»ãåãåããçªå£
https://skillshare.biz/inquiry/
@skillsharejp æ§
ããGoogleå çãæãããã¢ã«ã³ãã€ããš🙅ç¬ç«ããŠããããè¯ãã®ã«ã  🤣
ããŒã説æ ã®ãã¡ãã®æ©èœã®äºã§ããïŒãããã¡ãŒã¹ããã¥ãŒã®iframeäºã ã£ãŠæžããŠãããŸããã©ãlazy-loadã£ãŠåºæ¬çã«ãã¡ãŒã¹ããã¥ãŒä»¥å€ã§åãããããªãã£ãã§ãïŒ(ãã€ãã£ãã ãã®è©±ã§ãããïŒ)ã  😣Â
ãµãŒããŒãµã€ãã§ã䌌ããå¯ã£ããã®èšå®ãåºæ¥ãã®ã§Swellã«æãããéã«æ··ä¹±ãããã®é ã§ãã
ãã¡ã®ãããã¡ãŒã¹ããã¥ãŒä»¥å€ã®ã³ã³ãã³ããªãswellèšå®ã§é å»¶èšå®ããŠäžããã£ãŠäºã§ããã
ãã€ãã£ãlazy-loadïŒã³ã¢ã®æ¹ã ãšæããŸããã©ïŒã¯WP5.9以éã§ä»æ§å€æŽã£ãŠæããŸãããã©ãswellãšã¯ç¡é¢ä¿ã§swellèšå®ã®ã¯API+jsã§å®è£ ããŠããã®ã§ãããïŒãããã«ããã¯ããŒã©ã®ç»åèªèã®åé¡ãæããlazy-load ã¯ãã¡ãªããã倧ããæ°ãããŸãã(è¥ããã¯ããã¯ã§ãããŠãã¡ãŒã¹ããã¥ãŒã ãé€ãã)
ç¥ããã«ç°å¢ã¯ãããªèšå®ã§ããããã©ããã(ç¬) 😝Â
ãã©ã°ã€ã³ã«ã€ããŠããYoutubeåŠãã§å¢ãããªãã®ã§ããå°ãæ¹å€ããŠèª¿æŽããŠã¿ãŸããããããšãããããŸã  😋
èŠææåºã¯ããŒã 🤔 âŠåŸãåãã«æ€èšããŸãã🐈
ãããã¡ãŒã¹ããã¥ãŒã®iframeäºã ã£ãŠæžããŠãããŸããã©ã
ãã¿ãŸãããããã®ãã¡ãŒã¹ããã¥ãŒã®æå³ã¯ãã®ããŒãžãåå衚瀺ãããšãããšããæå³ã§ããïŒç»é¢é·ç§»æã®é«éåã§ã¯ãªããããšããæå³ã§ãïŒã
ãããããã®ã§æ¶ããŠãããŸããã
åºæ¬çã«lazyloadãã¡ãããšåããŠããã°YouTubeåã蟌ã¿äžã€ã§ãããŸã§æªåããããšã¯ãªãã¯ãã§ããäœãã»ããã©ã°ã€ã³ãšlazyloadããããã£ã³ã°ããŠããããªãã§ããããã
SWELLéçºè ã§ãã