現在デフォルトスキンとして「Veilnui Simplog (blue)」を適用中。

タグで分けたカラムの中で英文を書いた時にワードごとに改行させたい | 要望 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
タグで分けたカラムの中で英文を書いた時...
 
Share:

[解決済] タグで分けたカラムの中で英文を書いた時にワードごとに改行させたい  


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月23日 05:59  

こんにちは。素晴らしいテーマをありがとうございます。

あまりにも素晴らしいテーマなので、4つのワードプレス 全てで使っています。

その中で、英語で書いているサイトがあるのですが、タイトルのようにタグで分けたカラムの中で、1つの単語が区切られる形で行替えになってしまうので、ここが単語ごと改行されるようにならないでしょうか。

どうぞよろしくお願いします。


未解決
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4224
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年12月23日 15:39  

その記事のURLをご提示ください。

独自カスタマイズであれば、基本上記の通りです。

https://gyazo.com/14dae6a665e3e16a3a5e3c8d3f879928

カンタンなカスタマイズであれば、対応してくれると思いますが

 

ただ、該当箇所のカスタマイズが

  • 状況が把握できないまま案内をすれば
    何度も繰り返すハメになり、書き込みが倍増してしまいます。
  • また、その結果を書き込まない人が後を絶たない
    など不誠実な書き込みもあったりします。

状況を見てもらっていただき、わいひらさん・書き込み主ともに
納得したうえでの返信を。と思います。

 

ご協力お願いします。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7828
わいひら - Facebookわいひら - Twitter
2019年12月23日 21:16  

かうたっくさんと重複する形となってしまいますが、出来れば実際のページのURL提示していただいて「この部分」と詳細に書き込んでいただければと思います。
テキストだけでは、認識に大きな乖離が出てしまう恐れがあるので。

せめて、該当部分のスクリーンショット画像をいただければと思います。


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月25日 16:52  

現在作成中の記事のプレビュー のキャプチャになります。

the, an, takesなどが語の途中で行替えされてしまいます。日本語はスペースを伴わない言語なので、そういうことを気にしなくて良いのですが、英語のように単語ごとにスペースで区切っている言語は、1単語の途中で行替えしてはいけない(するとすると、シラベルで区切って-をつける)ので、普通のエディタのように、自動で1行のスペースの間などが調整されて自然に行替えされる風にはならないだろうか、と思いまして…

難しいでしょうか?よろしくお願いいたします。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4224
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年12月25日 18:22  

難しいです。

と、いうのもどの領域を。って指定がいるからで
結果URLの提示がないからです。

 

ただ。
ご自身でどこの部分で出力されている領域で、指定方法を変えることはCSSで可能だと思われますよ。

 

http://www.htmq.com/style/word-break.shtml

http://www.htmq.com/style/word-wrap.shtml

 

これを上手に使えば、URLの提示なしに、ご自身で解決できると思います。

 

 

解決できたさい、そのstyleを検索から入った人のためにも、書き込みいただけたら。

と思います。※URLの提示をしていただいた人にも同様のことを思ってやっているのをご理解いただけたら。と思います。


わいひら 件のいいね!
マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月25日 19:30  

今までは、エディタの中で画像を置き、特にカラムで分けることなくテキストを書いてたので、
https://ana-platinum.club/en/kaiten-zushi-in-tokyo/
↑例えばこのように…

気づかなかったのですが、やはりPCで見た際に、画像の横に画像を説明する形でテキストを入れたいとタグでのカラム分けをしたところ、英単語が切れてしまったので、

cocoonの仕様として、エディタの他の部分と同様に自動で改行されるというわけにはいかないかな、と思いました。

たとえば上のキャプチャでは、4行目のSapporoなども切れてしまうため、自分でfromの後を改行したのですが、こういうことをすると環境によっては

...and only 40 km away
from
Sapporo so it takes...

などのように表示されてしまいます。

単純に、cocoonで日本語以外のヨーロッパ言語で書くことが想定されていないだけかと思いましたので、要望として出した次第です。

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7828
わいひら - Facebookわいひら - Twitter
2019年12月25日 20:03  

Cocoon自体は、日本語向けなので、そういった改行になっているのは今のところ仕様です。

というのも、そのようにしないと例えば以下のような長いURLを文中に挿入した時に、改行されないので、スマホなどで見ると画面が横揺れしてしまうという報告が相次いだからです。
https://wp-cocoon.com/community/demands/%e3%82%bf%e3%82%b0%e3%81%a7%e5%88%86%e3%81%91%e3%81%9f%e3%82%ab%e3%83%a9%e3%83%a0%e3%81%ae%e4%b8%ad%e3%81%a7%e8%8b%b1%e6%96%87%e3%82%92%e6%9b%b8%e3%81%84%e3%81%9f%e6%99%82%e3%81%ab%e3%83%af%e3%83%bc/

ただ、Cocoonも2.0以降、まがりなりにも英語翻訳ファイルを作成して一応の英語対応はしたので、その部分は改行されないように変更しようと思います。
長いURL等が、改行されなくて横揺れするようにはなりますが、本来ユーザーの利便性を考えるのであれば、URLを書くのではなくテキストを書いてリンクする方法を推奨しようと思います。

変更したファイルはこちら。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4224
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年12月25日 20:15  

長いURL等が、改行されなくて横揺れするようにはなりますが、本来ユーザーの利便性を考えるのであれば、URLを書くのではなくテキストを書いてリンクする方法を推奨しようと思います。

ホントこれですよね。

URLを見せたい場合、そのようにする傾向はあると思います。

 

おそらく対応済みだとおもうので、対応した場合

