Author Archives: S.U

このブログの改修作業

2021/06/17

カテゴリで分けた方がいいかもしれない。

パーマリンクが心配だけど。

2021/06/14

ガイドラインを作っていない。
何してんだか？

2021/06/01

使いにくいから、先にトップページだけでも改修する方がいいかもしれない。

2021/05/20

このブログは、投稿日順では無く、更新日で並べている。

記事を書くときは、「投稿」よりも、「固定」ページの方が向いているのではないかと思うことが多々ある。

この記事も同じく固定ページに書くべきかもしれない。

これは、ブログではなく、ノートと思うべきだ。

Pivot Design Box よりも、Pivot Design Note の方が適した名前のような気がする。

差し替えられるようなノートと同じで、追記をして、検索する手間を省きたい。

そんな感じの便利なデジタルノートである。

基本的に、コーポレートサイトなどは、記事はニュースやお知らせなどの決定事項を知らせることが多いと思う。

逆に固定ページは汎化のないネタを投稿する事が多いと思う。

話を戻すと、改修作業は、どうしたものかと考える。

仮にもプロなんだから、作法はわきまえている。
つまりは、ガイドラインを作っているから、それに準じて行うべきだと。

…日記みたいだ、

ターゲットブランクの場合、アイコンをつけるJS : WP

jQuery

 $("a[href^='http://']").attr("target","_blank");
 $('a[target="_blank"]').after(' <i class="fa fa-external-link"></i>');

こんな感じ　詰めが必要

CSS

Font Awesome 5 を利用

/* 外部リンクアイコン付き */
.entry-content a[] {
	text-decoration:none!important;
	border-bottom:1px solid #4f96f6;
}
.entry-content a[]::after {
        content: "\f35d";
        font-family: "Font Awesome 5 Free";
        margin-left: 5px;
}

消す作業

CSS

/* 画像リンクのアイコンを消す */
.entry-content a.remove-icon[] {
    border:none;
}
.entry-content a.remove-icon[]::after {
    content: none;
}

functions に追記　てか、js jQueryだよね。

function remove_icon() {
echo <<< EOM
<script>
//外部リンクの画像後ろのアイコンを消す
	jQuery(function($){
$("a:has(img)").addClass("remove-icon");
});
</script>
EOM;
}
add_action( 'wp_footer', 'remove_icon' );

畑　2020/07/08

茄子の虫が半端ない。

トマトは、そこそこ順調ですが、何かの病気になってます。

他は伸び悩み

HTML Layer

HTML構造

HTML Living Standardに準拠したい

<html>
  <body>
<header>
<div .container>
  <img .logo>
  <nav #gNav>
  ...
  </nav>
</div>
</header>
<div .row>
<div .container #pageName>
  <main>
    <section> ... </section>
  </main>
  <article> ... </article>
  <aside .lNav >...</aside>
</div>
</div>
<footer>
  <div .container>
    <p #cr>
  </div>
</footer>
  </body>
</html>

header , footer ,
main , section , article , aside , nav

nav … navigation

#gNav … Global navigation　:No Versatility
.lNav … Local navigation　: Versatility


#mainContainer(site width , box)

header, footer, .row > .container

header, footer, .row { width : 100%;}
.container { サイトの幅 }

.container > main > section > article

.container > main , aside

main

ページに１つ

<main>
   <h1>
   <h2>
</main>

section

<section>
 <h1>...
 <h2>...
</section>

article

<article>
  <header>
  </header>
  <h1>...</h1>
</article>