川柳・・ gooで縦書きに挑戦 → 失敗

2024年1月24日
こんにちわ
デクの坊、シニアすて吉っつぁんです

 

ワードプレスのホームページで縦書きに挑戦

調子こいて、今度はgooでHTMLにスタイルを記述し

縦書きになることを確認しました

 

 

 

 

HTMLモードにして

AI推奨のコードを記述すると上の画面の様に
旨く表示されたのですが、プレビューでは横書きのままでした

 

失敗でした。　ちょっといけるかなと思ったのですが

残念な結果でした。

 

ほかのブログでも試したのですが、一応縦書きにはなりましたが
ヘッダー、フッターなども縦になってしまい、大慌てで

削除した次第です　　　くわばら桑原

 

でわまたお越しください

ワードプレス・・ 川柳を縦書きに・・追加CSS

2024年1月24日
こんにちわ
デクの坊、シニアすて吉っつぁんです

ホームページでの話です
ワードプレスで
川柳を縦書きにしようとやってみました

コピペでいけるサイトをググりました

できそうでしたが、文字が重なったりして
根本的に何かおかしいと直感

色々やって、思い当たるところは
テーマCocoonのフォント設定を
明朝にしているせいかなと思っていました

案の定、デフォルトのフォントにすると
うまくいきました

でも他の所は明朝にしたかったのでCSSのブロックだけを
縦書きにしようと、AIにコードを教えて貰って次の様にしました

---

ワードプレスで
＜外観＞　→　＜追加CSS＞で　コードを以下の様に入力

.tategaki {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
 
 text-orientation: upright;
  width: 100%;
  height: 70%;
  overflow-y: scroll;
  border: 2px solid #434343;
  padding: 20px;
  columns: 15em;
  column-gap: 20px;
  column-rule: 1px dashed #434343;
}

---

注） 
　　 text-orientation: upright;

　→　これはAIにコードを教えて貰いました

---

そして縦書きにしたいページに於いて、
縦書きにしたいブロックを選択後、右側の
＜ブロック＞　→　＜高度な設定＞に
このクラスの　tategaki　を宣言すれば
それなりに縦書きになりました

ワードプレスの外観→カスタマイズ　で
スマホ画面、タブレット画面を確認できますが
たまに縦書きがクリアされ横書き表示となっていました

→　自分のスマホではちゃんと表示されていたので
　　これ以上の深追いをやめました

参考にしたページは以下の所です   note投稿の人です

WordPressの記事の中に縦書き小説を表示するCSS｜森目イクラ

嬉しくてコメントを長々と書きました

 

以下は私が縦書きにしたホームページです
    ↓　　　↓　　　遊びに来てください

 

川柳モドキ　2024年

でわまた

💚 豊富な創造アイディアは

2024年1月日
こんにちわ
デクの坊、シニアすて吉っつぁんです


ーーー　ーーー　ーーー

＜プラス言葉＞

豊富な創造アイディアは
日常工夫が源泉だ

ーーー　ーーー　ーーー


＜概略＞

日常　何気ない平々凡々の中に
宝石が隠れているんだろうなぁ
気づきたいなぁ 

ーーー　ーーー　ーーー


＜メッセージ＞

無限の創造アイディアは、
日々の日常の中に隠れています。
些細な出来事や普段見落としていることに、
私たちの創造力の基があります。

日常の生活の中にアイディアの源があります。
新しい視点を養いましょう。
常に周囲を注意深く観察し、柔軟な
発想で物事にアプローチしましょう。

驚きと喜びに一喜一憂していいぢゃないですか。
愉しみつつ、未知の可能性を切り開きましょう。
日々の生活こそが、
私たちの創造性を豊かに育む源泉なのです。

普段の日常生活に　悟りの素が　潜んでる

でわ、また遊びに来てください 
最後までご視聴ありがとうございました。

🙄なぞかけ・・

2024年1月24日
こんにちわ
デクの坊、シニアすて吉っつぁんです


＜なぞかけ＞

観光川下り　と掛けまして
駅伝の白バイ　と解きます

そのこころは　・・・

ヒント①　駅伝の露払いですね

ヒント②　川下りは熟練が必要
ヒント③　4文字です

ーーー　ーーー　ーーー

＜なぞかけ答え＞

観光川下り　と掛けまして
駅伝の白バイ　と解きます
そのこころは　

必ず船頭（先導）がいます

ご視聴ありがとうございました
でわまたお越しください

👍川柳・・縦書き

2024/1/24
こんにちわ
デクの坊、シニアすて吉っつぁんです

ワードプレスで縦書き表示をやってみました
追加CSS設定で、クラスとか設定し、
ブロックで宣言をするものです　　

初めは何が何だかちっとも・・

解ったことは、テーマCocoonでは
フォントを明朝にしていると
文字ズレが発生する　
標準フォントだとよさそう

でもスマホやタブレット表示にしてみると
なんだか様子がおかしかった　

まあ自分のスマホでそれなりに
表示されたからいいかもと　妥協でした
 vol　182
ーーー　ーーー　ーーー

＜川柳モドキ＞

お題・・・　縦書き

縦書きに　4時間かけて　妥協をし
やってれば　光は見える　お納得
凝り性に　自戒を込めて　ああ休も

ーーー　ーーー　ーーー

＜川柳モドキ　下の句＞

縦書きに　4時間かけて　妥協をし
　　気がつきゃ飯も　そっちのけして

やってれば　光は見える　お納得
妥協必要　ほどほどにして

凝り性に　自戒を込めて　ああ休も
いいやもうこれ　そんなとこだよ

ーーー　ーーー　ーーー

＜都都逸モドキ＞

お題・・・　縦書き

色々やりたい　
凝ってもみたい　
欲と時間の　
せめぎ合い

完璧主義は
ただただ疲れ
私の取り得
いい加減

あれこれどれと
ググってぐぐり
縦書きコード　
継ぎはぎし

プログラミング
真似事遊び　
ヲレも若けりゃ　
ああ無念

ーーー　ーーー　ーーー

デクの坊、シニアすて吉っつぁんのサイトです

縦書きにしてみました

↓　　　　　↓　　↓

川柳モドキ　2024年

最後まで見てくれてありがとうございます。
　でわまた