WEBテキスト– category –
-
css
css-1 cssで角丸ボタン等
※IE8以下など表現できないブラウザもあります。 cssで角丸 全体が同じ割合で角丸ならborder-radius: ボタン .btn { border: 2px solid #09C; text-decoration: none; padding: 5px; color: #FFF; background-color: #09F; border-radius: 10px; /* CSS3 */... -
jquery
j-9動きのあるアコーディオン
htmlでリストデザインしておく。全体のul クラスは accordion 親リストタイトルは段落とspanで囲む ↓ リストデザインはcss等で完成させておく ↓ jqwery本体読み込み ↓ jsの読み込み <script> $('.accordion p').click(function() { $('.accordion p... -
LESSON-3
3-4WEB素材作成のためのイラレ基礎
イラストレーター WEBサイトは閲覧者がまずチェックする企業や店舗の顔とも言えます。 美しい画像や、デザインでサイトに訪れた閲覧者の関心を集めましょう。 イラストレーター全機能の……40パーセント程度を扱います。 図形……1 長方形を作る ツールボック... -
LESSON-8
8-1コーディング
htmlで組み立てる デザインパーツが仕上がったら材料をhtmlに挿入してコーディングしていきます。 文章がまだ仕上がっていない場合は仮文章で配置します。 → dreamweaverを起動 → 新規サイトを定義参考lesson1 → imagesフォルダを作成、もしくはphotoshop... -
LESSON-3
3-2素材作成photoshop
フォトショップ フォトショップの主な機能 写真の修正、加工、合成 イラストの書き起こし 起動してみる フォトショップのアイコンをダブルクリック(mac) スタート→すべてのプログラム→フォトショップ(windows) 基本画面 メニューバー………………各種機能 パレ... -
wp-trouble
この WordPress のデータベースはすでに最新のものです !
ダッシュボードに入れない! wordpress3.8以降くらいからwordpressが自動更新になりました。 下記みたいなメールが来て自動更新をお知らせしてくれる。(してくれなくてもいいのに。。。) そうかそうか更新したかと自分のサイトに訪れると… ダッシュボー... -
WP-Plugin
plugin-10自分のサイトをコピーされないようにする
サイトに訪れた人があなたのサイトでドラッグや右クリックをしないようにするプラグイン 下記必要プラグインを新規追加して有効化するだけでok CopyProtect ダッシュボード → 設定 → CopyProtect にメニューが増えていますが何もする事はありません。 ※「... -
WP-Plugin
plugin-12URLへ自動リンクとURL文字数の省略
参考サイトなど外部サイトにリンクを貼る際にblank指定しなくでも別タブもしくは別ウィンドウで開いてくれます。 下記必要プラグインを新規追加して有効化する Auto-hyperlink ダッシュボード → 設定 → Auto-hyperlink Hyperlink Mode/Truncation に... -
WP-Plugin
plugin-11投稿を閲覧数順に並べよう
view数ランキングなどが作れるプラグイン 下記必要プラグインを新規追加して有効化する WordPress Popular Posts 表示したい箇所にショートコード もしくはウィジェットを設置 -
WP-Plugin
plugin-8検索結果の色を変える
検索結果一覧で検索語句の色を変えて目立たせる サイトに訪れた人が使いやすいようにするプラグイン 下記必要プラグインを新規追加して有効化するだけでok Search Everything 基本的にはそのままでいいですが変更するなら ダッシュボード → 設定 → Search ... -
ショートカット一覧
ショートカット一覧他
ショートカット一覧 すべて選択 Ctrl+A 切り取り Ctrl+X コピー Ctrl+C 貼り付け Ctrl+V やり直し Ctrl+Z やり直しの取り消し Ctrl+Shift+Z 保存 Ctrl+S 別名保存 Ctrl+Shift+S ブラウザーで確認 F12 セカンドブラウザーで確認 Ctrl + F12 ホー... -
WP-Customize
w-おまけ、WPでアイキャッチ画像を表示させるタグ
投稿画面等よりアイキャッチ画像を設定したら、 あとは下記のコードを表示させたい場所に貼付けるだけです。 ・メディアのサムネイルサイズで表示 <?php the_post_thumbnail('thumbnail'); ?> ・メディアの中サイズで表示 <?php the_post_thumbna... -
WP-Customize
w-おまけ、style.cssに追加しておこう
自分のオリジナルデザインには本来入っているべきcssルールが入っていないので下記を追加しておこう img.center { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } im... -
WP-Customize
w-11ページごとに表示するサイドバーを変えよう
→ page.phpを開きます <?php get_sidebar(); ?> の部分はsidebar.phpを呼び出すという意味です。 トップページだけに適応したいsidebarがあるなら、 sidebar.phpを開く ↓ 別名保存、sidebar-top.phpとする sidebar-top.phpの内容は自分が表示したい... -
WP-Plugin
plugin-9サイドバーを固定
ページが長くなるとサイドバーがなくなってしまうのでついてくる(固定する)プラグインです 必要プラグインを新規追加して有効化 Standard Widget Extensions ダッシュボード → 設定 → Standard Widget Extensions →メインカラムの ID 、サイドバーの ID ...