Web制作、SEO対策などはmieux - ミューにおまかせください。 - mieux

マイナンバーカードのスキャン・読み込みができないときの解決方法（freee電子申請アプリで確定申告）

このブログは次のような方におすすめです。 freee電子申請アプリでマイナンバーカードの読み込みができない freee電子申請アプリで2020年度の確定申告を作成し、電子申告で提出しようとしたのに、マイナンバーカードをかざしてもエラー freee電子申請アプリで何度カード読み込んでもエラーばかり。どこを読み取ってるのかもわからないしイライラ！ freee電子申請アプリで何度も何度もやってもスキャンできない！意味がわからなさすぎてイライラ！ freee電子申請アプリでマイカードの読み込み時点でエラーが何度 ...

【コピペOK】ページ内リンクのhtml！ユーザビリティアップの方法

リンク先の設定見出しなどに半角スペースをあけて、下記のhtmlを追加。

id="ここにキーワード"

1	id="ここにキーワード"

「ここにキーワード」の部分に半角英数字の好きなワードを入れます。見出しに追加する場合はこんな感じになります。

<h2 id="cafe">カフェとは</h2>

1	<h2 id="cafe">カフェとは</h2>

リンク元の設定 idで指定した単語に#をつけます。

<a href="#cafe">idで指定した位置へリンク</a>

1	<a href="#cafe">idで指定した位置へリンク</a>

元のアナリティクスに戻す方法！Google Analytics 4（GA4）で困っている人必見

どう見ても使うにくいけど、仕事を受けたときにでGoogle Analytics 4（GA4）だったら困るし、勉強だと思ってこのままにしよう！と思ったのですが、無理です。無理ではないけど、学習コストをGoogle Analytics 4（GA4）に回したくないという感じですね。同じような人のために、Google Analytics 4（GA4）から元のアナリティクスに戻す方法です。元のアナリティクスに戻す手順新しいプロパティを追加（今まで通り） ①プロパティの設定の画面の下の詳細オプションをクリック ...

WING（アフィンガー5 EX）の記事スライドショーまとめ

カテゴリ記事の一覧任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定（3~1）などが可能です。カテゴリ一覧スライドショー WING（アフィンガー5）EX版では、カテゴリ一覧を簡易にスライドショーに変えることが可能です。 slides_to_show="3,3,2"の数字を変えることで、画面に表示するスライドの枚数を変えることができます。 5列スライドショー

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="5,5,2" slide_date="" slide_more="ReadMore"]

1	[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="5,5,2" slide_date="" slide_more="ReadMore"]

3列スラ ...

WING（アフィンガー5 EX）のテキスト装飾のまとめ

フォントのスタイル Word Pressテンプレート「WING（アフィンガー5 EX）」のテキスト装飾のまとめです。他のWord Pressテンプレートでは利用できないのでご注意ください。アイコンアイコンマークは「カスタマイザー」の「オプション」でカラーを設定できます。 ※通常エディタ上では表示されませんこれは「はてな」マークです

<span class="hatenamark2 on-color">これは「はてな」マークです</span>

1	<span class="hatenamark2 on-color">これは「はてな」マークです</span>

これは「注意」マークです

<span class="attentionmark2 on-color">これは「注意」マークです</span>

1	<span class="attentionmark2 on-color">これは「注意」マークです</span>

これは「人 ...

Google検索にサムネイルをPageMapで表示させる方法

Google検索のサムネイル Google検索のサムネイルを表示させる方法のまとめです。随時更新します。まずサムネイルを指定サムネイル画像は以下の方法で指定できます: HTMLページのheadセクションにPageMapデータを追加 thumbnailメタタグをheadセクションに追加 PageMapを使用することで、アクションやカスタム属性を追加することもできます。 PageMap

<PageMap>
    <DataObject type="thumbnail">
      <Attribute name="src" value="画像URL"/>
      <Attribute name="width" value="120"/>
      <Attribute name="height" value="120"/>
    </DataObject>
</PageMap>

</DataObject>

</PageMap>

thumbnailメタタグ thumbnailメタタ ...

Word Pressの管理者メールアドレスが変更できないときの解決方法

