「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

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

記事ページのh1に特定の文言を追加した...
 
共有:
通知
すべてクリア

[解決済] 記事ページのh1に特定の文言を追加したい

7 投稿
3 ユーザー
4 Likes
2,166 表示
(@Jimon)
Active Member
結合: 5年前
投稿: 8
Topic starter  

お世話になります。

記事タイトルが長く読みづらくなってしまう理由から、h1タグの文言と記事一覧などで表示されるタイトル表示を別にできないかと思い、質問させていただきました。

ご教授いただけると幸いです。

〇イメージ例

記事外(ウィジットの新着記事など) → タイトル

記事内(title + h1) → 【追加文言】タイトル【追加文言】

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

実際やってみないとわかりませんが、『特定の文言』を入れるのであれば、できなくないかもしれません。

  • もっと具体的なご説明があればと思いますが、実際のURLをご提示ください。
  • またビフォーアフターの画像があれば、伝わりやすいと思います

該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

 

投稿ページの記事一覧に追記したい場合

.single .entry-title:before {
	content: "かうたっく";
}
.single .entry-title:after {
	content: "ぁぁかうたっく";
}

https://gyazo.com/8655876864377d139c451926a04db072

見た目的に ↑ビフォー

↓アフター

https://gyazo.com/273f884cf43994082ffedf7c1132a6f1

 

あとは投稿ページ毎に『SEO設定』を行うなどかもです。

検索エンジンに表示させたいタイトルを入力してください。記事のタイトルより、こちらに入力したテキストが優先的にタイトルタグ(<title>)に挿入されます。一般的に日本語の場合は、32文字以内が最適とされています。(※ページやインデックスの見出し部分には「記事のタイトル」が利用されます)

https://gyazo.com/2936f326493b3e4f8166fc63b1832166

※やりたい事自体がいまいち把握できてませんが。


   
わいひら reacted
(@Jimon)
Active Member
結合: 5年前
投稿: 8
Topic starter  

かうたっくさんご返答ありがとうございます。説明が分かりづらく申し訳ございません…

1. h1タグ+SEO設定は従来通り入力したテキスト。

https://gyazo.com/dad4a332491a99dcd981cc8722b4b615

2.ページ外の表記では、特定の文言が抜けている状態にしたいと思っています。

(今回の場合は【MTG】【MTGアリーナ】)

ウィジットの新着記事一覧↓

https://gyazo.com/869077ec5bb83dadce8e3bd220e61f10

インデックス記事の表示↓

https://gyazo.com/b2b5d8e37cf26117a3b081cc59bc6ef5

しかし、現状のままではそれらにも文言が入ってしまう状態です。

https://gyazo.com/07962db75c5ba3207e1ec8f33f287e81

頂いたソースコードを使ってみたところh1タグにKWが入らない、表示が崩れるといった結果でした。 https://gyazo.com/5eb138bedf5755ec15082a9f1ac3f9a0

下記は環境情報となります。

----------------------------------------------
サイト名:UNTAPPED
サイトURL: https://jimongg.online
ホームURL: https://jimongg.online
コンテンツ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.0.3
PHPバージョン:7.1.5
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.5.8.5
カテゴリ数:5
タグ数:8
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:1
ホームイメージ:/wp-content/uploads/2018/12/1.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.1
Classic Editor 1.4
Google XML Sitemaps 4.1.0
Imagify 1.8.4.1
Lazy Load 0.6.1
PWA for WordPress 1.1.4
Really Simple SSL 3.1.3
Save with keyboard 3.0.2
Search Regex 1.4.16
SiteGuard WP Plugin 1.4.3
TinyMCE Advanced 5.0.1
WordPress Popular Posts 4.2.2
WP Multibyte Patch 2.8.2
----------------------------------------------

   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

説明が分かりづらく申し訳ございません…

いえ。サイトを運営されてる方は、じっくりご自身のサイトをずっと見てきてるので、説明が簡単になると思います。

