by Google Ads ID24747 by Google Ads ID:11145 by Google Ads ID23293
はじめに
WordPressでblogを始めた頃は、先人の投稿を参考にしテーマを「Twenty Seventy」にしていました。2020/08現在は、WordPressのバージョンアップととにも搭載されたシングル・カラムであるTwenty Twentyに変更しています。
以下の記事は、Twenty Seventyの表示の体裁について、CSSもよく分からないまま、先人の知恵をお借りしてなんとか設定していた頃の記録です(2020/08/25, Mr.Harikiri)
Synology DS517 by Amazon ID:22173 Synology DS920+ by Amazon ID:22172 オムロン BY50S用パック by Amazon ID:22171 オムロン BY50S by Amazon ID22170 Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327 エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327
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 修正(過去の状況であることを明確に記述)
by Amaozn ID13196 by Amazon ID13211
【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751 
3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513 
3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511 
ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509 
zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
用語の解説、関連タグ付き投稿の抽出
theme
Twenty Seventy
two column
テーマ
by Google Ads ID23293 by Google Ads ID24747 by Google Ads ID:11145
Update ID21920
[Bio-Equip] Cytiva – Plasmidselect Xtra [2020/11/14] ID24783
Post Views: 42 PlasmidSelect Xtra Super coilになっているplasmid DNAを精製するクロマト担体。 Plasmidselect Xtra – Cytiva &# […]
[Trip] みたらし子餅、は大阪のお土産 – ID1442 [2019/08/24]
Post Views: 45 なぜ、東京にいったのに大阪のお土産をかってくるの? あは、美味しそうだったからだよ。
[Cafe] KEIHAN CITY MALL 珈人-KAJIA – ID18838 [2020/07/12]
Post Views: 35 珈人-KAJIA 大阪は地下鉄の天満橋駅、京阪シティ・モール(その昔は、松坂屋でした)の3Fにあるカフェ「珈人」。昔からある「喫茶店」といった風格のある広々とした客席でコーヒーを頂く。今回は […]
by Amazon ID13339 by Amazon ID19245
by Google Ads ID:11145 by Google Ads ID23293 by Google Ads ID24747
最新記事(WordPress, ID:14681)
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているが、スタイルはある- ID30216 [2021/05/30]
Post Views: 32 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]
Post Views: 14 パンクズリスト パンクズリストは、サイトで移動した履歴です。フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法は多数ありま […]
[WP] Ultimate MemberをSimple WP Membershipに変更 – ID29745 [2021/05/13]
Post Views: 19 目次1 はじめに2 編集履歴 はじめに WordPressサイトでメンバーシップ機能を実現するプラグインの話です。Ultimate Member (UM) プラグインについては、当サイトをい […]
[Synology] Threat Preventionとファイヤーウォールの連携 – ID28980 [2021/03/22]
Post Views: 20 目次1 はじめに2 ルーチンワークの概要3 ルーチンワークの詳細3.1 Threat Preventionの操作3.2 ネットワークセンターの操作4 まとめ5 Alert5.1 ET POL […]
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]
Post Views: 25 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、 […]
by Google Ads ID23293 by Google Ads ID24747 by Google Ads ID:11145
その他記事(ALL-RANDOM, ID:16786)
気になる企業 – Vigene Biosciences – GMP準拠のPLCサービス – ID3756 [2020/12/22]
Post Views: 37 目次1 Vigene2 バンキング2.1 細胞バンキング2.2 ウイルスバンキング2.3 経験のあるバンキング Vigene Home Page : Vigene Biosciences 下 […]
[Synology] NAS上に暗号化された共有フォルダーの設定と運用方法、その考え方 – ID2758 [2021/02/23]
ネットワークからの情報流出は、アクセス権限でアクセスできなくする方法で対応できるが、HDD自体が第三者に渡った場合、そのアクセス権の解読はそう難しくない。次に考える情報流出の防止手段は、HDDの暗号化である。いっそ最初から暗号化を施した方が良い。暗号化には、ID/PWの他、USB機器やファイルもキーにすることができる。
[アニメ] ソードアート・オンライ SWORD ART ONLINE – ID30592 [2021/06/20]
Post Views: 4 はじめに 2020年に最新シリーズ「アリシゼーション」の放送が終わりました。その最初のシリーズ25話(2012)です。2017年には、一気に視聴し、続編のSAOII, その他続きのシリーズ、映 […]