a{height:48px;width:48px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}#search-menu-input:checked~#search-menu-content{-webkit-transform:translateY(20%);transform:translateY(20%)}.search-menu-content{padding-top:40px}WordPress初心者がブログ運営する上で必要なバックアップ方法。CSS・HTMLの基礎がわかるステップを丁寧に説明。コピー2015.09.111ページ目は、お世話になった、教えてもらった事への感謝のページ。2ページ目は、ナビリンクの背景の消し方です!daiさん@dairexiaさんが、困り果ててる私にあてて、かうたっく(@kautakku)のための「よくわかるcss講座」ってページを時間を割いて作ってくれたんです♪めちゃくちゃ嬉しくって感謝でいっぱい満たされます♪ダイさんありがとぉ!!そのページに至るまでの、男前っぷりと、教えてもらった事に対しての私の様子を書いたページになります。私、CSSほんっと全然分からなくってぇ、いつもコピペして触って反応しなくって、ググって迷宮入りしてしまうんですっ。そんな時に頼れる「おにぃ」が、おくたにさん:okutani@vdeepさん♪右も左も分からなくなってしまった私かうたっく@kautakkuが、ツイッターで@を飛ばしたんですねっ。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。by子どもの言葉twitter.comこの話の流れから、ダイさんのダイブロでかうたっくの為の講座を公開してくれた流れになったんです。一部抜粋過ぎて、この会話見てどこまで理解してもらえたのか?わかんないですけど。知識のあるお二人が、どうやったら私にとって一番良いか。やったら、分かってくれるかなぁ?って一生懸命になってくれてっ。by子どもの言葉twitter.com今思っても、ジーンっとしてしまいます。以前も似た事があったんです。Weblio辞書なるほどぉ!aタグのバックの色を透明にしてねっ。!important→これを最優先させるんだよぉ♪って意味だったんですねぇ。これで、消えたんですけど、3箇所の記載場所がどこなのが?WordPressの外観→テーマの編集→親テーマ、子テーマのCSS関連と思われる所を探したんですけど、見つからなくってぇ。aタグって?「ビバ★りずむ」についてこれはリンクになってるんです。その左側も同じこれらのナビゲーションは、1つ1つがリンクになってるんです。これがaタグって覚えてもらったら分かりやすいです。!important;}すぐにこれが出るなんて凄いよぉ♪おくやぁん(・∀・)私の悩みどころナビゲーションの上にマウスを置いてもStingerの時は、丸いままで、マウスをのっけたらナビの丸の色が紫からピンクに変わるようにして、またリンクの色がふわぁっと紫に変わって。background-color:#ddd;}ただ、その記載が見当たらなくってぇ。困り果てて、また気になってしまったんです。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。by子どもの言葉twitter.com私が、探せなかったコードってのがこちら。background-color:#ddd;}これが、ダイブロでは、これ3つあるから、消そうよ♪って事なんです。コードをサーバーFTP内ファイルで探してみた私。子テーマ使ってるんですけど、最新子テーマは、私のブログでは画像が白抜きで全部反映してくれなくって、画像なしはキツイので、その前の子テーマ使ってるんです。ファイルがWordPressの外観→テーマの編集の子テーマファイルが見あたらなかったって、想像してるんです。なんで、サーバーFTP内のファイルをのぞいてごらん♪って言うdaiさんの言葉を見て、これやぁ!!ってピコーンってきたんです。daiさんが、探してごらぁん!って言ったのは、これ。画像は、ダイブロのかうたっく(@kautakku)のための「よくわかるcss講座」よりパクッ・・お借りいたしますねっ。次のページで、下記の記載場所を詳しく書いていきます。こちらのコードを探して削除する事自体は、変わりません。background-color:#ddd;}2ページ目は、ナビのリンクをマウスオーバー(ホバー)したときの背景の色を消す箇所を書いています。グローバルナビのリンクにマウスを置いた時、カスタマイズした通り反映しない時の対処法グローバルナビは、元々マウスオーバーした時に、目立つように背景色を付けてくれてる設定をしてくれてるのが、Simplicityです♪でも、カスタマイズ方法によっては、マウスオーバーした時にリンクの背景色を出したくないって事もあります。リンクをマウスオーバーした時、リンクの背景について、解説しているページは下記のリンク。※この記事は、かうたっくさん(@kautakku)さんへのcss説明用の記事ですので、ほかの方が見てもあんまりおもしろくないかもしれません。やあこんにちは、daiです。...dairexia.com対処法は、2種類あります。「!important」については、1ページ目に記載してます。(style.css)にコピペするだけで、一発で消えます。!important;}他の方法をお探しの場合は、下記からになります。2つ目方法:テーマから、ナビリンクをホバーした箇所すべてを消す方法Simplicityは、ありがたい事に誰もが簡単扱えるように、初めからカスタマイズしてくれています。日々改良されてアップデートされているのをよく見ます♪なので、Simplicityを改造するなら子テーマでカスタマイズするのが一番簡単になってくるので、この方法は推奨できません。他のテーマに変えた時、参考になる私がさっぱり分かってないのでお手伝いしてくれたdaiさんに感謝の意味このページで残しておきたいこの理由で、アップしています。該当箇所を探す前に、探し方をご紹介します。WordPressやサーバーのFTP内ファイルに書いてる記載内容を簡単に探す方法!PFPファイル内には、数百行を超える記載があります。そんな中から、該当の記載内容をしらみ潰しで探すのは大変です。目がチカチカしちゃいますし、膨大な情報なのであまりおすすめできません。探したいキーワードを入力すれば一発で、探してくれるんです。HTMLのidに対して、CSSでは♯の記載がありますっ。】をクリックすると、検索画面が出てきます。入力しヒットした件数が出てきます。】で調べると時短になりますので、おすすめします。1箇所目:responsive-pc.cssの該当コード内これは、子テーマ内には元々入ってないファイルでした。FTPでのぞいて見てください。background-color:#ddd;}これは、すんなり見つけられます。※WordPress画面では、見つけられなかった、「responsive-pc.css」サーバーのFTPファイルで発見!※WordPress画面では、responsive.cssのファイルあったんですけど、「responsive-pc.css」自体も無かったんです。(style.css)親テーマのスタイルシートの中、メニューの項目に、例の記載を発見して削除♪これは、WordPress内の分かりやすい場所にあったから、問題なく発見出来ましたよぉ♪もう順調に消す事ができましたよっ。2個目クリア~♪3、4箇所目:simplicity/skinssakura/style.css三箇所目は、下記です。background-color:#FCF1F5;}上記、記載部分を削除。3個目クリア~♪これでどうかなぁ?って見たら・・・。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。」がありますので、ナビリンクのホバー、背景の色って書いてるって事になります。4箇所目、クリア~!でも、まだ反映しません。アカウント凍結ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。twitter.comこれは、phpファイルなので、間違ったところまで削除すると、直ぐに画面が真っ白になりますので、超慎重にしないとイケないんですよっ。?>こちらを、削除したら・・。これで、背景のないナビリンクの完成っとなりましたっ!!可愛いナビのリンクの完成ですっ♪マウスオーバーした時に、ふわぁっとリンクが紫に変わる設定にしてます♪自己満足ですけどねっ♪ナビのリンクに背景がある時コチラ▼・・。ごめんナサイッ2日目は、上記ツイッターの通りガッツリ時間かけて、一緒に解決してくれた事♪ホンっト、ありがとうございました(*^▽^)ノスポンサーリンクスポンサーリンクこの記事が気に入ったらいいね!しよう最新情報をお届けします。2015」の23日を担当する事になった雑多ブログ運営者かうたっく@kautakkuですっ。#ぶろぐのぶキャッシュを切ったのになぜCSSが反映されないのかな、いくら検索してもわからない。わからず困った人に届くけばなぁと思って作ってます...2016.06.19ブログ関連3ヶ月目のブログ運営報告♪PV、セッション少ないけど、のびたよぉ~♪アナリティクスデータを見てたら、流入が増えてました!セッション数やPVが少ない人のブログで、比較しやすいよう流入の割合など気にして作ってます。かみじょーさん目線の「かうたっくワールド!」にのっかるぞっ★かうたっく目線で書いちゃったよぉ٩(๑>∀<๑)و♡ってページこのコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。クラブ』っていうんですってっ!どぉーも『エロクラ』が頭から離れない『かうたっく@kautakku』です。#孫まで届け諭吉@なごみやさんから、バトンを受け取ったかうたっく@kautakkuですっ。「ハイパーリンクチャレンジ2015、孫まで届け」っ今年面白かった記事紹介してバトンをまわそう!っと言う企画ですっ。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。個人情報の取り扱いについてはリンク先をご確認ください。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。レンタルサーバー『エックスサーバー』エンジニア特化型Q&Aサイト【teratail(テラテイル)】無料会員登録カンタン&お得に可愛くなれる♪Rcawaii─登録30秒、カワイイ洋服借り放題!プロのおしゃれテクも学べて月額9,980円タイトルとURLをコピーしました。