MR.HARIKIRI-INSIGHTS

タグ: テーマ

  • [WordPress] 標準テーマ Twenty Twenty – 文字関連を調整する [2019/12/08]

    [WordPress] 標準テーマ Twenty Twenty – 文字関連を調整する [2019/12/08]

    Post Views: 180

    WordPressの新しい標準テーマTwenty Twentyを使ってみた、札幌GEEZERさんより

    新デフォルトテーマ「Twenty Twenty」のご紹介、kinsta.comより

    WordPress5.3 新デフォルトテーマ Twenty Twenty をチェックしています、ねんでぶろぐ-さんより

    Twentynineteen、文字を小さくする

    うらのボツ　さんのサイト

    https://noronoron.com/twenty-twenty-contents-width/
  • [愚者は経験から学ぶ] WordPressのあるカテゴリの表示ができないことに気づいた，その奮闘と解決 [2019/11/23]

    [愚者は経験から学ぶ] WordPressのあるカテゴリの表示ができないことに気づいた，その奮闘と解決 [2019/11/23]

    Post Views: 152

    物語の流れは

    表示されなくなったカテゴリ

    状況把握と対策のステージに入る

    • カテゴリ”WordPress”の表示ができなくなっていたことに気づく
    • WordPressに原因があるのか，カテゴリがこわれたのか?
    • 今使用しているテーマTwenty seventyが原因なのか? 2カラム表示で楽しんでいたのに．
    • CTDテーマ(約1万円)に変更すれば，なおるかも．国内トップのテーマ売上らしいが．
    • いっそのこと，WordPress 5.3にアップデートしようか?　5.3より5.3.?になってからが良いと考えていたが．
    • それなら，最新のテーマTwenty Twentyに乗り換えようか?

    実行ステージに進む

    さんざんググったり考えた挙句，WordPress 5.3-jpにUpdateしてテーマTwenty Twentyを使ってみた．

    Twenty Twentyは，ググってみると1カラムモードのみのようだ。今日からは、あまり飾らず。初期設定のままでいってみよう。アクセスは少ないので世の中には迷惑をかけようが無い。飽きたら、また、ドレスアップしよう、と思っている。それにしても、スマホから見た表題がBig過ぎだなぁ。まぁ見やすいか。

    その結果

    表示テストの結果，不具合の原因は，WordPressでもテーマでもなかった．

    今日の律速は体力のようだ．今日はもう寝ることにした．夜中過ぎなので，また，今日の朝に起きてからにする．

    睡眠中でも，何かが競合しているなどあれこれ夢をみているのか，考えていてるのか，それで目が覚めた．

    最終的な解決に至る

    WordPressカテゴリのページが表示されない原因は，固定ページのパーマリンクがwordpressであったことで，カテゴリのwordpressと競合していることであった．

    Updateによる不具合

    WordPress 5.3-jpにすることで，Editor(エディター)に問題が発生した．iOSのChromeでは問題ない．Windows10のEdgeもChromeも同様に問題が発生した．TinyMCE advancedとGutenbergが競合して，TinyMCE advancedによるメニュー表示が表示されたりされなかったり，表示されてもカーソルを動かすと，そのメニューが消えたり，と症状が発生した．乗りかかった船，これまでお世話になったTinyMCE advancedとお別れして，これからは，標準エディターのGutenbergのみを使用することにした．依然としてEdgeでは不具合が残る．

    結論

    固定ページも投稿ページも，同じページであり，パーマリンクは，当然に競合可能である。それが問題を起こす。

    2019/11/22~2019/11/23、はりきり(Mr)

  • [WordPress] テーマ・カスタマイズ – Twenty Seventyテーマの2カラム表示の幅の拡大　[2019/09/03]

    [WordPress] テーマ・カスタマイズ – Twenty Seventyテーマの2カラム表示の幅の拡大　[2019/09/03]

    Post Views: 217

    はじめに

    WordPressでblogを始めた頃は、先人の投稿を参考にしテーマを「Twenty Seventy」にしていました。2020/08現在は、WordPressのバージョンアップととにも搭載されたシングル・カラムであるTwenty Twentyに変更しています。

    以下の記事は、Twenty Seventyの表示の体裁について、CSSもよく分からないまま、先人の知恵をお借りしてなんとか設定していた頃の記録です(2020/08/25, Mr.Harikiri)

    Twenty Seventyテーマの2カラム化

    以前、使っていたサイトのStyleは、「Twenty Seventeen」でしたが、メインとサイドバーの幅をデフォルト設定から画面いっぱいに広げていました。

    WordPress、CSSなど、全く何もわかっていなかった時期でした。

    iPadで閲覧した時に、デフォルトでは、左右に余白があり有効活用されていませんでしたので、スペースの有効活用の情報収集として、数時間のネットサーフィンの結果、やはり同じような事を考えて、解決されたブロガーさんがおられました。

    以下のコードは、プログ「妻と僕。」さんから頂きました。ありがとうございます。

    設定方法

    WordPress > 左メニュー > 外観 > カスタマイズ > 追加CSS (編集窓にコピペ)
/*
* 説明 : widthを効率化する
*/
@media screen and (min-width: 48em) {
.wrap {
max-width: 1100px;/*記事・サイドバー・余白の全幅*/
padding-left: 2em;/*記事の左余白*/
padding-right: 2em;/*サイドバーの右余白*/
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 67%;/*記事幅*/
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 29%;/*サイドバー幅*/
}
.navigation-top .wrap {
max-width: 1100px;/*メニューバー幅*/
padding: 0.75em 3.4166666666667em;
}
.site-content {
padding: 2.5em 0 0;/*メニューバーと記事の間隔*/
}
}
    編集履歴
2019/09/03 Mr.はりきり
2020/07/28 修正(過去の状況であることを明確に記述)