その状態を全く知らない第三者が、数行の説明を数分で見れば、そうなるものだと思うので。詳細を伝えるのは難しいだなって思います。

 

1. h1タグ+SEO設定は従来通り入力したテキスト。

https://gyazo.com/dad4a332491a99dcd981cc8722b4b615

2.ページ外の表記では、特定の文言が抜けている状態にしたいと思っています。

すくなくとも、上述したCSSは、元々端的なタイトルを記事上にあるタイトルに記載し、追記する方法になります。

https://gyazo.com/bf23e1b4899e394707490132c93bc22c

 

記事外(ウィジットの新着記事など) → タイトル

記事内(title + h1) → 【追加文言】タイトル【追加文言】

『記事を表示』したときの『タイトルのみ』追記を行いたいって認識ですが。

「記事内(title + h1) → 【追加文言】タイトル【追加文言】」

上記CSSで追記されてませんか?

 

頂いたソースコードを使ってみたところh1タグにKWが入らない、表示が崩れるといった結果でした。  https://gyazo.com/5eb138bedf5755ec15082a9f1ac3f9a0

どこのページをご覧になってますか?

コチラで簡単にできる事はやりますが、上記どおり『実装結果をどうしたいか』が不明です。

 

有料でもやってもらえる件だと思いますが、実装結果をどうしたいかが不明であれば、有料でもごめんなさい。となるかと。単刀直入にいえば、やり取りだけが続くのはお互いシンドイと思います。

 

結果的にどうしたいか。3分でわかる内容をご提示いただけますか?

それでやっと10分・15分かけて、どういう実装をしたいのかを把握できる感じだと思います。どこまで時間を捻出するか、お互い考える面もあるかもですが。

Gutenbergで出力されたものも、同じHTMLだとおもいますが、現在どのページを確認すべきか?ってことで拝見しておりません。

どのページでどこをチェックし、何をすれば良いか。いってください。

早めに解決できればと思いますが、不明点があれば、次のご返信は書き込みなしでそっとおきますね‥

  1. 不具合・カスタマイズ対象ページのURLを提示してください

   
わいひら reacted
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

こんにちは。

いろいろな方法がありそうですが、カスタムフィールドでh1を書き換えるのがラクに実装できそうですね。

子テーマ > tmp > content.php の27行目あたりのh1を書き換えます。


<h1 class="entry-title" itemprop="headline">
<?php $ctm = get_post_meta($post->ID, 'h1タイトル', true);?>
<?php if(empty($ctm)):?>
<?php
if (is_wpforo_plugin_page()) {
echo wp_get_document_title();
} else {
the_title();
}
?>
<?php else:?>
    <?php echo post_custom('h1タイトル');?>
<?php endif;?>
</h1>

この場合、カスタムフィールド名は「h1タイトル」です。

これで記事だけのh1をカスタムフィールドの値に変更可能です。


   
わいひら reacted
(@Jimon)
Active Member
結合: 5年前
投稿: 8
Topic starter  

なるほど、かうたっくさんから頂いたコードは表示そのものをいじるものだったのですね。

頂いたソースコードを使ってみたところh1タグにKWが入らない、表示が崩れるといった結果でした。  https://gyazo.com/5eb138bedf5755ec15082a9f1ac3f9a0

記事タイトルのデザイン崩れが起きたのは、表記のみを変更したため、h1タグの文字として認識されていなかったことが原因のように思います。
(もし、h1タグに挿入されるコードであったのなら、別の原因がありそうですが...)

説明がおぼつかず混乱させてしまい申し訳ありません。
今後は他の方の質問なども参考にして善処いたします。


   
(@Jimon)
Active Member
結合: 5年前
投稿: 8
Topic starter  

たなかまさんご返答ありがとうございます!無事に実装できました!

もし追記以外の方法を取るのだとすれば、記事外のタイトルから文言を取り出すといった形になりそうですが、変更を加える箇所が多そうですね...

ご教授いただきありがとうございました。

 


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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