Cocoon

Cocoon

Prism.jsの基本的な使い方

こんにちは、ゆんつです。 ソースコードを綺麗に表示してくれる「Prism.js」。 プラグインでは無いのでワンクリックで導入することはできませんが、プラグインよりも軽いので導入してもサイトが重くなることがありません。 先日...
Cocoon

CocoonにPrism.jsを導入する

こんにちは、ゆんつです。 プログラミングやブログのカスタマイズについて記事にしようとする場合、説明文と一緒に自分が書いたソースコードも記載することが多いかと思います。 ソースコードをブログに記載したい場合、単純にコードをコピーし...
Cocoon

CocoonにGoogle Fontsを導入する

こんにちは、ゆんつです。 皆さん「Google Fonts」をご存知ですか? Google Fontsは無料で使えるWEBフォントサービスです。 ネットを閲覧している時。 画面に映し出されている文字は、そのデバイスに...
Cocoon

Cocoonで欲しいものリストを表示するいくつかの方法

こんにちは、ゆんつです。 先日、Amazonの欲しいものリストを作成しました。 この欲しいものリスト。 ブログやSNSで公開することが出来るのですが、ブログのテーマに「Cocoon」を使っているなら欲しいものリストへのリン...
Cocoon

Cocoonで新しく作ったカテゴリーが表示されない時は

こんにちは、ゆんつです。 僕はブログのテーマにCocoonを使っています。 先日そのCocoonで「カテゴリー」を増やす作業を行いました。 その時にとても簡単な原因なのに、その解決に結構時間がかかってしまう出来事がありまし...
Cocoon

Cocoonでプロフィール欄を作成しよう!

こんにちは、ゆんつです。 ブログにつきものなのがプロフィール欄。 PCで色んなブログを巡っていると、画面の右上とか左上にイラスト又は顔写真と簡単な自己紹介が書かれているプロフィール欄をよく見かけます。 WordPr...
Cocoon

Cocoonのグローバルナビの見た目を変える

こんにちは、ゆんつです。 僕はブログのテーマにCocoonを使っています。 ブログをPCで閲覧した時に、画面の上の方にあるカテゴリへのリンクをグローバルナビというのですが、Cocoonデフォルトではこんな感じの状態です。 ...
Cocoon

Cocoonの吹き出しにオリジナルアイコンを登録して使おう

こんにちは、ゆんつです。 僕はブログのテーマにCocoonを使っています。 このCocoonの機能に「吹き出し」というアイコンに吹き出しをつけて、アイコンがしゃべっているように表現してくれる機能があります。 吹き出しを使う...
Cocoon

Cocoonでfaviconを設定する

こんにちは、ゆんつです。 ブラウザを使ってネットを閲覧していると、タブ左側の部分にそのサイト独特のシンボルマークが表示されます。 そのサイトをブックマークした時にも、お気に入り一覧に表示されたサイト名の左側にシンボルマークが表示...
Cocoon

Cocoonに乗り換えてすぐにやったこと

こんにちは、ゆんつです。 前回はブログのテーマをSimplicityから後継テーマのCocoonに乗り換えました。 Cocoonは見た目がシンプルですっきりとしていて、しかも機能は豊富という申し分のないテーマになっていま...