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アドセンスレスポンシブ

関連記事

[mac] wordpress用に投稿する画像をまとめてリサイズする

まぁ別にwordpress用に限らないんですが、画像をまとめてリサイズしようとしたときに何が

記事を読む

ワードプレスのロゴ

contact form 7 送信ボタンでリセットされる→送信ボタンがぐるぐるまわって終わらない

環境:静的htmlにcontact form 7 をショートコードで埋め込み WPのテーマ使わ

記事を読む

ワードプレスのロゴ

仕事でWordPress構築を依頼されたら確認することリスト

コピペ用   サイト名 管理者のメアド https化するにあたりSS

記事を読む

ワードプレスのロゴ

WordPressで画像追加するときに勝手に画像へのリンク張られるのをやめる設定

  デフォルトの設定を変える http://WordpressのURL

記事を読む

no image

WordPressに大量にたまったスパムコメントをプラグインなしで消す

MySQLのコマンドで実施 DELETE FROM wp_comments WHERE c

記事を読む

ワードプレスのロゴ

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

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

記事を読む

no image

WordPressを日本語化する手順

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

記事を読む

ワードプレスのロゴ

WordPressのClassicエディタでインデントが勝手に消える

対応 「TinyMCE Advanced」というプラグインをインストール 上記プ

記事を読む

ワードプレスのロゴ

WordPress アドレス (URL) を変更してしまった【解決】

状況 ダッシュボードを開こうとすると、wp-login.php Not Found となった。

記事を読む

ワードプレスのロゴ

WordPress構築時に忘れがちな、たった1つのhttps設定

はい、タイトルに書いたことが全てです。 WordPress アドレス、サイトアドレスを、htt

記事を読む

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

Message

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

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

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

錠
Let’s Encrypt設定 Apache編

やり方   SSL/TLS証明書の作成 certb

拒否-logo
Adobe Acrobat Reader DC 起動時 右側 非表示 手順

手順 Acrobat Reader DC起動したら右側のツ

php-logo
php7の互換性チェック

qiitaの記事のとおりでうまくいった。(ありがとうございます!)

sagishi
○○で月1万円ポイントを稼ぐ…みたいなやつの正体

何の話 情報商材による、言葉悪いですが、情弱ビジネスの話です。僕

net-logo
DNSのSPFとDKIMについてメモ

メール関連 SPF SPFレコードには、 そのドメイン名を

→もっと見る

PAGE TOP ↑