質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

Q&A

0回答

197閲覧

Wordpressのテンプレート専用の「編集」で id を追加することは可能でしょうか?

EzrealTrueshot

総合スコア388

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

0グッド

1クリップ

投稿2019/05/08 08:34

編集2022/01/12 10:55

前提・実現したいこと

現在

<p> これはテストです。 </p>

やりたいこと↓
Wordpressの記事の中に

<p id="test1"> これはテストです。 </p>

このようなidを追加したいです。

発生している問題・エラーメッセージ

Wordpressの海外優良テーマを購入して記事を書いております。

Wordpressの通常の固定ページを書くときの「編集」から直接htmlを書けば、上記問題はなんなくクリアできるのですが、テーマ特有の「編集」(下図のEDIT IN CUSTOMIZERボタン)からはhtml操作が出来ず、idが入れられなくて困っております。
イメージ説明

こちら、記事中に id="test1" を付け加えたいのですが、EDIT IN CUSTOMIZERを利用して作った記事に対して、付け加える方法を御存知の方いらっしゃいましたらご教示頂けませんでしょうか?

*記事のがめんを追記します
イメージ説明

*追記
イメージ説明
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ysdeko

2019/05/08 08:41

記事の挿入画面からビジュアル / テキストエディタというのがありませんか?
EzrealTrueshot

2019/05/08 09:15

見当たりません。。。 実際の記事の編集画面の画像を追記しておきます。
ysdeko

2019/05/08 09:19

あ、そこからではなくて 投稿画面(1枚目の画像)からAboutというリンクをクリックすると投稿の編集画面に行きませんか? そこに「ビジュアル / テキスト」という項目があるはずなんですが...
EzrealTrueshot

2019/05/08 09:29

ありがとうございます。 確認してみました。 デフォルトのエディターか、Edit in Customizerを選ぶ感じになっておりました。 ここで、デフォルトのエディターを選択すると、htmlの記述ができるようにはなるのですが、ダイアログにも記載されているとおり、編集してしまうと、Edit in Customizerで編集した記事のレイアウトが大幅に崩れてしまいます。(ダイアログではコンテンツが消えると書いてありますが、実際は消えるのではなく、ぐちゃぐちゃなレイアウトになりました。) 再び画像を追記させていただきます。
ysdeko

2019/05/08 10:24

プラグインで編集できないようになっているのかもしれません... その他対処法としては、【AddQuicktag】というWordpressのプラグインを使用すると当初の目的であるid付きのHTMLを埋め込むことは可能だと思います。 https://naifix.com/addquicktag/
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問