Word Pressのパスワードを忘れってしまった上に、パスワードリセットのメールも届かない。そんな時は管理者のメアドが間違っているのかもしれません。私の場合は、実際に管理者のメアドを一字ミスしていたことでそんな状況に陥ってしまいました。 Word Pressの管理者メールアドレスが変更できないときの解決方法をメモ。サーバーから、phpMyAdminを開く。 Word Pressをインストールしているデータベースをクリック。「wp_option」を開く。その中にある「admin_email」を編 ...

反応しないApple Pencil（アップルペンシル）を復活させる方法

かれこれ4年近く愛用しているApple Pencil（アップルペンシル）第1世代 (2015年11月11日発売)が反応しないし、接続もできないという状態に...。ついに壊れたかな？と思ったら復活しました( •̀∀•́ )✧ 反応しないApple Pencil（アップルペンシル）に試したこと iPadの設定を開く Bluetoothを開く Apple Pencilのところにある（i）をタップこのデバイスを解除 Bluetoothをオフ iPadの電源を切る iPadの電源を入れる iPadの設定を開く ...

EpocCamをアンインストールする方法！MacとWindows用

EpocCamが使えなかったのでアンインストールしました。その方法の覚え書き。 WindowsからEpocCamをアンインストールする方法 WindowsのコントロールパネルまたはEpocCamインストールフォルダーのuninst.exeを使用します。アンインストールする前に、EpocCamを使用するすべてのアプリケーション（Skypeなど）が閉じていることを確認してください。閉じていない場合は、コンピューターを再起動する必要があります。 macOSからEpocCamをアンインストールする方法ター ...

《代替プラグイン》PHP 7.4にしたらWord Pressが崩れた！原因はcrayon syntax highlighter

PHP 7.4にしたらWord Pressが壊れた！ PHP 7.4にしたら、このサイトが崩壊していてびっくりでした(´°ω°) 他のサイトは大丈夫なのになんで？？しかも、投稿をクリックしても開けない。 Word Pressが壊れちゃったの？という状況です。プラグインを疑うこういうときはだいたいプラグインが原因のことが多いので先ずは全てのプラグインを停止。すぐにサイトが復活します。再びプラグインを有効化すぐにサイト崩壊。ここから怪しいプラグインをひとつひとつ停止していきます。怪しいプラグイ ...

《html+CSS》箇条書きリストの・を変更するlist-style-typeのコピペ

