WordPress 記事の作成 チョットしたノウハウ集

WordPress Twenty Seventeen
記事の作成
チョットしたノウハウ集
 
 
 
スポンサー リンク
 
 
1-6. 画像に枠線を付ける方法
 

テキストタブで編集する。gazouwaku11

画像のimgタグに「 style=”border: 1px solid gray”」を追記(挿入)。

gazouwaku12

このように、画像に枠線が付けられる。

1-7. リンク先を新しいタブで開く方法
 
リンクを貼るテキストを選択し、ツールバーの下記アイコンをクリックする。
linkinsert011
 
「URL入力」画面が表示されるので、リンク先を貼り付け「リンク設定」をクリックする。
linkinsert021
 
「リンクの挿入/編集」画面が表示されるので、「リンクを新しいタブで開く」にチェックを入れる。linkinsert032
 
「更新」を押して完了。
 

1-8. 文字を枠線で囲む方法

(1).段落タイトル用

(1).段落タイトル用
 

(1).段落タイトル用 その2
 
(2). コマンド用

(2). コマンド用
 
(3). スクリプト用

(3). スクリプト用
(4). 作業手順用

作業手順
(4). 作業手順用

 

2-4. 固定ページの特定個所へリンクさせる方法

tokuteilink13
 
リンクさせたい箇所に、<div id=”xxx”>yyy</div> でIDを設定する。
リンク元のURLの最後に、このIDを #xxx で付ける。

2-5. ページ内の特定個所にリンクを貼る方法
pagenailink2
 
①リンク先にアンカーを作る

<div id=”アンカー名”></a>
例 : <div id=”1-8″></div>

アンカー名は何でも良い。

 
②アンカーにリンクを張る

<a href=”#アンカー名”>記事に表示する文字</a>
例 : <a href=”#1-8″>1-8. 文字を枠線で囲む方法</a>
3-4. WordPressでHTMLソースを表示させる方法

ダッシュボードの「プラグイン」で、「Crayon Syntax Highlighter」のインストールと有効化を行う。
crayonsh112
ダッシュボードの「設定」→「Crayon」で、「Crayon Syntax Highlighter」の設定を行う。
crayonsh122
 
デフォルトのままで十分。
crayonsh132
 
【設定を保存】をクリックすると、ページの編集画面のテキストタブに、【CRAYON】ボタンが現れる。
crayonsh202
ソースコードの表示方法
 
方法-1
 
ソースコード部分を選択した状態で、【CRAYON】ボタンをクリック。
crayonsh232
 
「挿入画面」ウィンドウが表示されます。
crayonsh242
 
右上にある【挿入】をクリックで完了。
 
方法-2
 
先に、【CRAYON】ボタンをクリック。
crayonsh202
 
その後、ソースコードを貼り付ける。
crayonsh212
 
右上にある【挿入】をクリックで完了。
 
※ : ソースコードが所定の箇所に張り付かず、ページの最後に挿入されるので、カット&ペーストで挿入したいとことに持っていく必要がある。

 

以上。
(2016.07.18)

 
             

スポンサー リンク
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください