月: 2024年1月

投稿日:

備忘録

パソコンサポートまほろばこのアンダーラインを消す方法

<a href="https://www.mahoroba.cc" style="text-decoration: none;"/>

とすると

パソコンサポートまほろば

の様にリンクしたのアンダーラインが消せる（cssに記述するのが一般的だけど）

  • リンゴ
  • イチゴ
  • ナシ

リストの・を表示しない方法

<li style="list-style: none;"> リンゴ</li>
<li style="list-style: none;"> イチゴ</li>
<li style="list-style: none;"> ナシ</li>

とすると

  • リンゴ
  • イチゴ
  • ナシ

の様に表示される。

横並びにするには

<li style="display: inline-block;">リンゴ</li>
<li style="display: inline-block;">イチゴ</li>
<li style="display: inline-block;">ナシ</li>
  • リンゴ
  • イチゴ
  • ナシ

の様になる。

cssに登録するのが基本です。

UL liでテーブルもどき

.list_flex{
width: 100%;}
.list_flex ul{
display: flex;
flex-wrap: wrap;}
.list_flex li {
width: 25%; /* ％指定で列を自由に設定可能 */
box-sizing: border-box;
padding-left:5px;}
.list_flex ul:first-child li {
font-weight:bold;
text-align:center; padding:0;}
.list_flex li:nth-child(n+1) {
border-top: 1px solid #000;}
.list_flex ul:last-child li {
border-bottom: 1px solid #000;}
.list_flex li:nth-child(n+1) {
border-left: 1px solid #000;}
.list_flex li:last-child {
border-right: 1px solid #000;}

詳しくは» ｕｌリスト表・汎用型長井賢治ホーム (k-nagai.com)

lightningテーマの丸数字リスト

<ol class="is-style-vk-numbered-circle-mark">
<ul class="is-style-vk-triangle-mark">　---リストアイコン三角
<ul class="is-style-vk-arrow-mark"> ---リストアイコン矢印

❶❷❸❹❺❻❼❽❾❿⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴ 黒丸数字

丸数字リスト

/**********
*丸数字 普通の文字
**********/
.list_circle_num {
padding: 0px;
margin: 0px;
list-style: none;
counter-reset: list_circle_num_counter;
}

.list_circle_num > li {
position: relative;
padding: 0px 0px 0px 2em;
counter-increment: list_circle_num_counter;
}
.list_circle_num > li::before {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0.8em;
left: 0px;
transform: translateY(-50%);
width: calc(1.2em);
height: calc(1.2em);
border: 1px solid #000;
font-weight: bold;
border-radius: 50%;
text-align: center;
line-height: 1;
content: counter(list_circle_num_counter);
}

.list_circle_num > li + li {
margin: 1em 0px 0px;
}

lightningの黒丸数字リストを途中から表示する方法

/*******************************
* 丸数字途中から（今回は４から）
*******************************/
.list_circle_num {
padding: 0px;
margin: 0px;
list-style: none;
/* 以下の数字を変更　削除すれば通常の黒丸数字リストになる*/
counter-reset: list_circle_num_counter 3;
}

.list_circle_num > li {
position: relative;
padding: 0px 0px 0px 2em;
counter-increment: list_circle_num_counter;
}
.list_circle_num > li::before {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 1em;
left: 0px;
transform: translateY(-50%);
width: calc(1.5em);
height: calc(1.5em);
background-color: #000;
color: #fff;
font-weight: bold;
border-radius: 50%;
text-align: center;
line-height: 1;
content: counter(list_circle_num_counter);
}

.list_circle_num > li + li {
margin: 1em 0px 0px;
}

括弧付きリスト

ol.kakko {
margin-left: 2em;
}
ol.kakko li {
list-style-type:none;
counter-increment: cnt;
text-indent:-2.5em;
padding:0;
}
ol.kakko0 li {
list-style-type:none;
text-indent:-3em;
padding:0;
}
ol.kakko li:before {
display: marker;
content: "( "counter(cnt) " ) ";
}

uタグ廃止 アンダーラインは

<span style="text-decoration: underline;">～</pre>

を使うこと

wslにインストールしたLinuxを削除して再インストールする

  1. アンインストール
  2. 再起動
  3. インストール
  4. インストール後
    Wsl/Service/CreateInstance/MountVhd/HCS/ERROR_FRROR_FILE_NOT_FOUNDというエラーで起動しなくなった場合

    • エラー画面はなにかキーを押して画面を閉じます。
    • WindowsPowershellを起動します。
    • wsl -lと入力してインストールされているディストリビューションを表示します。
    • Windows PowerShellを起動して 
      C:\WINDOWS\system32> wsl -l

      を実行します。

      C:\WINDOWS\system32> wsl -l
Linux 用 Windows サブシステム ディストリビューション:
Ubuntu (既定)
AlmaLinux9

      UbuntuとAlmaLinux9の2つがインストールされていることがわかります。

    • AlmaLinux9がエラーになっている場合は、PowerShellで 
      wsl --unregister AlmaLinux9

      を実行してAlmaLinux9の登録を解除します。

    • 再度AlmaLinux9を起動すれば 
      Installing, this may take a few minutes...
Please create a default UNIX user account. The username does not need to match your Windows username.
For more information visit: https://aka.ms/wslusers
Enter new UNIX username: user
Changing password for user user.
New password:　　　　　← 入力した値は表示されない
Retype new password:　← 入力した値は表示されない
passwd: all authentication tokens updated successfully.
Installation successful!
[user@NOTE-015:~]$

      ときちんと起動しました。

php.ini変更したら

WordPressで他のWordpressの記事や、ライブラリーをインポートする場合、phpのアップロードサイズのデフォルトは2Mなので失敗する。

php.ini(/etc/php.ini)を以下のように10Mに変更する。

アップロードするファイルが10Mを超える場合があったので、50Mに変更、さらにupload_max_filesize も50Mに変更した。

; Maximum size of POST data that PHP will accept.
; Its value may be 0 to disable the limit. It is ignored if POST data reading
; is disabled through enable_post_data_reading.
; http://php.net/post-max-size
post_max_size = 2M
↓
post_max_size = 50M

upload_max_filesize = 10M
↓
upload_max_filesize = 50M

保存したら、apache(httpd)を再起動

php-fpmを使っている場合はphp-fpmも再起動しないと反映されない。

sudo systemctl restart httpd
sudo systemctl restart php-fpm

h3>wordpressでcURL error 60: SSL certificate problem: unable to get local issuer certificが出たときの処理

wordpressは独自のルート証明書を持っていて使われていることが原因なので、認証を行わないようにするか、ルート証明書を書き換えます。方法は以下の2つ

ルート証明書を差し替える。

/wp-includes/certificates/ca-bundle.crt を以下のURLからダウンロードして、差し替えを行います。

https://raw.githubusercontent.com/WordPress/WordPress/master/wp-includes/certificates/ca-bundle.crt

以下のコードを functions.php に追加します。(認証を行わないようにする）

add_action('http_api_curl', function( $handle ){
        curl_setopt($handle, CURLOPT_SSL_VERIFYPEER, false);
}, 10);