ウェブデザイン– category –

【】 ドメインの種類によって移管方法が違います。   属性型JPドメイン（.co.jp）のドメイン移管方法 属性型JPドメインとは CO.JP（企業）、AC.JP（大学等）など、組織の種別ごとに区別されたドメイン名です。 一つの組織で一つのドメイン名しか登録...

サイズがバラバラの画像を決まった枠内の中で縦横真ん中に配置するcss。 レスポンシブなので決まった枠も縦横可変。 .styling { width: 100%; margin: 0 auto; } .styling .img { position: relative; width: 100%; margin-bottom: 20px; background-color...

【】 ウェブサーバーはXサーバー、メールサーバーはoffice365を使う場合は、Xサーバーの管理画面でDNS設定をします。 ウェブサーバー Xサーバー メールサーバー マイクロソフトのoffice365 Exchange Online   ドメインの設定 まずはドメインの設定。 ...

テンプレート読み込み //ヘッダー <?php get_header(); ?> //サイドバー <?php get_sidebar(); ?> //フッター <?php get_footer(); ?> //テンプレートファイル　xxxxxに読み込みたいファイル名 <?php include( TEMPLATEPATH . '/xxxx...

ディレクターが大好きなページ内リンク。 制作の私から見ると見辛いし… ちょっとし調整も必要になるしで大嫌いです。   HTML <a href="#" id="panel-btn" class="pc-none"><span id="panel-btn-icon"></span></a> <div id...

WordPressなどのブログのアイキャッチ使用時の画像のサイズ調整に便利なのがobject-fit。 しかし、IE非対応です。 そのため、object-fitを使うとIEでは画像が変形してしまいます。 最新のEdgeは対応済みのようで崩れませんでした。 根強いIEユーザーのため...

【写真の黄金比、白銀比を計算できるサイト】 コーディングというよりはデザイン時に使ってますが、黄金比、白銀比で計算して写真の比率を決めています。 お客さんやディレクターになんでこのサイズなの？と言われたときに「きれいに見える比率なので！」...

GoogleのWebパフォーマンス改善ツールの1つである「PageSpeed Insights（ページスピードインサイト）」 以前は緑色の表示90-100だったのに久しぶりに見るとかなり遅い… とりあえず、「第三者コードの影響を抑えてください」から解決を。 知識がないので難...

【】 MacとWindowsは改行コードの認識が違います。 Mac Mac（CR） Windows CRLF（Windows）   そのため、Macでの改行はWindowsで認識されません。 MacのDreamweaverを使って編集したhtmlソフトをWindowsで開くと全ての改行がされなかった状態で表示さ...

single.php <a href="<?php echo home_url('/'); ?>wp/inquiry/?post_id=<?php echo $post->ID; ?>">この記事について問い合わせる</a> MW WP Form [mwform_text name="title" size="30" value="{post_title}"] 必ず「URL引数...