固定ページの最下部に投稿記事が自動で表示される設定 | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
固定ページの最下部に投稿記事が自動で表...
 
Share:
Notifications
Clear all

[解決済] 固定ページの最下部に投稿記事が自動で表示される設定  


Alex Tyler
(@alex-tyler)
Active Member
参加: 9か月 前
投稿: 5
2019年12月26日 09:36  

お世話になっております。

現在、病院のホームページ更新にあたり「Cocoon」をベースに製作しております。
機能が豊富ですが、使いこなせていないのが残念です。

さて、トップページを固定ページで作成しておりますが、ページの最下部に投稿記事が自動で挿入されてしまい、どの設定で非表示にできるのか分からず暗礁に乗り上げました。

 

お手数をお掛け致しますが、ご助力頂けると幸いです。

http://izumidai001.wp.xdomain.jp/

----------------------------------------------
サイトURL: http://izumidai001.wp.xdomain.jp
ホームURL: http://izumidai001.wp.xdomain.jp
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:5.3.2
PHPバージョン:7.0.33
ブラウザ:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.0.3
カテゴリ数:5
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.8
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Auto Post Thumbnail:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.3
Duplicate Post 3.2.4
Post Snippets 3.0.14
WooSidebars 1.4.5
WPForms Lite 1.5.7
ytbd yohaku 1.0
----------------------------------------------


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10077
わいひら - Facebookわいひら - Twitter
2019年12月26日 18:01  

なにかPHPでカスタマイズはされていますか?


Alex Tyler
(@alex-tyler)
Active Member
参加: 9か月 前
投稿: 5
2020年1月8日 09:41  

わいひら さま

体調不良でお返事が遅くなり、大変申し訳ございません。

ぽんひろ.comさんの
https://ponhiro.com/cocoon-header-menu-customize/

Cocoon Child: スタイルシート (style.css)

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*!
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
*/
/**アイコン画像余白**/
.site-name-text img {
margin-top: 5px;
margin-bottom: 0px;
}
/*特定ページの投稿日・更新日と著者情報をまとめて消す場合
.page-id-91 .date-tags,
.page-id-91 .author-info {
    display: none;
} */
/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*******************************
* 固定ページ記事タイトル非表示
********************************/
.page 
.entry-title {
  display: none;
}


CSS
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}

/************************************
** グローバルメニュー PC
************************************/
#header-container {
  background: linear-gradient(90deg, rgba(28, 189, 255, 1) 0%, rgba(55, 219, 255, 1) 51.39%, rgba(70, 205, 255, 1) 100%); /* 背景色 */
}
 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 210px;
  vertical-align: middle;
  margin: 20px 0;
}
#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 13px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #42d5e7; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
/*body開始位置  base 90 85 -85*/
#container {
	padding-top: 120px;
}
[id^="toc"]:target {
	padding-top: 115px;
	margin-top: -115px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
		.col_4 > div{
		width: 33.33333%;
	}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.col_4 > div{
		width: 50%;
	}

}

↑ここまで
上記を組み込んでます。

 

あと、カスタムCSSで下記を入力しています。

.item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.item {
  display: flex;
  flex-direction: column;
  width: 32%;
  padding: 0.3em;
  border: 1px solid #ccc;
  box-sizing: border-box;
 margin-bottom: 0.5em;
}
.item-image {
  min-height: 0%;
}
.item-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.item-btn {
  margin-top: auto;
  padding-top: 1em;
}
.item-btn a {
  display: block;
  padding: .5em;
  background: #3498db;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

@media screen and (max-width: 460px){
.none {display:none}
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
	clear: both;
	margin: 0 0 1em;
}
ul li span {
	display: inline-block;
	float: left;
	width: 100px; /*カゴテリー名による*/
        height: 25px;
	margin: 0 10px 10px 0;
	padding: 2px;
	text-align: center;
	font-size: 13px;
   border-radius: 20px;
}
ul li a {
color:#000000;
text-decoration: none;
}
ul li span.gairai {
	background: #deb887;
}
ul li span.dental {
	background: #1e90ff;
}
ul li span.apply {
	background: #FF5192;
}
ul li span.infom {
	background: #90ee90;
}
ul li span.ymd {
	display: inline;
	float: none;
	padding: 0 5px;
	font-size: 13px;
	color: #999;
}

 ※ Javaは変更してません。

一部数字をいじった場所もありますが、基本的には手を加えていません。
お手数ですがご助言頂けると幸いです。

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10077
わいひら - Facebookわいひら - Twitter
2020年1月8日 19:02  

なにかPHPでカスタマイズはされていますか?

PHPの質問をしているのですが、PHPはカスタマイズしていないということで良いですか?
子テーマのfunctions.phpに何もカスタマイズコードが書かれていないか確認してみてください。

また、一応、すべてのプラグインの停止をして動作確認も試してみてください。


Alex Tyler
(@alex-tyler)
Active Member
参加: 9か月 前
投稿: 5
2020年1月8日 20:59  

わいひら さま

ご多忙なのに、的外れな返答ですみません...。

functions.phpは少し追記しています。

 

// アナウンス枠エリアウィジェット
if (function_exists('register_sidebar')) {
    register_sidebar(array(
            'name' => 'ヘッダー領域追加コンテンツ',
            'id' => 'add-header-contents',
            'description' => 'ヘッダー領域に追加コンテンツを表示するウィジェットです。',
            'before_widget' => '
', 'after_widget' => '
',
    ));
}
// ヘッダーロゴの下に出力をする
 add_filter('wp_header_logo_after_open', 'add_header_contents');
 function add_header_contents() {
     dynamic_sidebar('add-header-contents');
 }

 

ヘッダーに病院の連絡先などを載せたいなと思い、
追記しましたが思い通りに動かずまだ運用はしておりません。
↑もう少しチャレンジしてみます。

プラグインはこの後、外して確認してみます。

ご指摘いただきありがとうございます。

This post was modified 6か月 前 by Alex Tyler

Alex Tyler
(@alex-tyler)
Active Member
参加: 9か月 前
投稿: 5
2020年1月9日 13:53  

お世話になっております。

原因が分かりました。

プラグイン内のPHPショートコードが悪さをしてました。

いろいろ調べたところ、query_postsの使い方を間違えており、
wp_reset_queryが抜けていた為、意としない結果となっていたようです。
12行目に追記したら動作が安定致しました。

お騒がせいたしました。

cocoon内蔵のショートコードを利用したかったのですが、
カテゴリーをどのように表示すれば良いかたどり着けなかったので
あえなく、外部のコードをプラグインを利用して使用してました。
困った時は、まずプラグインの見直しから行ってみます。
有り難うございました。

This post was modified 6か月 前 by Alex Tyler

わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10077
わいひら - Facebookわいひら - Twitter
2020年1月9日 20:04  

原因をありがとうございます。
冒頭のような不具合は、PHPが影響していないとちょっとありえないと思ったので、再度質問させていただきました。
その原因でしたら、確かに納得です。


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年11ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました