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

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

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

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

HTML

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

CSS

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

Q&A

解決済

1回答

1803閲覧

ワードプレスのテーマStinger3の記事の間の区切り線追加について

magu3

総合スコア7

PHP

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

HTML

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

CSS

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

0グッド

0クリップ

投稿2017/04/04 08:09

###前提・実現したいこと
ワードプレスのテーマStinger3をカスタマイズしてサイトを作っています。
トップページやアーカイブページの記事の間に区切り線を追加したいと思い、子テーマのcssに
.entry {
border-bottom: 1px solid #000000;
}
を追加して区切り線をトップページ、アーカイブページともに追加でき
たのですが、一番下の区切り線が不要なので、消すために
.entry:last-of-type{
border-bottom: none;
}
を追加しました。トップページの一番下の線はうまく消えたのですが、
アーカイブページ(archive.php)の方を確認してみると、追加した
区切り線が全て消えていました。
アーカイブページにも区切り線を追加して、一番下の線を消したいのですが
:last-of-typeが効いていないのでしょうか?
別の方法があればご提案して頂けると幸いです。

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

アーカイブページ(archive.php)の記事の間の区切り線が全て消えてしまう。

###該当のソースコード

.entry { border-bottom: 1px solid #000000; } .entry:last-of-type{ border-bottom: none; }

###補足情報(言語/FW/ツール等のバージョンなど)
stinger3ver20140327

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

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

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

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

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

guest

回答1

0

ベストアンサー

追加した 区切り線が全て消えていました。

消えたのではなく、そもそも追加出来ていないような気もします。
ブロックの組み方、すなわちCSSの指定方法が違うのではないでしょうか。

投稿2017/04/04 11:48

yuki84web

総合スコア1857

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

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

magu3

2017/04/04 13:19

ご回答ありがとうございます。 Stinger3のphpファイルはトップページ(home.php)と アーカイブページ(archive.php)に同じ<div class="entry">という div classがあるので .entry { border-bottom: 1px solid #000000; } を追加して、アーカイブページを確認すると確かに区切り線が追加できていました。 一番下の区切り線を消したいのですが :last-of-typeを使っていることが問題なのでしょうか? トップページには正しく:last-of-typeが効くのですが、アーカイブページには、一番下の線以外の線も消えてしまいます。border-bottom: none;だけが、効いているような感じです。
yuki84web

2017/04/04 14:25

そのテーマはかなり古いのかサンプルも見つけられないので的確な答えを書くのは難しいです。ブラウザの開発者ツールを使用し、線を付ける要素までの全ての要素のidやclass指定の構造を際確認することをお勧めします。
magu3

2017/04/05 04:38

ご回答ありがとうございます。 ブラウザの開発者ツールを使用して、構造を確認してみようと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問