http://unskilled.site/wordpress%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8Bajax%E3%81%AE%E5%9F%BA%E6%9C%AC/
WordPressã§https通信時ã«ã€æ··åœ¨ã‚¢ã‚¯ãƒ†ã‚£ãƒ–コンテンツã®èªã¿è¾¼ã¿ã‚’ブãƒãƒƒã‚¯ã—ã¾ã—ãŸã¨ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºã•ã‚Œã‚‹ | CONETA.JP
WordPressを使ã£ã¦ã®ã‚µã‚¤ãƒˆæ§‹ç¯‰ã‹ã‚‰ä¾¿åˆ©ãªãƒ—ラグインやテンプレートã®ç´¹ä»‹ã€ãƒ•ãƒªãƒ¼ã®PNG・AI・PSDアイコンやGUIセットã®ç´¹ä»‹ã€SEO最é©åŒ–ã«ã‚ˆã‚‹é›†å®¢æ–¹æ³•ãªã©ã€WEB制作・é‹ç”¨ã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŠå±Šã‘ã—ã¦ã„ã¾ã™ï¼ WordPressã§HTTPS対応ã®ã‚µã‚¤ãƒˆã‚’é‹ç”¨ã—ã¦ã„ã‚‹éš›ã«ã€ãƒ–ラウザã®é–‹ç™ºãƒ„ール（Firebugãªã©ï¼‰ã§æ··åœ¨ã‚¢ã‚¯ãƒ†ã‚£ãƒ–コンテンツ “～～～.css†ã®èªã¿è¾¼ã¿ã‚’ブãƒãƒƒã‚¯ã—ã¾ã—㟠ã¨ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ åŽŸå› ã¯css・jsファイルã®URLã«ã‚ã‚‹ åŽŸå› ã®ä¸€ã¤ã«ã€ãƒ—ラグインãŒå‡ºåŠ›ã™ã‚‹cssã‚„jsファイルã®ãƒ‘ス指定ãŒhttps接続ã—ã¦ã„ã‚‹ã«ã‚‚é–¢ã‚らãšã€css・jsパスãŒhttp://～ã«ãªã£ã¦ã„ã‚‹ã“ã¨ãŒå•é¡Œã§ã™ã€‚ （ https通信時ã¯ã€js・css・画åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スã¯ã€å…¨ã¦httpsã‹ã‚‰å§‹ã¾ã£ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ ） ブラグインå´ãŒcssパスを生æˆã™ã‚‹éš›
独自ã®CSSã‚„JSã‚’èªã¿è¾¼ã‚€
WordPressã§ã€ãƒ—ラグインã§ã¯ãªã自作ã—ãŸã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ããŸCSSã‚„JS(プラグイン)ã‚’èªã¿è¾¼ã‚“ã ã‚Šã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚今回ã¯ã€ãã®éš›ã®CSSã‚„JSファイルã®ä½¿ç”¨æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSSファイルをèªã¿è¾¼ã‚€æ–¹æ³• CSSã‚’èªã¿è¾¼ã‚€ã«ã¯ã€ä»¥ä¸‹ã®é–¢æ•°ã‚’使用ã—ã¾ã™ã€‚ wp_enqueue_style ★例ã¨ã—ã¦ã€åテーマフォルダ下ã«é…ç½®ã—ãŸBootstrapã®CSSファイルをèªã¿è¾¼ã¾ã›ã‚‹ functions.php(åテーマ)ã«è¿½åŠ ã—ã¦ä¸‹ã•ã„。 // wp-config/theme/[åテーマå]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
wp_enqueue_scriptã®ä»•æ§˜ãŒWordPress3.3ã§ã¡ã‚‡ã“ã£ã¨å¤‰ã‚ã£ãŸã£ã¦è©±
WordPressã¥ã‹ã„ãªã‚‰é »ç¹ã«ãŠä¸–話ã«ãªã£ã¦ã„ã‚‹ã§ã‚ã‚ã†ã€wp_enqueue_script関数。 自作やã©ã£ã‹ã‹ã‚‰æ‹¾ã£ã¦ããŸjQueryプラグイン（=not WordPressプラグイン）ã¨ã‹ã‚’使ã†æ™‚ã«ã€JavaScriptライブラリをæ£ã—ãã€ã‚ã‚‹ã¹ãé †åºã§èªã¿è¾¼ã‚“ã§ãれるã¨ã„ã†ã‚¢ãƒ¬ã§ã™ã€‚ wp_enqueue_scriptã‚’ã¡ã‚ƒã‚“ã¨ä½¿ãˆãŸã‚‰ã€åˆå¿ƒè€…ã‹ã‚‰ä¸ç´šè€…ã«ãƒ©ãƒ³ã‚¯ã‚¢ãƒƒãƒ—ã£ã¦è¨€ã£ã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨å‹æ‰‹ã«æ€ã£ãŸã‚Šã—ã¦ã¾ã™ã€‚ä¸ç´šè€…ã®å®šç¾©ã£ã¦é›£ã—ã„ã§ã™ã‘ã©ã€‚ ãã‚Œã¯ã©ã†ã§ã‚‚ã„ã„ã¨ã—ã¦ã€ã“ã®wp_enqueue_scriptã®ä»•æ§˜ãŒ3.3ã‹ã‚‰å¾®å¦™ã«å¤‰ã‚ã£ãŸã®ã«ã€ã‚ã¾ã‚Šè©±é¡Œã«ç™»å ´ã—ãªã„ãªãƒ¼ã¨æ€ã£ã¦ãŠã‚Šã¾ã—ã¦ã€‚ ãã†ã“ã†ã—ã¦ã‚‹ã†ã¡ã«3.3.1ãŒå‡ºã¦ä¹…ã—ããªã£ã¦ã—ã¾ã£ãŸã®ã§ã€èª°ã‹ãŒæ›¸ãå‰ã«è‡ªåˆ†ã§æ›¸ã„ã¨ãã¾ã™ã€‚
コピペã§OKï¼ã‚¹ãƒ ーススクãƒãƒ¼ãƒ«ã§ãƒšãƒ¼ã‚¸å†…リンクやトップã¸ç§»å‹•ï¼#ãªã—ã§
記事ãŒé•·ã„å ´åˆã€ç›®æ¬¡ã‚„ページ先é 「#ã€ã¸ã®ãƒšãƒ¼ã‚¸å†…リンクã¯ã¨ã¦ã‚‚便利ã§ã™ã€‚ã—ã‹ã‚‚スムーズスクãƒãƒ¼ãƒ«ã§ç§»å‹•ã™ã‚Œã°å‹•ãã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã—æ°—æŒã¡è‰¯ã„。今回ã¯JavaScriptã‚„jQueryã®ãƒ—ラグインを使ã‚ãšã«å®Ÿç¾ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 最近ã¯å¤šãã®ãƒ–ãƒã‚°ãƒ»ã‚µã‚¤ãƒˆã§å³ä¸‹ã«ã€Œãƒšãƒ¼ã‚¸å…ˆé ã¸ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚„リンクを見ã‹ã‘ã¾ã™ã€‚ã—ã‹ã—クリックã—ã¦ä¸€æ°—ã«æœ€ä¸Šéƒ¨ã¾ã§ãƒ¯ãƒ¼ãƒ—ã™ã‚‹ã¨å‘³æ°—ãªã„ã—自分ã®ä½ç½®ã‚’見失ã„ãŒã¡ã§ã™ã€‚目次ã®å ´åˆã‚‚åŒæ§˜ã§ã™ã€‚ ゆã‚ã´ã‚‡ã‚“ã§ã™ã€‚ã“ã‚“ã¡ã¯ã£(^^)/ ページ内リンクã¯SEO対ç–ã«ã‚‚ãªã‚‹ã¨èžã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ç§ã¯ã‚€ã—ã‚訪å•è€…ã®ãŸã‚ã®ãƒŠãƒ“ゲーションã®1ã¤ã¨ã—ã¦ä¾¿åˆ©ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ページ内部リンクã®ã—ãã¿ã¨å¼Šå®³ ãã®ã—ãã¿ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ã™ã€‚ç¾åœ¨ã®URLã®å¾Œã«ã€Œ#ã€ã‚’ã¤ã‘ã‚‹ã¨ãƒšãƒ¼ã‚¸å…ˆé ã¸ã€ã€Œ#pyonã€ãªã©ã‚’ã¤ã‘ã‚‹ã¨ã€Œid="pyon"ã€ã‚’è¨å®šã—ã¦ã‚‹ä½ç½®ã¸ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ã ã‹ã‚‰è¦‹å‡ºã—ã«ã€Œ
wordpressã§javascriptライブラリをèªã¿è¾¼ã‚€ã¨ãã®æ³¨æ„点ãªã© - 超メモ帳（Webå¼ï¼‰ï¼ 復活
最近ã€ãŠä»•äº‹ã§Wordpressを使ã£ã¦ã‚µã‚¤ãƒˆã®ç«‹ã¡ä¸Šã’ãªã©ã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€è‡ªä½œjavascriptライブラリã®èªã¿è¾¼ã¾ã›ã‹ãŸãŒåˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã€‚ã¡ã‚‡ã£ã¨ç™–ãŒã‚るよã†ãªã®ã§ã¾ã¨ã‚ã¦ã¿ã‚‹ã‚ˆã€‚ ã¡ãªã¿ã«ã€wp-content/themesã‹ã‚‰ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã™ã€‚プラグインã¯ã¾ã 勉強ä¸ã§ã™ã。。 通常ã®èªã¿è¾¼ã¿ãªã©ã§ã¯header.phpã«ä¸‹è¨˜ã®æ§˜ã«è¨˜è¿°ã‚’è¿½åŠ ã—ã¦ã€å¤–部ライブラリをèªã¿è¾¼ã¾ã›ã‚‹æ–¹æ³•ã§å•é¡Œã‚ã‚Šã¾ã›ã‚“。 <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/myfunc.js"></script> ã—ã‹ã—ã€Wordpressã§ã¯jQuery,script.aculo.usãªã©ã®javascriptフレームワークを複数使用ã™ã‚‹ã®ã§ã€wp_enqueue_scriptã¨ã„ã†é–¢æ•°
wp_enqueue_scriptã§å¤–部ã®jQueryライブラリを使ㆠ| Shifft – Web Design & Development
ホームãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ª ブãƒã‚° シフトã¯é«˜å“質ãªWebサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»åˆ¶ä½œã‚’ã—ã¦ã„ã¾ã™ã€‚クリーンã§ç¾Žã—ã„デザインã€é…力的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験ã€ç›®çš„é”æˆã®ãŸã‚ã®ãƒ—ãƒã‚»ã‚¹ã€ä»£è¡¨çš„ãªãƒ–ラウザã¸ã®å®Œå…¨å¯¾å¿œã€‚ã“れらを満ãŸã—ãŸã‚µã‚¤ãƒˆã‚’生ã¿å‡ºã™ã“ã¨ã‚’æ„›ã—ã¦ã‚„ã¿ã¾ã›ã‚“。Webサイトを通ã˜ã¦ã€èª°ã‚‚ãŒã‚ˆãæ–¹å‘ã¸ã‚·ãƒ•ãƒˆã™ã‚‹å¯èƒ½æ€§ã‚’常ã«æŽ¢ã—続ã‘ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}