数年前それで横揺れを体験したユーザー←私も、長い文字列にはスペースを用いて工夫する(文字列のいい場所に半角などのスペースをいれるなどする)しかないと思います。

それでわいひらさんの言う通り
リンクのほうで対応していただくとか。
もしくは。例えば、引用しているのにリンクしたくない人がいるので
その人は、半角スペース対応では、おそらく
コピペ検索でヒットしないものになるかと思います。


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月25日 21:52  

わいひらさん、どうもありがとうございました!!


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 03:50  

度々申し訳ありません。

FTPでアップロードしたのですが、変わってないように思います。(ワードプレスでログインもし直してみたのですが…)

それとも子テーマのフォルダの中のstyle.cssを上書きすべきですか??


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4224
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年12月26日 06:29  

https://ana-platinum.club/en/kaiten-zushi-in-tokyo/

このページを見るとはみ出している形跡がみあたりません。

  • どこのページのどの文字列を見てるのか、教えていただけますか。

~~追記~~

はみ出している記事のURLを貼ってください。との意味です。

~~~~~~

 

そのほかざっと見て、気にならない場合は、

  • 該当箇所をチェックする必要がありそうだからです。

 

それとも子テーマのフォルダの中のstyle.cssを上書きすべきですか??

子テーマの上書きは基本しません。カスタマイズした箇所・phpファイルも含めて全て初期状態にもどるからです。

 

子テーマのstyleなどのチェックを行いたい場合、子テーマのstyleを全コピペして、Editorで保存。←バックアップをとってチェック。
影響があれば、どの場所のstyleがおかしいかを、コピペ・削除を繰り返すと特定できますよ。

その他カスタマイズがあれば、一時的に親テーマを有効化してみる。
それで影響がない場合、Cocoon設定で行った設定なども含め子テーマ側に問題があるとわかるので、原因を特定する感じです。

This post was modified 1か月 前 by かうたっく

マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 09:23  

いえ、まだ既に更新してる記事でタグでカラムわけをしていないので、上でキャプチャーを出したように、今書いている記事のプレビュー で見ても、単語が区切られてしまったままです。

テストの投稿ページを作りましたので、プレビューのURLはこちらです。

https://ana-platinum.club/en/?p=497&preview=1&_ppp=17b270238b


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4224
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年12月26日 15:38  

プレビューでは管理者しかみえません。

 

ちょっと状況が不明なので何とも言えないかもです。


わいひら 件のいいね!
マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 16:57  

公開プレビュー にチェックしてますが、時間が経つと見えなくなるようですね。

既にあげたキャプチャと同じ現象を画像とテキストを変えてるだけですが、スクリーンショットです。

 

 


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 17:06  

あと、わいひらさんには既に通じているお話だと思います。

ですので、わいひらさんがその仕様を変更してアップデートされたと案内してくださったので、FTPでアップロードしてみたけど、変更されてないので、そのご報告をさせていただいてる形です。

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7828
わいひら - Facebookわいひら - Twitter
2019年12月26日 18:20  

環境情報をいただけますか。アップデートがうまくいっていないように見えます。
https://wp-cocoon.com/theme-report/
あと有効期限があるものならば、僕もいつ見れるかわからないので、出来ればプレビューではなく公開ページにしておいていただけると助かります。
問題解決後は削除しても構いませんので。


マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 19:01  
度々ありがとうございます。よろしくお願いします。
---------------------------------------------- サイト名:Make your trip to Japan PERFECT サイトURL: https://ana-platinum.club/en ホームURL: https://ana-platinum.club/en コンテンツURL:/wp-content インクルードURL:/wp-includes/ テンプレートURL:/wp-content/themes/cocoon-master スタイルシートURL:/wp-content/themes/cocoon-child-master 子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css WordPressバージョン:5.3.2 PHPバージョン:7.2.24 ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36 サーバーソフト:LiteSpeed サーバープロトコル:HTTP/1.1 エンコーディング:gzip, deflate, br 言語:ja,en-US;q=0.9,en;q=0.8,fr;q=0.7 ---------------------------------------------- テーマ名:Cocoon バージョン:2.0.4.1 カテゴリ数:7 タグ数:0 ユーザー数:1 ---------------------------------------------- 子テーマ名:Cocoon Child バージョン:0.0.5 ----------------------------------------------

マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月26日 19:05  

とりあえず2017年ということにして公開してみました

https://ana-platinum.club/en/test/


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7828
わいひら - Facebookわいひら - Twitter
2019年12月26日 20:45  

バージョン:2.0.4.1

現在、以下からダウンロードした場合は、2.0.4.3になるはずです。
https://github.com/yhira/cocoon
上記のページのダウンロードボタンからダウンロードされましたか?
手軽な方法として、cocoon-masterフォルダ直下にあるstyle.cssだけを上書きでも、今回の不具合は改善されるかと思います。

子テーマはさわらない方が良いかと思います。

This post was modified 1か月 前 2 times by わいひら

マダムSFC
 マダムSFC
(@マダムSFC)
ゲスト
参加: 1か月 前
投稿: 11
2019年12月27日 17:13  

遅くなりました。

ローカルに保存してたファイルからstyle.cssのみアップロードしたら、修正されました!

なぜフォルダごとアップロードして直らなかったのか謎ですが、お騒がせしました。

これで安心して、これからバンバンカラム分けしていきたいと思います!

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7828
わいひら - Facebookわいひら - Twitter
2019年12月27日 22:31  

ご確認ありがとうございます。
うまくいったようで安心いたしました。


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:1年5ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
△DBは復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能

サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い

サービス運営期間:1年3ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon

ログイン または 登録 してください

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