箇条書きリストのCSS 今回は、何かと出番の多い「ul li」で作った箇条書きリストの「・」の部分をlist-style-typeで変えるCSSのまとめなり(´ω`)✧ 箇条書きリストとは ul liの基本のhtml ul liの箇条書きリストです。 ul liの場合はこのように「・」が付きます。

<ul>
 	<li>ul liの箇条書きリストです。</li>
 	<li>ul liの場合はこのように「・」が付きます。</li>
</ul>

<ul>

<li>ul liの箇条書きリストです。</li>

<li>ul liの場合はこのように「・」が付きます。</li>

</ul>

ol liの基本のhtml ol liの箇条書きリストです。 ol liの場合はこのように「数字」が付きます。 [crayon-690d57fa ...

ボックスデザインコピペ用ショートコード《AFFINGER（アフィンガー）》

AFFINGER（アフィンガー）では様々なボックスデザインを作成できるのが便利！だけど、ショートコードが迷子になることが。シンプルなポイントボックス

[st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"]

（基本）これはダミーです

[/st-mybox]

[st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"]

（基本）これはダミーです

[/st-mybox]

しかく枠のみ

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"]

（しかく枠のみ）これはダミーです

[/st-mybox]

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"]

（しかく枠のみ）これはダミーです

[/st-mybox]

薄グレー背景丸み枠

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"]

（まるみ）これはダミーです

[/st-mybox]

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"]

（まるみ）これはダミーです

[/st-mybox]

参考とかメモに使えるボックス st-mybox title="メモ"の部分を書き換えればOK。 [crayon-690d57 ...

スマホヘッダーデザインの変更の方法《AFFINGER（アフィンガー）》

カスタマイズ　＞　メニューのカラー設定　＞　スマホスライドメニュースライドメニューバー背景色スライドメニューバー背景色（グラデーション上部※向きはヘッダーエリア連動）を変更。つまり、スライドメニューバー＝スマホヘッダーということ。ヘッダーの色を変えてもスマホで反映されないので困っていたら、そういうことでした笑

《html》シンプルなテーブルのhtmlのコピペ

無難に使えるテーブルのhtmlです。二列テーブル見出し1 見出し2 内容1 内容2 内容3 内容4

<table>
<thead>
<tr>
<th>見出し1</th>
<th>見出し2</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td>内容4</td>
</tr>
</tbody>
</table>

<table>

<thead>

<tr>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

行が足りないときはこれを追加

<tr> 
<td>内容1</td> 
<td>内容2</td> 
</tr>

<tr>

</tr>

《AFFINGER（アフィンガー）》よく使う画像コメントのコピペ用ショートコード

AFFINGERの画像コメントのショートコード多機能すぎて時々どこにショートコードがあるのかわからなくなるAFFINGER（アフィンガー）。背景なしコメントの完成イメージこれはダミーのテキストですショートコードのコピペ

[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="ここに画像URL" alt="" width="60" height="60" />[/st-user-comment-box]

これはダミーのテキストです

[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="ここに画像URL" alt="" width="60" height="60" />[/st-user-comment-box]

これはダミーのテキストです

背景ありコメントの完成イメージショートコードのコピペ背景の色は、 bgcolor="#edbbcf" にお好みの色番号を入れて変更してね。文字が見やすい薄めの色がおすすめ！枠線の色は、 bordercolor ...

【個人事業主の持続化給付金】5月1日初日申請（特例A-2）して3週間目に入金！（再申請）

私の持続化給付金振込までのエピソードが参考になりそうな人持続化給付金を申請し、いつもらえるのか気になる人特例A-2で初日に持続化給付金を申請したけど状況が変わった人個人事業主で持続化給付金を申請した人不給付じゃないかと心配な同業者の人（マーケター、Web制作） 1日に持続化給付金を申請した人の進捗が気になる人持続化給付金の給付状況が気になるすべての人私の個人事業主としてのスペック 2017年に開業届提出の個人事業主 Webマーケター、Web制作、メディア運営音楽（CD・iTunesやレコチョ ...

Font Awesome 4.7.0アイコンを変更する方法《AFFINGER（アフィンガー）》

Font Awesome 4.7.0アイコンでAffinger（アフィンガー5 EX）をカスタマイズ Affinger（アフィンガー5 EX）では、ショートコードにFont Awesome 4.7.0のアイコンが使用されています。 Font Awesome 4.7.0のアイコン「資料請求をする」の左側のチェックマークのアイコンがFont Awesome 4.7.0のアイコンです。この箇所のアイコンは下記のリンクにあるアイコンならどれにでも変更することが可能です。 https://fontawesome ...

《CSS》Word Pressのid指定をして特定のページにのみCSSを適用させる方法

class名を確認する特定のページにのみCSSを適用させるためには、まず、そのページの「page-id」または「postid」を確認する必要があります。固定ページの場合は「page-id」投稿の場合は、「postid」となります。ちなみにトップページにのみ特定のCSSを適用させたい場合は、 class名は「home」となります。 class名の確認方法 class名を確認するには、まず、適用させたいページのソースを表示させて、タグを探してください。のタグには様々なclass名が表示されていますが ...

トレンドワード「エフォートレス」とは

トレンドワード「エフォートレス（effortless）」の意味「エフォートレス（effortless）」は、セレブ情報も数多く掲載されている世界中のトレンドをウォッチできる人気ファッション誌「ELLE」が発信したトレンドワードです。正式に言うなら、「エフォートレスシック（Effortless Chic）」。エフォートレス（effortless）は、「努力を要しない、軽々とやってのける、楽な、努力したように見えない、巧まない」などの意味で昨今使われています。「シンプル」、「ラフ」、「ノームコア」など ...

【Bootstrap】レスポンシブ対応のYouTube埋め込みメモ

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div><!-- 16:9 aspect ratio -->

</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" src="..."></iframe></div>
<!-- 4:3 aspect ratio -->

何故かこれだと埋め込みができず。参照 http://getbootstrap.com/components/#responsive-embed これで解決ヽ(•̀ω•́ )ゝ✧

<iframe class="embed-responsive-item" src="#" frameborder="0" allowfullscreen></iframe>

1	<iframe class="embed-responsive-item" src="#" frameborder="0" allowfullscreen></iframe>

追記：Word Pressだと、引用のタグで問題がない様子結論：ダメだったら、frameborder="0" allowfulls ...

« Prev 1 2