サイト内検索
Cocoonフォーラム
  
  
  
  書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
 - よくある質問と答え(FAQ)
 - サポート対象外のケース
 - 原因不明の不具合用トラブルシューティング
 - トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
 - 真っ白画面でのエラーメッセージの確認方法
 - ブラウザ環境チェックツール
 - Cocoonカスタマイズ依頼
 
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
	                                     トピックスターター                    2021年1月22日 10:38  
		                                    
        
        
        
    
    	            
	            埋め込んだSpotifyを、スマホで見たときに中央寄せにしたいです。
上記リンクを拝見して、YouTube・その他SNSの埋め込みを中央にすることはできたのですが、
Spotifyの場合はどのように表記すれば良いのでしょうか。
恐れ入りますが、よろしくお願いいたします。
	                                                        2021年1月22日 11:09  
		                                    
        
        
        
    
    	            
	            前略、町さん
とりあえず、以下のコードで、スマホでは、中央寄せになりそうですが、もう少し画面幅を広げていくと、ちょっと変な表示になっている幅帯がありますね。
その辺りは、もう少し改善が要りそうです。
.wp-block-embed-spotify > .wp-block-embed__wrapper {
  text-align: center;
}
PC表示のときの、横並びのやり方を少し変えた方が良いのかもしれません。
今ちょっと、時間がないので、簡単なところだけ・・
わいひら reacted
	            
	                                                        2021年1月22日 11:51  
		                                    
        
        
        
    
    	            
	            町さん
出先なので、解決方法は探れませんが、スマホで横表示にすると上手く表示されないようです。
	                                     トピックスターター                    2021年1月22日 22:48  
		                                    
        
        
        
    
    	            
	            
	                                            	            	                	        
	                                                        2021年1月22日 23:14  
		                                    
        
        
        
    
    	            
	            町さん
それを修正するには、2カラムブロックに Classを付与して、CSSで、「Spotify」の方の幅が伸縮しないようにしなければならないような気がします。(ブロックエディタ―でテキストエディターに切り替えて修正するのって、思うように修正できないときがあるんですよね。)
ちょっと、メンドクサイです。
余談ですが「Spotify」の埋め込みって、「Internet Explorer」では表示されないみたいですね。
この投稿は5年前 2回ずつリフィトリーに変更されました
	                                     トピックスターター                    2021年1月22日 23:27  
		                                    
        
        
        
    
    	            
	            @leafytreeさん
う〜〜ん、そうですか…。
しかもInternet Explorerで表示されないのですか…。
例えばApple Musicだったら大丈夫、みたいなことはあるのでしょうか?
(検索してもわからず、すみません)
	                                                        2021年1月22日 23:30  
		                                    
        
        
        
    
    	            
	            町さん
すみません。
mp3 の埋め込みぐらいしかやったことがないので、Apple Music は、私もイチから調べる感じです。
音楽に疎いです。 ?
この投稿は5年前 2回ずつリフィトリーに変更されました
	                                                        2021年1月22日 23:35  
		                                    
        
        
        
    
    	            
	            町さん
町さんのサイトは、Internet Explorer でのアクセス率が高いですか?
私のサイトは、記事の内容のためか、けっこうあります。
この投稿は5年前ずつリフィトリーに変更されました
	                                                        2021年1月23日 00:04  
		                                    
        
        
        
    
    	            
	            Apple Music の埋め込みも、対応ブラウザ一覧 的な情報って、どこかにないのかな?
実際に埋め込んでみないと分からないのでしょうか・・
実際に埋め込んでみる方が早いかも・・
この投稿は5年前ずつリフィトリーに変更されました
	                                     トピックスターター                    2021年1月23日 13:15  
		                                    
        
        
        
    
    	            
	            リフィトリーさん
Spotifyに関してご教授いただきましたが、外しちゃいましたすみません…。
以下のようなシンプルな形でApple Music埋め込んでみました!
リフィトリー reacted
	            
	                                                        2021年1月23日 13:54  
		                                    
        
        
        
    
    	            
	            町 さん
こっちの方が、見た目もスッキリしていい感じのような気がします。
私の環境では、「Internet Explorer」と「Edge」では、上手く表示されないみたいですが、「Firefox」と「Google Chrome」では、上手く表示されていて、再生できます。
また、iphone でもちゃんと聞けるようです。
懐かしの昭和の歌ですね。
わいひら reacted
	            問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。

 
