Cocoonフォーラム

@ワードプレス初心者 さん Zipファイルを解凍すると、フォルダが2重構造になるかと思います。 なので、内側の「cocoon-master」フォルダで上書きする感じです。 全部上書きしてもｘサーバーなら、たぶん、大丈夫です。 念のため、不具合の出たテーマファイ...

@ワードプレス初心者 さん もし、わからないことがあったら、質問してください。

@yhira さん 私の方は、新しいファイルをテスト環境にインストールして試してみたら、横揺れしなくなりました。 でも、ワードプレス初心者 さんのサイトは、重大なエラーに・・ アップデートに失敗しちゃったのでしょうか？

@ワードプレス初心者 さん 本来の使い方としては、スライドインサイドバーの下のレイヤーのコンテンツをスクロールするためのものではなく、スライドインサイドバーそのものをスクロールする機能だろうと思います。 ですので、先ずは、サイドバーのコンテンツをスクロールするぐらいまで、増やして...

@yhira さん <div id="slide-in-sidebar" class="sidebar nwa cf" role="complementary"> というスライドインサイドバーの内側のコンテナに「class="sidebar"」があるので、 1379px以下のメ...

@yhira さん Firefoxのモバイルシュミレーションだと、ちょっとだけしか揺れないです。 画面下にスクロールバーが出ているかと思います。 ローカルのLive Linkを使って、iphoneにURLを送ってテストしたら、思いっきり揺れちゃいました。（safariです。）

テストサイトでサイドバーを左にしてみたら、やはり、スライドインのサイドバーが揺れてしまいます。  2d9c4a7329f228002be77d689db8fef7.png

ただ、モバイルヘッダーボタンを固定表示にしてしまうと、スクロール時に隠れなくなってしまいますね。

@ワードプレス初心者 さん たぶんですが、それは、仕様です。 Cocoon設定の「モバイル」タブの設定に「モバイルボタンの固定表示」という設定があります。 こちらで固定すると、モバイルヘッダーボタンの方が上のレイヤーになるようです。 13a2957a...

モバイル時にサイドバーをスクロール。  3db667fe8887eaa7d73e4ddb9d4f2621.gif

@ワードプレス初心者 さん これが、どのような状態なのか、ちょっとわかりかねますが、以下の動画のようにスクロールで一時的に隠れたりするのは、通常の動作かと思われます。（固定することもできるみたいですが・・） サイドバーを左にするのがご希望でしたら、左のままにして、お待ちいただく方...

前略、ワードプレス初心者 さん もしかしたらですが、テーマの不具合かもしれません。 サイドバーを左にするユーザーが少ないので、判らなかったのかもしれないです。 いずれにしても、わいひらさんが診てくださると思うので、少々お待ちください。  511eb1...

前略、bikeman さん 回答がないようなので、仕方なく？書きこませていただきますと・・ 何処かの設定や良い解決方法があったら、私も教えてほしいです。 記事を分割していると、いきなり２ページ目にアクセスされてしまったり、別のページは読んでもらえない場合も多々あるんですよね。...

