キー操作の内容はこれ!【キーボードスタイル】を利用して可視化

この記事は約1分0秒で読めます

スポンサーリンク


キー操作の内容はこれ!【キーボードスタイル】を利用して可視化
Webツール・Webサービス・ソフトウェア等、
手順を紹介する場合にキー操作(○キー押す or ○キー押しながら○キー押す)も紹介する事ありますね。
良くある例では【○キー】といった「隅付き括弧」(墨付き括弧・隅付きパーレンとも呼ばれる)で、
キーボードスタイルを表現していますが、質素な感じで何か物足りない感じがするユーザーには、
CSSでキーボードスタイルにしてリアルに見えるように目立たせるようにしましょう!


これがキーボードスタイルのCSSコード

下記のCSSコードをコピーしてCSSファイルに貼り付ける。
後は、キーボードスタイル化にしたい文字をマークアップする。



WPでは「ショートコード」を利用する方法もある

WPでは「ショートコード」と呼ばれるタグを利用する事ができ、
キーボードスタイルを利用する上で、ショートコードと一緒に利用したい場合は下記のコードをコピーして、
functions.php に貼り付けますが、イジリー岡田(がちょぴん語でイジる)するのが怖い方はCSSコードのみをお勧めします。



サンプルルン滞在記

タグの記述方法・サンプルルン滞在記(がちょぴん語で、サンプル)はこちらになります。



【Enter】エンターキーをパチン!って押した時の快感たまらないないナイチンゲール。

がちょぴんコメント

これは使える!


( ・ω・o)o<[パンッ!] 記事終わり

記事の更新履歴

記事を公開しました。
記事を再編集しました。

スポンサーリンク


コメント

コメントをお待ちしております

HTMLタグはご利用いただけません。

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

1,618人の購読者に加わりましょう

プロフィール



Amazon ほしい物リスト

ホトパン履いてハイカット履いてる
有村架純ちゃんが、可愛い過ぎて
鼻血止まらない!

WPカテゴリ記事一覧

  1. Jetpack 4.8から!モジュールリストが見つからない場合
  2. できます!Jetpack Photon キャッシュクリアする方法
  3. WPでもフォローしよう!WP専用フォローボタンを生成する方法

ガジェット

Follow 繋人 on WordPress.com
フィードメーター - 繋人

はてなブックマーク

%d人のブロガーが「いいね」をつけました。