Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

640 x 480 写真をスキンに設定...
 
共有:
通知
すべてクリア

[解決済] 640 x 480 写真をスキンに設定,横に写真が連続して入るのを削除したい

17 投稿
2 ユーザー
25 Reactions
1,061 表示
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

ブログのレイアウト写真で悩んでいます。調べましたがわかりません。

640 x 480 ピクセルの写真をメインに設定するにはどうすればいいか。

94 KB

640 x 480 ピクセル

の大きさの画像を、ブログの正面に使いたいのですが、スキン設定はどのようにすればいいですか?設定はデフォルト設定です。

そこにブログのタイトルが正面にくるようにしたいです。

 

いろいろ調べている時に、Cocoonのテーマの画像をテスト画像として作ったのを、スキンに設定しました。

もとのオリジナル画像に戻したいのですが、スキン設定でも、画像でも、変更できません。

どうすればいいですか?

写真のように、プロフィール写真が横に連続して入っていて困っています。

これは、cocoonに変更前のテーマでも同じ症状でした。

 

プロフィール設定をみると、Gravatar でプロフィール画像の変更が可能です。という文章が書かれています。

出ないようにするにはどうしたらいいですか?

 

原因がGravatarプラグインかと思い調べましたが、出てこず、Simple Local Avatarsが出たので無効化しましたが、左右の連続写真は消えません。

無効化するとプロフィール写真は消えました。なので、有効化に戻しました。

左右の写真は変わりません。

なので、この横の連続写真がどの設定からした画像なのか不明です。

プロフィールで設定している画像ではないということです。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、rumi さん

お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。

 

やはり、実際のWebサイトを拝見した方が正確な情報が得られます。

 


   
rumi and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

rumi さん

1に関して

書き込まれた文章の内容から推察しますと、ヘッダー部分の画像のこととお見受けしました。

 

ヘッダー部分の画像の設定は、Cocoon設定の「ヘッダー」タブで行います。

 

過去のトピックでちょうど参考になりそうなものがありますので、リンクを貼り付けてみます。

 

[解決済] タイトルとキャッチフレーズを非表示にする方法

 

この過去のトピックでは、ヘッダー部分を2枚の画像で設定するように説明していますが、「背景画像」と、サイトタイトルの「テキスト」で表示することも可能です。

 

その場合は、「ヘッダーロゴ」画像のアップロードは不要になります。


   
rumi and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

rumi さん

2に関して

緑色の鳥?のようなものが映っている画像は、「背景画像」に設定されているようです。

 

ダッシュボードの「外観」→「カスタマイズ」→「背景画像」と辿って、背景画像を削除して、すぐ上にある「公開」ボタンをクリックして、変更を確定すれば、消せるかと思います。


   
rumi and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

rumi さん

1のヘッダーのデザインに関しては、Ilkumi さんの記事が参考になるかと思います。

 

[Cocoon] ヘッダー画像サイズと選ぶポイント

 

ヘッダーの背景画像は、横幅680pxでは、小さいので、若干ぼやけてしまうかもしれません。

 

可能であれば、横幅は1920px あった方が、ぼやけないです。


   
rumi and わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

rumi さん

もし、上記の説明でも難しいとお感じになる場合は、有償となってしまいますが、初期設定を以下のリンクのプロの方に依頼する、という方法もあります。

 

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】


   
rumi and わいひら reacted
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

@leafytree

早々の返信ありがとうございます。返信遅れて申し訳ありませんでした。

実は、Cocoon設定→高速化がなかったので無効化できなかったので貼り付けませんでした。

設定を開くと、タブがズラっと出ますがここではないのですか?

 


   
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

@leafytree

消えました!確かに背景画像に入っていました!

こんなに簡単に消えるなんて驚きです!

これで問題が一つ解決しました。

あとはもうひとつのサイズなどについてやってみます。

長年の悩みがすっきり解決しました。

ありがとうございました。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@rumi さん

お問い合わせの際には、実際のURLをご提示いただくと、回答する側は、とても助かります。


   
わいひら and rumi reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@rumi さん

Cocoonの高速化設定は、以下の画像の位置にある「高速化」をクリックすると開くとこができます。

 

 
 
今回は、もう大丈夫ですので、今後の参考になさってください。

   
わいひら and rumi reacted
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

@leafytree

これもできました!

教えていただいたリンクから、2つに分かれているのが理解できました。

ヘッダーロゴを消すと、背景画像として変更できました。

1つは「ヘッダーロゴ」画像で、通常は背景を透明にしたpng画像を使います。

もう一つは「ヘッダー背景画像」で、こちらが背景になります。

あとはロゴの位置設定変更です。

添付写真のように、ロゴが正面になっているのを右に寄せたいです。

探しましたが設定がありません。

また、モバイルでみるとサイズが縦のびになっているので、両方にうまく収まる設定にしたいです。

写真サイズ変更などは時間がかかるので、引き続き、じっくり考えます。とりあえずここまでで自分としたら大満足です。

ありがとうござました!

 

すっきりと、とても気持ちよく解決できたことを感謝します。

 


   
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

解決ずみ、といいね!の場所がわかりません。

トピック冒頭とはどこに表示されているものですか?

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@rumi さん

いまのところ、ロゴのテキストを右に寄せる機能は、ありませんので、独自にカスタマイズするしかないかもしれません。

 

背景画像に文字も入れて画像を作るという方法もあります。

 

貼り付けたトピックにもありますが、ヘッダーの高さは、スマホとPCと別の高さを設定できるようになっています。

 

「解決済み」の文字が右下に見当たらないときは、わいひらさんが適当に解決済みにしてくださるかと思いますので、とくに何もしなくても大丈夫です。

 


   
わいひら and rumi reacted
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

@leafytree

ありがとうございます。次回からやってみます。お手数おかけしました。


   
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

解決ずみ、は最初にたてたトピックの下にありました。
いいね!はまだ探せていません。


   
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

いいね!もわかりました。ありがとうございました。


   
 rumi
(@rumi)
Eminent Member Registered
結合: 4年前
投稿: 22
トピックスターター  

@leafytree

いまのところ、ロゴのテキストを右に寄せる機能は、ありませんので、独自にカスタマイズするしかないかもしれません。

先にトピックを立ててしまいました。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました