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

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

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

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

PHP

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

HTML

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

Q&A

解決済

2回答

640閲覧

WPのテンプレートタグ(カテゴリー)の・が消えません

takawork

総合スコア95

WordPress

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

PHP

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

HTML

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

0グッド

0クリップ

投稿2020/09/22 21:09

イメージ説明
青いカテゴリーの左に点が出てしまいます。

<?php the_category('');?>

を使うとリストになることが判明したので、
html内には出てないですが、検証モードで見つけた
post-categories

ul {
list-style: none;
}
を適用させたのですが、点は消えませんでした。よろしくお願いします。

<article class="article col-lg-9"> <div class="article-box"> <div class="article-ttl"> <h1><?php the_title();?></h1> </div> <div class="article-bar"> <div class="article-bar-tag article-outline-tag blue"> <?php the_category('');?> </div> <div class="article-bar-time"> <p><?php the_time('Y年m月d日'); ?></p> </div> </div> <div class="article-detail"> <p><?php the_content();?></p> </div> </div> </article>
.article-box { border: 2px solid #D1CCCC; background-color: white; } .article-ttl { margin: 10px; } .article-ttl h1 { font-size: 36px; font-weight: bold; text-align: center; } .article-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 4px; } .article-bar-tag { list-style: none; padding-top: 63x; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-bar-tag a { background-color: #00acee; border: 2px solid black; margin-left: 6px; margin-top: 6px; border-radius: 4px; padding: 2px 10px; font-weight: bold; cursor: pointer; font-weight: bold; display: block; font-size: 12px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28); border-radius: 8px; color: white; list-style: none; } .article-outline-tag { color: white; text-shadow: 1px 1px 0 black,-1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black; } .article-bar-time p { font-weight: bold; margin-right: 4px; } .article-detail { margin: 0 10px; }

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

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

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

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

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

guest

回答2

0

自己解決

検証モードでulのコードをダブルクリック。
検証モード右の方のプラスを押して、そのクラスを出現させる。
ul.post-categories {
}
と出てきたので、
ul.post-categories {
list-style:none;
}
と入力したら・が消えた。
同じコードを自分のmystyle.cssに貼ったら解決出来た。

投稿2020/09/23 02:28

takawork

総合スコア95

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

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

0

list-style: none;
がulではなくdivに適用されていないでしょうか。

投稿2020/09/23 00:15

tabuu

総合スコア2449

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問