[Software Tips] WordPress/Cocoon
最終更新日：2022年10月5日（初版作成日：2022年7月31日）
新規投稿が人気投稿（popular_list）に表示されない原因
PV数が0の場合は表示されない。PV数が1以上になれば表示される。
規定の拡張子以外のファイルをアップロードする方法
wp-config.phpに、以下を追記する。
define( ‘ALLOW_UNFILTERED_UPLOADS’, true );
cocoonで、できるだけシンプルなページにする方法
1. “外観” → “カスタマイズ” → “ウィジット” → “サイドバー”で、要素を全て削除する。
2. “外観” → “カスタマイズ” → “ウィジット” → “サイドバー” → “サイドバースクロール追従”で、要素を全て削除する。
3. “設定” → “一般” → “サイトのタイトル”を削除する。
4. “cocoon設定” → “投稿”で、関連項目を全て削除する（カテゴリ・タグ表示は隠れているので注意）。
5. “cocoon設定” → “目次”で、表示しないにする。
6. “cocoon設定” → “SNSシェア”で、関連項目を全て削除する。
7. “cocoon設定” → “SNSフォロー”で、関連項目を全て削除する。
8. “cocoon設定” → “SEO” → “日付の設定”で表示しないにする。
9. “cocoon設定” → “本文” → “投稿情報” → 表示設定を無しにする。
9. “cocoon設定” → “モバイル” → “ボタンを表紙しない”
11. プラグイン”Title Remover”で、タイトルを削除する。
（編集ページのギアマークを押下して出てくるメニューの中腹にチェックボックスがある）
基本的には、cocoon設定で、左から順番にチェックしていって、全部外す。
さらにシンプルなページにする（これはちょっと無理やりな方法なので、必要無し）
1. 固定ページを作成する。
2. “設定” → “表示設定” から、ホームページの設定を固定ページにし、”ホームページ”を1の固定ページを入力する。
3. “設定” → “一般” → “サイトのタイトル”を削除する。
4. “外観” → “カスタマイズ”で、追加CSSで以下を追加する。
5. “cocoon設定” → “全体”で、キーカラーを白にする。
6. “cocoon設定” → “広告”で、関連項目を全て削除する。
7. “cocoon設定” → “カラム”で、コンテンツ幅を最大の1600pxでする。
#header {
margin:0 0 -90px 0;
}
#main {
margin:0 0 0 0;
padding:10px 10px 10px 10px;
}
#footer {
margin-top:0px;
background-color:white;
}
WordPressで、特定カテゴリの一覧の固定ページを生成する方法
1. 固定ページを生成する。
2. php everywhereでphpプログラム（下記参照）を挿入する
備考）カテゴリ内の投稿が全て非公開（private）だと処理されない場合があるので、1件だけ公開の投稿を入れるとうまくいく場合がある。
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<?php
$categories = get_categories();
foreach ($categories as $category) {
if (strcmp($category->name, "friday-meeting") == 0):
$my_query = new WP_Query(
array(
'cat' => $category->term_id,
'posts_per_page' => 1000,
));
if ($my_query->have_posts()) {
while ($my_query->have_posts()) : $my_query->the_post();
echo '<a href=';
echo the_permalink();
echo '>';
echo the_title();
echo '</a><br>';
endwhile;
wp_reset_postdata();
};
endif;
};
?>
</body>
</html>
参考）
WordPress カテゴリーごとの一覧を「取得」「表示」する
画像毎に角の丸めなどを変更する方法
1. “外観”→”カスタマイズ”→”ウィジット”から、当該の画像ウィジットを選択し、”画像を編集”をクリックする（下記画像参照）。
2. “画像CSSクラス”に、自分で使うCSSクラスの識別子を入力する。
3. “外観”→”カスタマイズ”から、”追加CSS”に2.でつけた識別子で、設定する（下記画像では、76〜78行目参照）。
WordPressウィジットの画像詳細設定画面
WordPressカスタマイズCSS編集ページ画面
タグクラウドのタイトルを消す方法
タグクラウドのタイトルだけを削除するのは難しいので、タイトルの色を背景色に合わせる。
以下を「追加CSS」に追加する。
.widget_tag_cloud {
color: white;
}
見出しに通し番号を付ける方法
ここではh2タグに番号を付ける例を紹介する。
まず、bodyタグ内で、カウンターの生成と初期値設定、h2::beforeで、見出しの前に追記させる。
以下を「追加CSS」か.css、styleタグ内に追記する。
body{
counter-reset: h2_counter -1;
}
h2::before{
counter-increment: h2_counter;
content: counter(h2_counter) ". ";
}
見出しの一部に通し番号を付ける方法
ここではh2タグの一部に番号を付ける例を紹介する。
まず、bodyタグ内で、カウンターの生成と初期値設定、h2.my_decoration::beforeで、見出しの前に追記させる。
以下を「追加CSS」か.css、styleタグ内に追記する。
body{
counter-reset: h2_counter -1;
}
h2.my_decoration::before{
counter-increment: h2_counter;
content: counter(h2_counter) ". ";
}
改訂履歴
2022年10月18日：「タグクラウドのタイトルを消す方法」、「見出しに通し番号を付ける方法」を追記
2022年10月05日：”Wordpressで、特定カテゴリの一覧の固定ページを生成する方法”を追加
2022年09月15日：”新規投稿が人気投稿に表示されない”を追加
2022年08月05日：”cocoonのシンプルページ作成方法”を追加
2022年07月30日：初版作成
Total views : 10428