Crayon Syntax Highlighterの使い方 | TechAcademyマガジン
Crayon Syntax Highlighterとは このプラグインは、技術ブログなどソースコードを載せているサイトを運営している人に重宝しそうです。 エディタなどで表示されているソースコードと同じようにWordPressの記事に表示させることができるのです。 とても見やすくなりますので、ぜひ活用してみてください。 以下では、その使い方を紹介しています。 記事内にソースコードを挿入する Crayon Syntax Highlighterは記事作成時にそのままエディタから使用することができます。 また、メニューが最初から日本語化されています。 「プラグイン」→「新規追加」からインストール・有効化した後、WordPressの管理画面から「投稿」→「新規追加」を選択します。 記事作成のエディタが「ビジュアル」になっている場合は「テキスト」タブをクリックします。 メニューボタンから「crayon
Qiitaで記事にCodePenが埋め込めるようになりました - Qiita
Qiitaで記事にCodePenのPenが埋め込めるようになったので、実際に作りつつ埋め込み方を紹介します。 CodePenのエディタの開き方 CodePenにアクセスし、ログインまたは登録後「Create」→「New Pen」を選びます。 するとエディタ画面が出ます。 HTML, CSS, JSなどを入力してSaveします。 埋め込み方 エディタ画面の右下のバーに Embed という項目があるのでクリックします。 するとモーダルが出るので、HTML形式を選択してボックス内のHTMLタグをコピーします。 コピーしたHTMLは以下のような感じになると思います。 <p data-height="265" data-theme-id="0" data-slug-hash="dJgNLK" data-default-tab="js,result" data-user="tomoasleep" da
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodePen - Front End Developer Playground & Code Editor in the Browser
