.photo {
position: relative;
display: block;
width: 400px;
height: 265px;
}
デザインブログなどでよく見かけるHTMLソースやcssコード表示ですが、「Syntax Highlighter」は簡単にコードを表示できるプラグインです。使い方
- ダウンロード画面からzipファイルをダウンロード
- WordPress管理画面からプラグインをアップロード&インストール
- 後は記事投稿の際に使用したいコードを[※※]~[/※※]で囲めばOKです
cssコードの場合は※にcssが入ります。
サンプル(マウスを合わせるとコピーなどのアイコンも表示されます)
.photo {
position: relative;
display: block;
width: 400px;
height: 265px;
}
表示画面のカスタマイズなども編集画面から可能です。
使用できるプログラミング言語
bashc
cpp
csharp
diff
groovy
java
javascript
delphi
pascal
perl
php
python
ruby
shell
text
vb
vbnet
scala
sql
css
xml
html
xhtml
xslt
ダウンロードページ
「Syntax Highlighter」


コトノハ:
tumblr:






コメント(0)
コメントはまだありません。