CodePen で jQuery設定

公開日: : wordpress

codepen

html、css、Javascriptのコードを書いたら画面半分に動作結果を表示してくれて、しかも自分のサイトに埋め込みができるサービス の中でも有名なCodePenというサービスがあります。このサービス、デフォルトではjQueryは動作しないのですが、1つ設定するだけで動作可能となります。その設定手順を記します。

設定手順

画面右上のSttingsを選択

codepen

赤枠の部分に「jQuery」と入力

codepen

候補が出てくるので「jquery」を選択

codepen

cloudflareにポストされたjqueryのURLが入ったことを確認

codepen

### 保存を忘れずに。右下 緑色の「Save & Exit」ボタンを押下する。

codepen

 

これで「js」テキストエリアにjQueryのコードを入力すれば動作が確認できます。

以上。

Googleアドセンスレスポンシブ

関連記事

ワードプレスのロゴ

静的htmlでContact Form 7を使用する

ショートコード設置まで .htaccessの内容変更や、htmlソースの最上部(docty

記事を読む

ワードプレスのロゴ

WordPress ファイルはサブディレクトリ、公開URLはTOP「/」にするやり方

概要 たとえば、以下の様な状態のこと。 wordpress(以下wp)のファイルを配置

記事を読む

ワードプレスのロゴ

wordpress で wp_dequeue_scriptやwp_dequeue_styleしてテーマのcssやjsを読み込まない

テーマが読み込んでるcssやjsを調査 functions.phpに以下を追記する。htmlの

記事を読む

ワードプレスのロゴ

WordPressでコピーサイトを作った際に、コピー元のサイトにリダイレクトされる原因

WordPress アドレス (URL) や、 サイトアドレス (URL) がコピー元のサイトの

記事を読む

ワードプレスのロゴ

WordPress if ( ! defined( ‘ABSPATH’ ) ) exit;は、wp-config.phpまでのPATH

wp-config.phpの下部に記述されてる。 /** Absolute path to t

記事を読む

ワードプレスのロゴ

WordPress ページのスラッグを指定してパーマリンクを取得する

やり方 <a href="<?php echo get_permali

記事を読む

ワードプレスのロゴ

WordPressの自動バージョンアップは マイナーバージョン(3桁目)のみ行われる

  x.y.zの場合、自動アップデートされるのはzのバージョンだけという認識で合

記事を読む

no image

WordPressを日本語化する手順

WordPressのこと、WPと記載します。   うまくいかな

記事を読む

ワードプレスのロゴ

WordPressで、サブディレクトリにインストールしたコンテンツが基本のパーマリンクで正常に動作しない

環境 ワードプレスのコンテンツファイルは、以下のディレクトリに配置した。 domain/wp

記事を読む

ワードプレスのロゴ

[All-in-One WP Migration] ダウンロードできない サーバーに問題が発生しました

事象 WordPressのまるごと移行をかんたんに行える人気プラグインである 「All-in

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