擬似要素で使う時は文字コードで クラスを指定し、使用したいテキストを挟むのが普通の使い方。一方、擬似要素で使う場合は、cssのcontentで文字コードを入れる必要がある。 これを、毎度忘れるので、めもとして。  

記事の体裁を整えるステップ｜番号なしリスト 箇条書きのリストアイコンの変更 色々考えてやはりシンプルな横棒に content: “-“; margin-right: 2%;   今度はインデント 一文字マイナスからの、一文字paddingを追加 text-indent: -1em; padding-left: 1em;   今度は行間 liの中はテキストなので、長文になると行間の指定につまづく。line-heightで指定する。 line-height: 150%;   記事の体裁を整えるステップ｜番号付きリスト 番号付きは番号がうまくつかなかったりと、つまづきやすかった。もうこちらのサイトの通りにさせていただいた。   単純な指定なんだけど、意外と手間がかかった。

受け付けてもらえないデータ ネットプリントで受付されないデータは、もちろんUSB持ち込みでもエラー。 原因がわからず。エラー番号は1699。検索しても出てこない。 似たエラーで見ると、フォントのアウトライン。これが怪しいのでやってみる。 するっとできた IDからイラレに変換したりの作業。。。もう二度とやりたくない。

Bloggerからの移民は画像の初期設定を Bloggerからの移民なので、既存の記事を手作業で変換する、とても疲れる作業。修正しなければならないのは、テキストと、画像の修正。テキストの修正はこちらにまとめた。     画像の移行は以前、Blogger Image Importというプラグインがあったようだが、今は見当たらない。希望はないため、自力で行う必要があった。 画像の設定は、初期設定をしていなかったため、テキストを修正後、リンクで開く形にするため、テキスト修正済みの記事を再度画像の設定をすると言う、全記事２回も修正した。 とても疲れる。どうか、移民の方々がスマートに引っ越しできるよう、初期設定はオススメしておきたい。。 初期設定はoptions.phpで まず、移行した記事内にある画像は、記事内に保存されているため、全て一括で設定ができない。そのため、一つ一つ手…..

栄養成分が入っていないことも？ 同僚が飲んでいるというサプリメントを、勉強のために拝借し、栄養成分表を計算。 ふむ、おかしい。 有名な大企業２社のサプリメント、両方とも量がおかしい。 簡単に表記すると、一日推奨量が1gとして、栄養成分表示に炭水化物1g。そして、機能性表示にビタミンC1000mg。 2gになっちゃうよ？ということで、困った時のお客様相談室へ電話。初めての聞き込み調査笑 １軒目。話が通じない。 ２軒目。炭水化物はビタミンC由来のものです。 えー！ビタミンCって炭水化物になるんだったの！笑   ほんと、こういうことが多くてびっくりとともに腹立たしい・悲しいです。 健康になるために飲んでいる人の気持ちを考えて欲しい。一方、大企業ゆえの宣伝効果は大きく、健康への意識を向けているのは良いことだと思うけど、もう少し真摯に向き合って欲しい。お金儲けではなくて。 今後ますます需要…..

記事全件取得して カテゴリーの中に、全てのカテゴリーを入れるAllのページを作ったが、表示にとまどう。 カテゴリーを全部取得すればいいと思っていたけど、よく考えてみれば、それはつまり、日付アーカイブページを作りたかったということ。そして、新たに作るも、またループによりページネーションのループ問題 。   仕方がないので、これを機にちゃんと見ると、たいしてことはなかった。Wordpress codexにちゃんと書いてありました。 前回の苦労も短時間で済んだだろうに。。。でも基本はget_query_varだったので、前回の悩み解決と同じ。   公開前に、まだまだ手が掛かる。

keynoteでもパスファインダーのような機能が 久々にスライドを作成。図形の切り抜きなど、イラレで行なっていると、keynoteにもできないのかと思い始める。 プレゼン資料を作っていると、必要な図形がうまく分割できず、ポイントの編集ではうまくいかない。検索してみると、どうやら図形を組み合わせて切り抜ける。 二つの図形を選択し、配置→右下の結合などをクリック 見事にカット。   重ね合わせて色違いに。 イラレの切り抜きができるとは知らなかった。便利〜。

スクロールボタンを導入するか考える カテゴリーページは10件表示にしているが、抜粋文が10件もあると、やはり長いスクロールとなる。サイドバーを設けているので、いらないかな、と思っていたが、使い勝手としてあってもよいのではないかと思うようになった。   $( function () { var topBtn = $( ‘.to-top’ ); topBtn.hide(); $( window ).scroll( function () { if ( $( this ).scrollTop() > 150 ) { topBtn.fadeIn(); } else { topBtn.fadeOut(); } } ); topBtn.click( function () { $( ‘body,html’ ).animate( { scrollTop: 0 }, 500 ); retu…..

プラグインは使わないで 経緯は別記事に。   個人的に使うもので 数あるSNSを、全部入れるとうるさいデザインになるので、要素の幅的に、5つにした。唯一、はてブは使っていないが、一応多くのシェアボタン設置例があるので、とりあえず。 アイコン 結局、googleアイコンではソーシャルアイコンが少なかったため、Font Awesomeを使うことにした。そして後日、サイト軽量化のため、IcoMoonを使用することにしたので、ここではそれ以前の話。IcoMoonの話はこちらへ。   Font Awesomeにははてブのアイコンがないので、みなさまの設置例にある、文字を入れ、フォントを設定した。 ところが、他のブラウザで見てみたときに、フォントがうまくいかず、下イメージのようにセリフ体になっていた。 そういう意味でも、IcoMoonでよかった。 レイアウト   ページ下…..

画像タイトルが反映されない 記事に画像を挿入時、タイトル、キャプション、代替テキストを入れる。     ところが、記事内で再度画像を見ると、タイトル欄は空白になっている。     ここのタイトルとは扱いが違うのか？ ソースを見ても、記事内の画像確認時通り、タイトルはない。 ただのタイトル そこで調べると、画像挿入時のタイトルはtitle属性ではないんですって。 一件落着。 調べることが増えていくので、もう簡単に済ませたいw