質問編集履歴

3 修正依頼に対する編集

退会済みユーザー

退会済みユーザー

2018/06/29 14:32  投稿

[wordpress] パンくずリストプラグインの区切り文字の表示位置を調整したい
# パンくずリストプラグインの区切り文字の表示位置を調整したい
wordpressでパンくずリストを表示させたいと思っています。
wordpressのバージョンはWordPress 4.9.6です。
テーマは自作のものを使っています。
## 使ったプラグイン
[Breadcrumb NavXT](https://ja.wordpress.org/plugins/breadcrumb-navxt/)
バージョン 6.1.0
##事象
- パンくずリストの区切り文字がすべて末尾に表示される 
```
Home次のページその次のページ///
```
- 想定の動作
```
Home/次のページ/その次のページ
```
## 詳細
〇 今回表示させたい箇所はheader
  → header.phpに記載したところ上記の事象が発生
記載したコード([参考](https://techacademy.jp/magazine/7297))
```
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
 <?php if(function_exists('bcn_display'))
 {
  bcn_display();
 }?>
</div>
```
〇 archive-xxx.phpやsingle-xxx.phpなどに上記の構文を追加しても同じ事象が発生する
〇 プラグインの設定で変えた箇所は区切り文字をデフォルトの「&gt;」を「/」に変えたのみ
〇 次のページ、その次のページを示す名前は想定の画面の名前が正しく表示されている
〇 プラグイン内での表示テンプレートは下記です。
 
```
<span property="itemListElement" typeof="ListItem">
   <a property="item" typeof="WebPage" title="%title%へ移動" href="%link%" class="%type%">
       <span property="name">home</span>
   </a>
   <meta property="position" content="%position%">
</span>
```
bcn_display();から呼び出される認識でいます。
〇 出力後HTML上→ページのソース表示で見た場合のコードは以下です。  
```  
<div class="breadcrumbs">  
   <!-- Breadcrumb NavXT 6.1.0 -->  
   <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="homeへ移動" href="https://xxx.yyy.jp" class="home"><span property="name">home</span></a><meta property="position" content="1"></span>/  
   <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="aaa_categoryへ移動" href="https://xxx.yyy.jp/aaa/" class="post post-product-archive"><span property="name">aaa</span></a><meta property="position" content="2"></span>/  
   <span property="itemListElement" typeof="ListItem"><span property="name">bbb_tag</span><meta property="position" content="3"></span>  
</div>  
```  
 
---
wordpressの設定、ソースコードを強制的に変えるといった方法に縛りはありません。
今回の事象になる原因など思いつくことはありますでしょうか?
また考えられる解決方法をお持ちの方がいらっしゃいましたらご教授ください。
よろしくお願いします。
  • PHP

    23999 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    11457 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7526 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • WordPress

    8921 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • プラグイン

    529 questions

    プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

2 訂正依頼による編集

退会済みユーザー

退会済みユーザー

2018/06/29 14:05  投稿

[wordpress] パンくずリストプラグインの区切り文字の表示位置を調整したい
# パンくずリストプラグインの区切り文字の表示位置を調整したい
wordpressでパンくずリストを表示させたいと思っています。
wordpressのバージョンはWordPress 4.9.6です。
テーマは自作のものを使っています。
## 使ったプラグイン
[Breadcrumb NavXT](https://ja.wordpress.org/plugins/breadcrumb-navxt/)
バージョン 6.1.0
##事象
- パンくずリストの区切り文字がすべて末尾に表示される 
```
Home次のページその次のページ///
```
- 想定の動作
```
Home/次のページ/その次のページ
```
## 詳細
〇 今回表示させたい箇所はheader
  → header.phpに記載したところ上記の事象が発生
記載したコード([参考](https://techacademy.jp/magazine/7297))
```
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
 <?php if(function_exists('bcn_display'))
 {
  bcn_display();
 }?>
</div>
```
〇 archive-xxx.phpやsingle-xxx.phpなどに上記の構文を追加しても同じ事象が発生する
〇 プラグインの設定で変えた箇所は区切り文字をデフォルトの「&gt;」を「/」に変えたのみ
〇 次のページ、その次のページを示す名前は想定の画面の名前が正しく表示されている
〇 プラグイン内での表示テンプレートは下記です。  
   
 
```  
<span property="itemListElement" typeof="ListItem">  
   <a property="item" typeof="WebPage" title="%title%へ移動" href="%link%" class="%type%">  
       <span property="name">home</span>  
   </a>  
   <meta property="position" content="%position%">  
</span>  
```  
bcn_display();から呼び出される認識でいます。  
---
wordpressの設定、ソースコードを強制的に変えるといった方法に縛りはありません。
今回の事象になる原因など思いつくことはありますでしょうか?
また考えられる解決方法をお持ちの方がいらっしゃいましたらご教授ください。
よろしくお願いします。
  • PHP

    23999 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    11457 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7526 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • WordPress

    8921 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • プラグイン

    529 questions

    プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

1 タグ追加のため

退会済みユーザー

退会済みユーザー

2018/06/29 10:18  投稿

[wordpress] パンくずリストプラグインの区切り文字の表示位置を調整したい
# パンくずリストプラグインの区切り文字の表示位置を調整したい
wordpressでパンくずリストを表示させたいと思っています。
wordpressのバージョンはWordPress 4.9.6です。
テーマは自作のものを使っています。
## 使ったプラグイン
[Breadcrumb NavXT](https://ja.wordpress.org/plugins/breadcrumb-navxt/)
バージョン 6.1.0
##事象
- パンくずリストの区切り文字がすべて末尾に表示される
```
Home次のページその次のページ///
```
- 想定の動作
```
Home/次のページ/その次のページ
```
## 詳細
〇 今回表示させたい箇所はheader
→ header.phpに記載したところ上記の事象が発生
記載したコード([参考](https://techacademy.jp/magazine/7297))
```
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<?php if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>
```
〇 archive-xxx.phpやsingle-xxx.phpなどに上記の構文を追加しても同じ事象が発生する
〇 プラグインの設定で変えた箇所は区切り文字をデフォルトの「&gt;」を「/」に変えたのみ
〇 次のページ、その次のページを示す名前は想定の画面の名前が正しく表示されている
---
wordpressの設定、ソースコードを強制的に変えるといった方法に縛りはありません。
今回の事象になる原因など思いつくことはありますでしょうか?
また考えられる解決方法をお持ちの方がいらっしゃいましたらご教授ください。
よろしくお願いします。
  • WordPress

    8921 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • PHP

    23999 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    11457 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7526 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • プラグイン

    529 questions

    プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る