twentyfifteenのテーマを使っています。
ウィジェットのテキストでリンクを作成した所、下線が入ってしまいます。
他のリンクには下線がないので、少し違和感が。。
一体どうなっているんだろうと見ていると、style.cssに以下のような記述を発見。
.textwidget a {
border-bottom: 1px solid #333;
}
ウィジェットのテキストのリンクを指定するスタイルみたいです。
なぜわざわざborder-bottomを指定しているんでしょう。。
よくわかりませんが、デザインのことを考えて消させていただくことに。
子テーマのstyle.cssに
.textwidget a {
border-bottom: 0;
}
を追加すると、下線が消えました。
子テーマを作っておくと本当に便利なので、おすすめです。
twentyfifteenの子テーマを作っています。
wordpress/wp-content/themes/
に、子テーマのフォルダ、twentyfifteen_childを作成。
その中に親テーマtwentyfifteenのstyle.cssをコピペ。（FTPで）
テーマの編集で中身を削除して以下を記述。
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/
外観→テーマで、子テーマTwenty Fifteen Childを有効化（違和感ありますが、子テーマのスクリーンショット画像は表示されません）
サイトを確認すると、レイアウトがめちゃくちゃ。。
style.cssに以下の記述が抜けていました。
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/
@import url(“../twentyfifteen/style.css”);
さらに調べていると、この方法だと、読み込み時間が少し遅くなるということ。
以下のようにするのが現在の主流みたい。
style.css内は以下のようにする。
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/
次に、子テーマのフォルダ内にfunction.phpを作成。
テーマの編集で、以下のように記述。
<?php
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
先走って色々といじったりしていたので、問題解決まで3時間くらいかかりましたorz。
初めは極力シンプルにして動作確認するということを再認識させられました。
プラグインをすべて停止したり、テーマを変えたりしたが解決せず。。
色々試していると、URLの投稿名を削除すると表示されることがわかり、パーマリンクというものの設定に問題がありそうと予想。
設定→パーマリンク設定
で確認すると、なぜかカスタム構造になっていた。。
基本に戻した所、解決。
これで1時間を費やすorz。