WEBデザイン <PRE>要素は危険らしい・・・？
前に、「<pre>の中にはブロック要素を入れてはいけない」と言う記事を書きました。 とりあえず、反省して以降の記事の書き方は、必ず記事のサブタイトルは見出しタグ(H1～H6)、記事本文には<P>または<PRE>要素で括るようにしました。 そ...
"simplicity"
WEBデザイン 便利ツール／ソフトウェア SASSに挑戦
SASSという、CSSを書くのに便利な新しい言語があると聞き。 検索してみたら、どうやらSCCを少し分かりやすく書くことができるメタ言語※だとか。 ※メタ言語というのは、ある言語を書きやすくするための言語（そのままですね） 分かりやすく言う...
WEBデザイン テンプレートのスタイルをリセットするには
「P」や「H1～H6」「PRE」「TABLE」などの一般的なタグのスタイルが、使用しているテンプレートやテーマによって既に規定されていて、記事の中で使う時に予想外の表示になって困惑することがあります。 ※このブログは「Simplicity2...
WEBデザイン テーブルに余白ができてしまう原因
結論から言うと、自分の下らないミスなんですが このブログの記事の中で、テーブルを使って表を作った際に、全体の幅に合わせてセルの幅が伸縮してくれず、妙な余白ができてしまう状態になっていました。 こんな感じ #main table.test{b...
WEBデザイン スマホでの見え方をPC上のブラウザから確認するには
サイトのデザインをしていて、スマホでの見え方を確認したいとき 一番確実なのは、スマホで見てみれば良いわけですが(笑) しかし、スマホと言ってもAndroidとiOSがあるわけで、また機種によって画面のサイズも違っていますので・・・ 自分が持...
WEBデザイン ヘッダ下にウィジェット追加
「Simplicity2」というテーマを使用させて頂いております。 とても素晴らしいテーマです、本文やサイドバーに配置できる広告ウィジェットなども最初から用意されております。 ただ、ヘッダ部に配置できるウィジェットは用意されておりません。 ...
WEBデザイン モバイルでレイアウトが崩れている記事を発見、原因は・・・
過去のブログ記事をスマホでチェックしてみたら、レイアウトが崩れているのを発見 複数の原因があって、修正に四苦八苦してしまったorz 同じような事で悩んでいる人もあるかも知れないので一応記録 原因の一つは、テキストの折り返しの問題でした。 非...
WEBデザイン 【WordPress】DNUIの使い方【未使用画像をDBから一括削除】
WordPressでは、メディア(画像)のアップロードを行うと、一枚の画像に対して何枚かの縮小画像(サムネイル画像)を自動生成します。(自分た試してみたところ、「100*100」「150*111」「150*150」「300*221」「320...
WEBデザイン トップページ(記事リスト)と記事ページで背景の色を変える
Simplicityで、トップページをエントリーカードにした場合で、トップページの記事一覧の状態と、個別の記事を表示させた状態で、背景の色を違うものにしたい。 最初からずっとこれを目標にカスタマイズに挑戦してきたのですが（というか後回しにな...
WEBデザイン TABLEの下にスクロールバーが出て消えない問題
ブログ記事を自分の覚書・備忘録代わりに使っているわけですが。 たまたま過去の記事を参照してみたら、テーブルのレイアウトが大幅に崩れているのを発見 テーブル(表)が記事のカラムから大幅にはみ出してしまっていて、左端の部分しか見えていない状態。...
WEBデザイン 【WordPress】投稿時のエディターのタグ挿入拡張ボタンを非表示にするには
投稿時のエディター画面で、私はビジュアルエディタはほぼ100%使っていません（改行問題があるため）が、テキストエディタは結構使います。 複雑な文書は秀丸エディタなどの外部エディタで処理してからコピペしますが、簡単な投稿であれば、WordPr...
WEBデザイン ［WordPress］人が使っているテーマが何か知る方法
WordPressに移ってみて分かったのは、名だたるサイトはほとんどがWPで作られているのですね、今って。 WPのデザインって特徴的というか、みんな似たようなデザインだ(笑) で、何のテーマをベースに使ってるのか調べられるサイトがあるのです...