initial commit
This commit is contained in:
boyska
commit
ab862b1cee
2 changed files with 299 additions and 0 deletions
134
alberello.php
Normal file
134
alberello.php
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
<?php
|
||||
/**
|
||||
* Plugin Name: Albërellì
|
||||
* Plugin URI: https://www.your-site.com/
|
||||
* Description: linktree-like interface for wordpress
|
||||
* Version: 0.1
|
||||
* Author: boyska+pinke
|
||||
* Author URI: https://www.your-site.com/
|
||||
**/
|
||||
|
||||
define('ALB_LINK_URI', 'links');
|
||||
|
||||
/* Render {{{ */
|
||||
function parse_code($text) {
|
||||
$links = [];
|
||||
$regexp = '@^(.*)\s+(https?://.*)$@';
|
||||
foreach(explode("\n", $text) as $line) {
|
||||
$ret = preg_match($regexp, rtrim($line, "\n\r"), $matches);
|
||||
if($ret === false || count($matches) < 3) {
|
||||
continue;
|
||||
}
|
||||
$link = [
|
||||
'text' => rtrim($matches[1]),
|
||||
'url' => $matches[2]
|
||||
];
|
||||
$links[] = $link;
|
||||
}
|
||||
return $links;
|
||||
}
|
||||
function alb_request() {
|
||||
$is_front = get_option('alb_option_front');
|
||||
$uri = $is_front ? '/' : '/' . ALB_LINK_URI;
|
||||
if($_SERVER["REQUEST_URI"] == $uri ||
|
||||
$_SERVER["REQUEST_URI"] == '/' . ALB_LINK_URI
|
||||
) {
|
||||
$raw = get_option('alb_option_menucode');
|
||||
$links = parse_code($raw);
|
||||
// XXX: fai un foglio di stile e una grafica puffosa
|
||||
echo '<html><head><link href="' . plugins_url('style.css', __FILE__) . '" rel="stylesheet" />';
|
||||
echo "</head><body><main>\n";
|
||||
echo "<header><h1>" . get_bloginfo('name') .
|
||||
"</h1><small class=\"description\">" . get_bloginfo('description') . "</small></header>";
|
||||
echo "<div class=\"links\">";
|
||||
foreach($links as $link) {
|
||||
echo '<a class="link" href="' . esc_html($link['url']) . '">' . esc_html($link['text']) . "</a>";
|
||||
}
|
||||
echo "</div>";
|
||||
echo "</main></body></html>";
|
||||
exit();
|
||||
}
|
||||
}
|
||||
add_action('init', 'alb_request');
|
||||
/* Render }}} */
|
||||
|
||||
|
||||
/* Settings page {{{ */
|
||||
function alb_settings_menu() {
|
||||
add_options_page('Modifica menu albero', 'Albero dei link', 'activate_plugins', 'alb_settings', 'alb_settings_render', 5);
|
||||
}
|
||||
function alb_register_settings() {
|
||||
register_setting('alb_options', 'alb_option_menucode', 'alb_validate_options');
|
||||
register_setting('alb_options', 'alb_option_front', 'alb_validate_options');
|
||||
add_settings_section('alb_menu', 'Menu', 'alb_settings_section_menu', 'alb_settings');
|
||||
add_settings_field('alb_menucode', 'Versione testuale del menu', 'alb_settings_field_menucode', 'alb_settings', 'alb_menu');
|
||||
add_settings_field('alb_front', 'Il menu deve sovrascrivere l\'homepage?', 'alb_settings_field_front', 'alb_settings', 'alb_menu');
|
||||
}
|
||||
add_action('admin_init', 'alb_register_settings');
|
||||
function alb_settings() {
|
||||
}
|
||||
function alb_settings_render() {
|
||||
?>
|
||||
<h2>Albero dei link</h2>
|
||||
<form action="options.php" method="post">
|
||||
<?php
|
||||
settings_fields('alb_options');
|
||||
do_settings_sections('alb_settings');
|
||||
?>
|
||||
<input name="submit" class="button button-primary" type="submit" value="Save" />
|
||||
</form>
|
||||
<?php
|
||||
}
|
||||
function alb_settings_section_menu() {
|
||||
$link = get_site_url();
|
||||
if(!get_option('alb_option_front')) {
|
||||
$link .= '/' . ALB_LINK_URI;
|
||||
}
|
||||
?>
|
||||
<div>
|
||||
Il tuo menu è disponibile all'indirizzo <a href="<?php echo $link; ?>"><?php echo esc_html($link); ?></a>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
function alb_settings_field_menucode() {
|
||||
$value = get_option('alb_option_menucode');
|
||||
if($value === false) {
|
||||
$value = "My website " . get_site_url();
|
||||
}
|
||||
|
||||
?>
|
||||
<textarea style="width: 100%;" id="alb_option_menucode" name="alb_option_menucode" rows="10" wrap="off" type="text" >
|
||||
<?php
|
||||
echo esc_html($value);
|
||||
?>
|
||||
</textarea>
|
||||
<div>
|
||||
<p>Per ogni link che vuoi aggiungere, scrivi il titolo seguito dall'URL.
|
||||
Vai a capo dopo ogni link.</p>
|
||||
|
||||
<p>Esempio:
|
||||
<pre>
|
||||
Il mio utente mastodon https://mastodon.bida.im/@noblogs
|
||||
Il mio sito preferito https://autistici.org/
|
||||
Un'ottima enciclopedia https://it.wikipedia.org/
|
||||
</pre></p>
|
||||
|
||||
<p>Le righe vuote (o non valide) vengono ignorate</p>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
}
|
||||
|
||||
function alb_settings_field_front() {
|
||||
$value = get_option('alb_option_front');
|
||||
?>
|
||||
<input type="checkbox" <?php echo $value ? 'checked' : '' ?> name="alb_option_front" id="alb_option_front" />
|
||||
<?php
|
||||
}
|
||||
|
||||
function alb_validate_options( $input ) {
|
||||
// XXX: protesta quando ci sono linee non vuote che però hanno errori
|
||||
return $input;
|
||||
}
|
||||
add_action('admin_menu', 'alb_settings_menu');
|
||||
/* Settings page }}} */
|
||||
165
style.css
Normal file
165
style.css
Normal file
|
|
@ -0,0 +1,165 @@
|
|||
/* Stylesheet for alberello link-tree-style */
|
||||
|
||||
|
||||
@import url(
|
||||
"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
background-color: #060c21;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
header { text-align: center;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 2rem;
|
||||
color: white;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.link {
|
||||
height: 3rem;
|
||||
width: 600px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #000;
|
||||
|
||||
margin: 0.5rem 0;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
|
||||
.about {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 2rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link span {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.link img {
|
||||
height: 2rem;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
.linkIcon {
|
||||
height: 2rem !important;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
.link:nth-child(1) {
|
||||
background: #845ec2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(2) {
|
||||
background: #d65db1;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(3) {
|
||||
background: #ff6f91;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(4) {
|
||||
background: #ff9671;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(5) {
|
||||
background: #ffc75f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(6) {
|
||||
background: #f9f871;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(7) {
|
||||
background: linear-gradient(90deg,
|
||||
rgba(241, 241, 241, 0.1) 30%,
|
||||
rgba(113, 113, 113, 0.3) 100%),
|
||||
#352e5c;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:nth-child(8) {
|
||||
background: linear-gradient(90deg,
|
||||
rgba(241, 241, 241, 0.1) 30%,
|
||||
rgba(113, 113, 113, 0.3) 100%),
|
||||
#211d38;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
filter: drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.link>* {
|
||||
transition: all 0.3s ease-in-out;
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.link:hover>* {
|
||||
transform: scale(1.1);
|
||||
filter: drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.link span {
|
||||
width: 70%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.link {
|
||||
width: 95vw;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
transform: scale(1.01);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue