Cocoonの知っていると便利な裏技

敷島博士

Cocoonのカスタマイズは完成しましたか。
ここからは上級編ですので,必要な方はご利用ください。

 Cocoonのカスタマイズ上級編は、ショートコードやCSSの追加・修正を行います。これは直接プログラムを変更することですので、誤ると突然、画面が真っ白になって入力できなくなる場合があります。
 操作するまでに、必ずバックアップすることを勧めます。
 

敷島博士

 私も、真っ白になって、バックアップをしていませんでした。
 普及できなったのを機会にサーバーのレンタル先をWordPresの得意な会社に変更しましたが、バックアップは定期的に行うことが必要です。

 それでは、裏技によるカスタマイズをご覧ください。

スポンサーリンク

簡単操作でサイトマップを設置する方法

敷島博士

ショートコード[sitemap]を入力するだけで、サイトマップが作成できます。

OP№ wpsm1
Cocoon
サイトマップ設置

固定ページ新規追加クリックしてください。


OP№ wpsm2
Cocoon
サイトマップ
固定ページ

タイトルを追加⇒Ⓐサイトマップ入力してください。
クリックしてください。


OP№ wpsm3
Cocoon
サイトマップ
ショートコード①

⇒Ⓑ下にスライドしてください。
ショートコードクリックしてください。


OP№ wpsm4
Cocoon
サイトマップショートコード

ショートコード
[sitemap] 入力してください。
固定ページクリックしてください。


OP№ wpsm5
Cocoon
サイトマップURL

⇒⑤下にスライドしてください。
URLスラッグsitemap入力してください。


敷島博士

メニューと固定ページの順序を同じにするための設定をします。

OP№ wpsm6
Cocoonサイトマップ
固定ページ順序

⇒⑥さらに下にスライドしてください。
順序入力してください。


OP№ wpsm7
Cocoonサイトマップ
ページ公開①

目次を表示しないクリックしてください。
公開クリックしてください。


OP№ wpsm8
Cocoonサイトマップ
ページ公開

公開クリックしてください。


OP№ wpsm9
Cocoonサイトマップ
ページ
完成

クリックしてください。

スポンサーリンク

固定ページの日付を非表示にする方法

敷島博士

指定した固定ページのタイトルの次に表示される日付を非表示にするこができる操作を説明します。

OP№ wpd1
ワードプレス固定ページ一覧

固定ページ固定ページ一覧クリックしてください。


OP№ wpd2
ワードプレス
日付表示ID

⇒ⒶID確認してください。


敷島博士

日付を非常にする固定ページのIDをメモってください。

OP№ wpd3
ワードプレス
日付表示CSS追加①

管理画面外観テーマエディタークリックしてください。


OP№ wpd4
ワードプレス
日付表示CSS追加②

CSS貼り付けてください。

css
/*---------------------------------
複数の固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-●● .date-tags,
.post-●●.date-tags,
.post-●● .date-tags {
  display: none;

●●はIDです。

スポンサーリンク

サイトの最初に表示されるアイキャッチ画像を非表示にする方法

OP№ wpi1
アイキャッチ画像 非表示
⇒カスタムCSSⒶCSS張り付けてください。

.eye-catch {
display: none;
}

敷島博士

これで、WordPresとテーマCocoonの主な設定は完了です。
ブログを使って、あなたも商品情報等を発信してください。