ロクナナ さん 実際のサイトを拝見しないと何ともわからないのですが、テーブルの線をCSSで表示するコードは以下のようなものになるかと思われます。 table th, table td { border: 1px solid #ccc;} もし、スキンのデザイン等で、線...

色のコードは、こちらのリンクで選べます。 html-color-codes

「吹き出しなし」の場合は、こんな感じかと・・ .author-content { padding: 0; color: #333;/*説明文の文字の色*/ background-color: transparent; border-radius: 0; positi...

@bizh さん そういえば、確かにそうですよね。 私は、そこまで、考えが至っていませんでした。 私も、とても参考になりました。

@bizh さん ショートコードのカテゴリーをカンマ区切りで記述して、上手く表示されているのでしたら、無理に、 children=1 を、試す必要は ないと思います。

@bizh さん 単純に、新着記事の方には、「children=1」が有り、人気記事の方には、「children=1」が無かったので、人気記事のショートコードにも「children=1」を挟めば、新着記事同様に表示されるのでは？と、思ったのです。 なので、IDは、変えなくてもイケ...

前略、BizH さん 私はあまりショートコードを使ったことがないので、詳しくはないのですが、人気記事の方には、 children=1 の指定が無いような気がします。 子カテゴリーの記事の数を数えてみますと、親カテゴリーには記事は無いような気もします。 親カテゴリーは、子カテ...

@tiky さん いえいえ、Wordpressでサイトを運営されていらっしゃるだけでも十分にパソコンに詳しい方だと思います。 SSLに関しては、私も詳しくはなく、また、例え詳しい方であったとしても、管理画面を見ることはできないので、難しいかもしれませんね。 あとは、吹...

@ykk さん できれば、もう少しご自身のWebサイトを教材にして、学びながら、ご自身で少しずつゆっくり日数をかけてでも修正していってみてください。 自分のWebサイトなので、他人事ではないので、とても良い教材になると思います。 自分のサイトなので、慌てる必要はないと思い...

@ykk さん やはり、ご自身で追加CSSに記述されている以下のCSSが優先されているようです。 /*インデクス背景透明**/ .home.no-scrollable-main .main{ background-color:transparent; } これをコメントアウトするか、...

@ykk さん やっとわかりました。 背景色じゃなくて、メインカラムの背景色を白にしたいのですね？

おそらく、「全体」タブあたり・・  429eeabc736e8ef21f3b6e014f0f72f1.png

ykk さん headタグの中にインラインで以下のようにCSSが出力されいるため、子テーマのCSSや追加CSSの記述で上書きするには、これより詳細度の高い書き方をしなくてはなりません。 body.public-page { background-color: #d8d8d8;} でも...

前略、ykk さｎ 先ほどのトピックで言い忘れましたが、ソースコードの72行目あたりに出力されている、長～い、CSSは、Cocoon設定で設定したものだと思います。 なので、CSSの記述ではなく、Cocoon設定の全体タブとかどこかのタブで設定してあると思います。

@y-hiroaki さん ありがとうございます。 ちょっと探してみます。 ちなみに ブックON は、おそらく存在しません・・m(_ _)m　m(_ _)m

@ykk さん CSSの記述も整理術が長けている方は、整然と、誰が見てもすぐわかるように書かれますが、そうでない方は、とっ散らかしたようになっているのも、たまに見かけます。（私もあまり他人のことをとやかく言えるほど整理してあるわけじゃないのですが・・） @ykk さんは、勉強術には、...

@ykk さん 今回のサイドバーのデザインなら、追加CSSの方を修正すれば反映されるかと思います。 というか、子テーマに書いた .sidebar h3::after { border-color: #4169e1;} の記述を、わかりやすく、追加CSSの方へ引っ越してもい...

@ykk さん CSSは、記述する場所や、読み込みの順番によっても、優先順位が変わってきます。 Ctrl + U のショートカットキーでソースコードを見てみると、どのような順番でCSSのコードを読み込んでいるかがわかります。 大雑把な順番としては、 外部ファイ...

@y-hiroaki さん 新本市場か、ブックON あたりなら、見つかるでしょうか・・

レスポンスを期待される？同級生ではあるのですが、あいにく「めぞん一刻」は、床屋で読んだ程度。 今から読んでも遅くない？

@ykk さん 7月11日18時38分現在 子テーマのCSSのデフォルトの記述は、元に戻されたようですね。 ただ、まだ、スキンのCSSをまるごとコピーしたものが残っているようです。 サイドバーの見出しの一部の色を変えるだけでしたら、以下のCSSだけ追記すれば、色は変わ...

前略、ロクナナ さん スキンによっては、線の出ないものもあるみたいです。 フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。  3b1534...

@ykk さん 繰り返しになりますが、子テーマのCSSの記述の「戻しかた」がわからないときは、質問してください。

@ykk さん 7月11日15時49分現在 子テーマのCSSに必要な記述が欠けています。 以下の記述に戻してください。 @charset "UTF-8";/*!Theme Name: Cocoon ChildTemplate: cocoon-masterVersion: 1...

@ykk さん 初心者向けのトピックをご案内させていただきましたが、そんなに難しくないとは言え、数分や数時間で学ぶことはできないかと思います。 もう少し、腰を据えて、じっくりやってみてください。

@ykk さん 子テーマのCSSに、どこから追記したのかわからなくなってしまった、というときは、以下のようにしてください。 @charset "UTF-8";/*!Theme Name: Cocoon ChildTemplate: cocoon-masterVersion: 1.1...

@ykk さん 子テーマのCSSにスキンのCSSをコピーしていませんか？ まるまるコピーしてしまうと、スキンのCSSと重複してしまいます。 子テーマのCSSに書くのは、以下のCSSだけでいいはずです。 .sidebar h3::after { border-co...

@ykk さん デベロッパーツールは、ブラウザのオプションツールで、Webサイトの内容を確認するためのものです。 ですので、デベロッパーツールで色やデザインを変更してみるのは、借りた衣装を着せてみるようなもので、CSSを追加や変更したときにどうなるのかを、仮に確認するだけの話です。 ...

@ykk さん 以下のトピックには、有用なリンクが満載です。 きっと役に立つと思います。 【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

@ykk さん うーん、それは、たぶん、ykkさんが、あとちょっと、HTMLやCSSの勉強をすすめるとすぐわかるようになると思われます。 最初に貼り付けた画像がヒントです。 めちゃくちゃ難しい訳ではないので、ご自身でわかるようにしてみてください。 SEさんなら...

@ykk さん デベロッパーツールの表示位置は変更可能です。（縦３つの丸をクリック） 別ウィンドウでも表示できます。 7d88136c9302574d2816e9cbcbcc4e7c.png

@ykk さん Chromeだと、スマホのアイコンをクリックじゃなかったかな？  e8e437d6b14fe88731712ff561530a26.png

@ykk さん わいひらさんの記事を貼ってみます。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

ykk さん あと、前のトピックでも書きましたが、こちらも強くオススメします。 WordPress５から無くなったWP Multibyte Patchは必須なので手動インストールしましょう

ykk さん 追加CSSに書かれたCSSのコードは、文字コードをUTF-8（BOMなし）で扱うことができるテキストエディター等でバックアップして、子テーマにコピペでOKです。 SEさんだから、その辺りは、わかりますよね。

ykk さん 親テーマから子テーマへの移行は以下のトピックが参考になります。 [解決済] 親テーマと子テーマについてです。  faa45ffc4debaec3d10d6ef7123017b1.png

前略、ykk さん カスタマイズは、子テーマで行うことを強くオススメします。  018391377bef34c31ae0aef8cc1805b0.png